Princippet om "at blive mødt af tøj" gælder ikke kun for mennesker, men også for websteder. Webstedets kjole er dens design. Og det er designet, der bestemmer det indtryk, som den besøgende har i de første par sekunder af at se ressourcen. Dette indtryk er især vigtigt, fordi det bestemmer hans fremtidige opførsel. Det første designelement, som enhver bruger, der besøger webstedet, ser er dets "header". Hætten er ansigtet på webressourcen. Derfor vil hver nybegynder webdesigner først og fremmest lære at lave overskrifter til websteder.
Nødvendig
- - adgang til Internettet
- - moderne browser
- - raster grafik editor (GIMP, Photoshop);
- - valgfri: vektorgrafikredigerer (CorelDraw);
- - valgfrit: 3D-modelleringsmiljø (Blender, 3DStudio);
- - valgfrit: papir, blyant eller pen.
Instruktioner
Trin 1
Udvikle et koncept til den fremtidige sidehoved. Ideelt set skal konceptet være baseret på den originale idé. Når idéer mangler, kan der opnås inspiration ved at analysere eksisterende gode løsninger. Reflekter resultatet af kreativ forskning i form af en skitse på et stykke papir. Skitsen skal afspejle strukturen i den fremtidige overskrift på webstedet med angivelse af "gummi" steder og områder fyldt med billeder. På dette tidspunkt er det en god ide at overveje et omtrentligt farveskema til headerens design.
Trin 2
Vælg sidehovedets størrelse. Faktisk er det værd at kun definere en af dens parametre - højden. Som regel er højden på sidens overskrifter fast, og det afhænger ikke af den logiske opløsning, der påvirker skærmparametrene for skrifttyper. Med andre ord skal du vælge en værdi for headerhøjden i pixels. I dette tilfælde er det fornuftigt at tage højde for muligheden for at placere bannere eller blokke af kontekstuel reklame i overskriften. Med hensyn til bredden skal du bestemme minimumsværdien og fremhæve mindst et "gummi" -område, der gør det muligt for overskriften at tilpasse sig til forskellige størrelser på websiden.
Trin 3
Opret en header-skabelon i en grafikeditor. I et nyt dokument skal du tilføje et gennemsigtigt lag, som du trækker skitsen i henhold til de valgte geometriske parametre. Lagets højde skal matche overskriftens højde. Bredden kan tages som vilkårlig, men større end minimumsstørrelsen, hvilket giver plads til vandrette “gummi” -områder.”I skabelonen angives zoner med faste og variable størrelser, zoner beregnet til at blive fyldt med statiske billeder, baggrundsbilleder.
Trin 4
Søg eller opret statiske billeder, der skal placeres i din headerskabelon. Logoet og nogle unikke elementer kan oprettes i et vektorredigerings- eller 3D-modelleringsmiljø. Det er ret let at finde tematiske billeder på gratis fotobanker på Internettet.
Trin 5
Indsæt baggrund, logo og statiske billeder i sidehovedskabelonen i en grafikeditor. Føj baggrunden og hvert billede til et separat gennemsigtigt lag. Arranger lagene på den bedste måde. Ved at flytte billeder i lag opnår du deres perfekte layout svarende til den tidligere oprettede skabelon.
Trin 6
Gem det resulterende headerbillede. Gem arbejdsprojektet i grafikeditorens originale format. Gem derefter det flade overskriftbillede i et tabsfrit format (for eksempel PNG).
Trin 7
Opret en HTML-header-skabelon, hvis det er nødvendigt. Åbn det flade billede i editoren. Klip billeder ud af det, der svarer til områder med en fast størrelse. Fra de steder, der svarer til "gummi" -områderne, skal du skære billederne ud med en pixel bred. Gem alle billeder på disken. Layout HTML-overskriften ved hjælp af de gemte billeder.
