Kā Vietnē Ievietot Savu Galveni

Satura rādītājs:

Kā Vietnē Ievietot Savu Galveni
Kā Vietnē Ievietot Savu Galveni

Video: Kā Vietnē Ievietot Savu Galveni

Video: Kā Vietnē Ievietot Savu Galveni
Video: КНОПКА НА 100k💕ГЕЛЬ ЛАК С НУЛЯ! 🦋НАБОР ДЛЯ НОВИЧКА🦋Открываю посылки от подписчиков🦋😍!Не ожидала!😭🦋 2024, Novembris
Anonim

"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.

Kā vietnē ievietot savu galveni
Kā vietnē ievietot savu galveni

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.

Ieteicams: