Hvordan Man Laver En Gummihætte

Indholdsfortegnelse:

Hvordan Man Laver En Gummihætte
Hvordan Man Laver En Gummihætte

Video: Hvordan Man Laver En Gummihætte

Video: Hvordan Man Laver En Gummihætte
Video: Mønster til hætte - sådan laver du en spids hætte 2024, Kan
Anonim

Den øverste del af webstedet, som også kaldes overskriften, afspejler normalt emnet for ressourcen og kan indeholde en navigationslinje. Hvis sidehovedet har en vis bredde, vil denne del af webstedet se anderledes ud på skærmene for brugere med forskellige opløsninger. For at sidehovedet skal se ens ud på enhver skærm, er det nødvendigt at få nogle af dens sektioner til at strække eller krympe afhængigt af skærmens størrelse. En sådan gummihætte kan fremstilles uden at fastgøre bredden i pixels.

Hvordan man laver en gummihætte
Hvordan man laver en gummihætte

Nødvendig

har dit eget websted

Instruktioner

Trin 1

For at fremstille en gummihætte skal du først tegne den i Photoshop. Adskil derefter 3 dele af billedet: 2 sider og midten. Disse stykker skal være ca. 10-20 pixels brede og om højden på den ønskede sidehoved. Gem hvert element, så du har 3 forskellige filer: 1.gif, 2.gif, 3.gif. Send disse billeder til webstedet.

Trin 2

Opret derefter en tabel, der holder elementerne øverst på webstedet. For at gøre dette skal du skrive i HTML-koden:

En tabel med en bredde på 100% strækkes eller formindskes afhængigt af brugerens skærmstørrelse.

Trin 3

Lav en linje i tabellen, i hvilken celle placerer venstre side af 1.gif-sideoverskriften:

Trin 4

Opret en midterste del af sidehovedet, der består af et gentagende 2.gif-billede. For at gøre dette skal du skrive følgende i din CSS-kode:

.header {baggrundsbillede: url ('images / 2.gif');}

Trin 5

Nu, i en række i tabellen, skal du oprette en anden celle og placere det midterste element øverst på webstedet i det og pege på dets navneoverskrift i CSS-koden:

Webstedets navn

>

Trin 6

Når du har oprettet den tredje celle i tabelrækken, skal du placere højre side af 3.gif-sideoverskriften i denne celle:

Webstedets navn

Anbefalede: