„Antraštė“arba tinklalapio viršus daro jūsų svetainę unikalią, leidžia jai skirtis nuo kitų ir atspindi jūsų interneto projekto specifiką. Originalios ir gerai pagamintos antraštės pagalba galite papuošti ir patobulinti bet kurį tinklalapį, o norint patiems pasidaryti antraštę, turite išmokti išdėstyti šį interneto elementą.
Nurodymai
1 žingsnis
Jei norite, kad jūsų svetainėje būtų statiniai, pastovūs matmenys, turite sukurti statinę antraštę, kuri nesikeičia priklausomai nuo ekrano pločio pokyčio. Nustatykite antraštės plotį ir aukštį (pavyzdžiui, 996x230) ir įterpkite fono paveikslėlį į viršutinį bloką naudodami šį CSS kodą, kur header-1.jpg
fonas: # a6b7d3 URL (img / header-1.jpg) ne kartoti;
plotis: 996px;
aukštis: 230 taškų;
} Šio tipo antraštės HTML kodas atrodys taip:
2 žingsnis
Jei svetainė sukurta taip, kad jos matmenys būtų pritaikyti prie ekrano pločio, antraštė turėtų būti surenkama atsižvelgiant į visas pagrindines monitoriaus skiriamąsias gebas. Didžiausias tokios antraštės plotis turėtų būti 1920 taškų. Norėdami įterpti tokią antraštę, naudokite CSS kodą: #header {background: # a6b7d3 url (img / header-2.jpg) no-pakartoti centrą; height: 250px;} HTML kodas šiuo atveju yra panašus į ankstesnį. Kai kurie parametrai pakeitė CSS kodą - dabar jis turi antraštės vaizdo centravimo atributą, kuris leidžia pritaikyti foną bet kokiam ekrano plotiui.
3 žingsnis
Taip pat galite sukurti sudėtingesnę antraštę, suskirstytą į kelis fono blokus, kurie pakeis jų padėtį, priklausomai nuo peržiūros srities dydžio. Tokios antraštės CSS yra sudėtingesnis ir išsamesnis, todėl reikia pakartoti kelis fono elementus pagal naršyklės lango, kuriame galima peržiūrėti jūsų svetainę, plaukiojančius matmenis.
