Načelo „pozdravlja odjeća“vrijedi ne samo za ljude, već i za web lokacije. Haljina stranice je njegov dizajn. A dizajn je taj koji određuje dojam koji posjetitelj ima u prvih nekoliko sekundi pregledavanja resursa. Taj je dojam posebno važan jer određuje njegovo buduće ponašanje. Prvi element dizajna koji svaki korisnik koji posjeti stranicu vidi je njezino "zaglavlje". Kapica je zaštitno lice web resursa. Stoga svaki početnik web dizajner prije svega želi naučiti kako napraviti zaglavlja za web stranice.
Potrebno
- - pristup Internetu;
- - suvremeni preglednik;
- - uređivač rasterske grafike (GIMP, Photoshop);
- - neobavezno: uređivač vektorske grafike (CorelDraw);
- - neobavezno: okruženje za 3D modeliranje (Blender, 3DStudio);
- - po izboru: list papira, olovka ili olovka.
Upute
Korak 1
Razviti koncept za buduće zaglavlje web stranice. Idealno bi bilo da se koncept temelji na izvornoj ideji. Kad ideja nedostaje, nadahnuće se može dobiti analizom postojećih dobrih rješenja. Rezultat kreativnog istraživanja reflektirajte u obliku skice na papiru. Skica bi trebala odražavati strukturu budućeg zaglavlja stranice s naznakom "gumenih" mjesta i područja ispunjenih slikama. U ovoj je fazi dobro razmisliti o približnoj shemi boja za dizajn zaglavlja.
Korak 2
Odaberite veličinu zaglavlja. Zapravo, vrijedi jasno definirati samo jedan od njegovih parametara - visinu. U pravilu je visina zaglavlja web mjesta fiksna i ne ovisi o logičkoj razlučivosti koja utječe na parametre prikaza fontova. Drugim riječima, trebali biste odabrati vrijednost za visinu zaglavlja u pikselima. U ovom slučaju ima smisla uzeti u obzir mogućnost postavljanja natpisa ili blokova kontekstualnog oglašavanja u zaglavlje. S obzirom na širinu, trebali biste odrediti minimalnu vrijednost, ističući barem jedno "gumeno" područje koje omogućava zaglavlju da se prilagodi različitim veličinama web stranice.
3. korak
Stvorite predložak zaglavlja u grafičkom uređivaču. U novi dokument dodajte prozirni sloj na koji ćete povući skicu prema odabranim geometrijskim parametrima. Visina sloja trebala bi odgovarati visini zaglavlja. Širina se može uzeti kao proizvoljna, ali veća od minimalne veličine, ostavljajući prostor za vodoravna "gumena" područja. "U predlošku odredite zone fiksnih i promjenjivih veličina, zone namijenjene za ispunjavanje statičkim slikama, pozadinske slike.
4. korak
Pretražite ili izradite statične slike koje ćete smjestiti u predložak zaglavlja. Logotip i neki jedinstveni elementi mogu se stvoriti u vektorskom uređivaču ili okruženju 3D modeliranja. Vrlo je jednostavno pronaći tematske slike na besplatnim fotobankama na Internetu.
Korak 5
Umetnite pozadinu, logotip i statične slike u predložak zaglavlja web mjesta u grafičkom uređivaču. Dodajte pozadinu i svaku sliku u zasebni prozirni sloj. Slojeve složite na najbolji način. Premještanjem slika u slojevima postignite njihov savršen izgled koji odgovara prethodno stvorenom predlošku.
Korak 6
Spremite rezultirajuću sliku zaglavlja. Spremite radni projekt u izvorni format grafičkog uređivača. Zatim spremite izravnatu zaglavnu sliku u format bez gubitaka (na primjer, PNG).
7. korak
Izradite HTML predložak zaglavlja ako je potrebno. Otvorite izravnatu sliku u uređivaču. Iz njega izrežite slike koje odgovaraju područjima fiksne veličine. Izrežite slike širine 1 piksel s mjesta koja odgovaraju "gumenim" područjima. Spremite sve slike na disk. Postavite HTML zaglavlje pomoću spremljenih slika.
