"Overskriften", eller toppen av websiden, gjør nettstedet ditt unikt, gjør at det kan skille seg fra andre og gjenspeile detaljene til Internett-prosjektet ditt. Ved hjelp av en original og vellaget topptekst kan du dekorere og avgrense en hvilken som helst webside, og for å lage toppteksten selv, må du lære deg hvordan du utformer dette webelementet.
Bruksanvisning
Trinn 1
Hvis du vil at nettstedet ditt skal ha statiske, konstante dimensjoner, må du opprette en statisk overskrift som ikke endres avhengig av endringen i bredden på skjermen. Bestem bredden og høyden på overskriften (for eksempel 996x230) og sett inn et bakgrunnsbilde i toppblokken ved hjelp av følgende CSS-kode, der header-1.jpg
bakgrunn: # a6b7d3 url (img / header-1.jpg) no-repeat;
bredde: 996px;
høyde: 230 px;
} HTML-koden for en overskrift av denne typen vil se slik ut:
Steg 2
Hvis nettstedet er bygget på en slik måte at dimensjonene justeres til bredden på skjermen, bør overskriften settes inn under hensyntagen til alle større skjermoppløsninger. Maksimal bredde på en slik overskrift bør være 1920 piksler. For å sette inn en slik overskrift, bruk CSS-koden: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; høyde: 250px;} HTML-koden i dette tilfellet er lik den forrige. CSS-koden har blitt endret i noen parametere - nå har den et attributt for å sentrere overskriftsbildet, slik at den kan passe bakgrunnen til hvilken som helst skjermbredde.
Trinn 3
Du kan også lage en mer kompleks overskrift, kuttet i flere bakgrunnsblokker, som vil endre posisjonen avhengig av størrelsen på visningsområdet. CSS for en slik overskrift er mer kompleks og omfattende, og innebærer å gjenta flere bakgrunnselementer i samsvar med de flytende dimensjonene i nettleservinduet der nettstedet ditt kan vises.
