"Zaglavlje", ili vrh web stranice, čini vašu web stranicu jedinstvenom, omogućuje joj da se razlikuje od ostalih i odražava specifičnosti vašeg internetskog projekta. Uz pomoć originalnog i dobro izrađenog zaglavlja možete ukrasiti i pročistiti bilo koju web stranicu, a da biste sami izradili zaglavlje, morate naučiti kako postaviti ovaj web element.
Upute
Korak 1
Ako želite da vaše web mjesto ima statične, konstantne dimenzije, morate stvoriti statično zaglavlje koje se ne mijenja ovisno o promjeni širine zaslona. 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 mjesto izgrađeno na takav način da su njegove dimenzije prilagođene širini zaslona, zaglavlje treba biti postavljeno uzimajući u obzir sve glavne rezolucije monitora. Maksimalna širina takvog zaglavlja trebala bi biti 1920 piksela. Da biste umetnuli takvo zaglavlje, upotrijebite CSS kôd: #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 kôd promijenjen je u nekim parametrima - sada ima atribut za centriranje slike zaglavlja, što mu omogućuje da pozadinu prilagodi bilo kojoj širini zaslona.
3. korak
Također možete stvoriti složenije zaglavlje, izrezano u nekoliko pozadinskih blokova, koji će promijeniti svoj položaj ovisno o veličini prozora. CSS za takvo zaglavlje složeniji je i opsežniji, a uključuje ponavljanje nekoliko pozadinskih elemenata u skladu s plutajućim dimenzijama prozora preglednika u kojem se može pregledavati vaše web mjesto.
