"Zaglavlje" ili vrh web stranice čini vašu web lokaciju jedinstvenom, omogućava joj da se razlikuje od ostalih i odražava specifičnosti vašeg internet projekta. Uz pomoć originalnog i dobro napravljenog zaglavlja možete ukrasiti i pročistiti bilo koju web stranicu, a da biste sami napravili zaglavlje, morate naučiti kako postaviti ovaj web element.
Instrukcije
Korak 1
Ako želite da vaša web lokacija ima statične, konstantne dimenzije, morate stvoriti statično zaglavlje koje se ne mijenja ovisno o promjeni širine ekrana. Odredite širinu i visinu zaglavlja (na primjer, 996x230) i umetnite pozadinsku sliku u gornji blok pomoću sljedećeg CSS koda, gdje je header-1.jpg
pozadina: # a6b7d3 url (img / header-1.jpg) bez ponavljanja;
širina: 996px;
visina: 230px;
} HTML kôd zaglavlja ove vrste izgledat će ovako:
Korak 2
Ako je web stranica izgrađena na takav način da su njene dimenzije prilagođene širini ekrana, zaglavlje treba otkucati uzimajući u obzir sve glavne rezolucije monitora. Maksimalna širina takvog zaglavlja trebala bi biti 1920 piksela. Da biste umetnuli takvo zaglavlje, upotrijebite CSS kod: #header {background: # a6b7d3 url (img / header-2.jpg) centar bez ponavljanja; visina: 250px;} HTML kôd je u ovom slučaju sličan prethodnom. CSS kod je promijenjen u nekim parametrima - sada ima atribut za centriranje slike zaglavlja, što mu omogućava da pozadinu uklopi u bilo koju širinu ekrana.
Korak 3
Također možete stvoriti složenije zaglavlje, izrezano na nekoliko blokova u pozadini, koji će promijeniti njihov položaj ovisno o veličini okvira za prikaz. CSS za takvo zaglavlje je složeniji i opsežniji i uključuje ponavljanje nekoliko pozadinskih elemenata u skladu s plutajućim dimenzijama prozora pregledača u kojem se može pregledati vaša web lokacija.
