Hvordan Lage En Gummihatt

Innholdsfortegnelse:

Hvordan Lage En Gummihatt
Hvordan Lage En Gummihatt

Video: Hvordan Lage En Gummihatt

Video: Hvordan Lage En Gummihatt
Video: Hvordan lage sjokoladesmørkrem 2024, November
Anonim

Den øvre delen av nettstedet, som også kalles overskriften, gjenspeiler vanligvis emnet for ressursen og kan inneholde en navigasjonslinje. Hvis sideoverskriften har en viss bredde, vil denne delen av nettstedet se annerledes ut på skjermene til brukere med forskjellige oppløsninger. For at sidehodet skal se likt ut på en hvilken som helst skjerm, er det nødvendig å gjøre noen av dens seksjoner strekkende eller krympet avhengig av størrelsen på skjermen. En slik gummihette kan lages uten å feste bredden i piksler.

Hvordan lage en gummihatt
Hvordan lage en gummihatt

Nødvendig

ha din egen nettside

Bruksanvisning

Trinn 1

For å lage en gummilokk må du først tegne den i Photoshop. Deretter skiller du 3 deler av bildet: 2 sider og midten. Disse delene skal være omtrent 10-20 piksler brede og omtrent på høyden på overskriften du vil ha. Lagre hvert element slik at du har 3 forskjellige filer: 1.gif, 2.gif, 3.gif. Send disse bildene til nettstedet.

Steg 2

Deretter oppretter du en tabell som holder elementene øverst på siden. For å gjøre dette, skriv i HTML-koden:

Et bord med en bredde på 100% vil strekke seg eller krympe avhengig av brukerens skjermstørrelse.

Trinn 3

Lag en linje i tabellen, i cellen som plasserer venstre side av 1.gif-sideoverskriften:

Trinn 4

Lag en midtseksjon av sidehodet som består av et gjentakende 2.gif-bilde. For å gjøre dette, skriv følgende i CSS-koden:

.header {bakgrunnsbilde: url ('bilder / 2.gif');}

Trinn 5

Nå, på en rad i tabellen, oppretter du en ny celle og plasserer det midterste elementet på toppen av nettstedet i den, og peker på navnets overskrift i CSS-koden:

Navnet på nettstedet

>

Trinn 6

Etter å ha opprettet den tredje cellen i tabellraden, plasser høyre side av 3.gif-overskriften i denne cellen:

Navnet på nettstedet

Anbefalt: