"Galvene" jeb tīmekļa lapas augšdaļa padara jūsu vietni unikālu, ļauj tai atšķirties no citām un atspoguļot jūsu interneta projekta specifiku. Izmantojot oriģinālu un labi izveidotu galveni, jūs varat izrotāt un uzlabot jebkuru tīmekļa lapu, un, lai pats izveidotu galveni, jums jāiemācās izkārtot šo tīmekļa elementu.
Instrukcijas
1. solis
Ja vēlaties, lai jūsu vietnei būtu statiskas, nemainīgas dimensijas, jums jāizveido statiska galvene, kas nemainās atkarībā no ekrāna platuma izmaiņām. Nosakiet galvenes platumu un augstumu (piemēram, 996x230) un ievietojiet fona attēlu augšējā blokā, izmantojot šādu CSS kodu, kur header-1.jpg
fons: # a6b7d3 URL (img / header-1.jpg) bez atkārtojuma;
platums: 996px;
augstums: 230 pikseļi;
} Šāda veida galvenes HTML kods izskatīsies šādi:
2. solis
Ja vietne ir veidota tā, ka tās izmēri tiek pielāgoti ekrāna platumam, galvenei jābūt saliktai, ņemot vērā visas galvenās monitora izšķirtspējas. Šādas galvenes maksimālajam platumam jābūt 1920 pikseļiem. Lai ievietotu šādu galveni, izmantojiet CSS kodu: # header {background: # a6b7d3 url (img / header-2.jpg) centrs neatkārtojas; height: 250px;} HTML kods šajā gadījumā ir līdzīgs iepriekšējam. Dažos parametros CSS kods ir mainīts - tagad tam ir atribūts galvenes attēla centrēšanai, kas ļauj fonu pielāgot jebkuram ekrāna platumam.
3. solis
Varat arī izveidot sarežģītāku galveni, sagrieztu vairākos fona blokos, kas mainīs to pozīciju atkarībā no skata loga lieluma. Šādas galvenes CSS ir sarežģītāka un plašāka, un tā ietver vairāku fona elementu atkārtošanu atbilstoši pārlūkprogrammas loga peldošajiem izmēriem, kurā jūsu vietni var apskatīt.