"Glava" ali vrh spletne strani naredi vaše spletno mesto edinstveno, mu omogoča, da se razlikuje od drugih in odraža posebnosti vašega internetnega projekta. S pomočjo izvirne in dobro izdelane glave lahko katero koli spletno stran okrasite in izboljšate, če želite glavo narediti sami, se morate naučiti, kako postaviti ta spletni element.
Navodila
Korak 1
Če želite, da ima vaše spletno mesto statične, konstantne dimenzije, morate ustvariti statično glavo, ki se ne bo spreminjala glede na spremembo širine zaslona. Določite širino in višino glave (na primer 996x230) in v zgornji blok vstavite sliko za ozadje z uporabo naslednje kode CSS, kjer je header-1.jpg
ozadje: # a6b7d3 url (img / header-1.jpg) brez ponovitve;
širina: 996px;
višina: 230px;
} Koda HTML za glavo te vrste bo videti tako:
2. korak
Če je spletno mesto zgrajeno tako, da so njegove dimenzije prilagojene širini zaslona, je treba glavo vstaviti ob upoštevanju vseh glavnih ločljivosti monitorja. Največja širina take glave mora biti 1920 slikovnih pik. Če želite vstaviti takšno glavo, uporabite kodo CSS: #header {background: # a6b7d3 url (img / header-2.jpg) center brez ponovitve; height: 250px;} Koda HTML je v tem primeru podobna prejšnji. Koda CSS je bila spremenjena v nekaterih parametrih - zdaj ima atribut za centriranje slike glave, kar omogoča prilagajanje ozadja poljubni širini zaslona.
3. korak
Ustvarite lahko tudi bolj zapleteno glavo, razrezano na več blokov v ozadju, ki bodo spremenili svoj položaj glede na velikost vidnega polja. CSS za takšno glavo je bolj zapleten in obsežen ter vključuje ponavljanje več elementov ozadja v skladu s plavajočimi dimenzijami okna brskalnika, v katerem si je mogoče ogledati vaše spletno mesto.
