Sådan Oprettes En Gummihoved Til Et Websted

Indholdsfortegnelse:

Sådan Oprettes En Gummihoved Til Et Websted
Sådan Oprettes En Gummihoved Til Et Websted

Video: Sådan Oprettes En Gummihoved Til Et Websted

Video: Sådan Oprettes En Gummihoved Til Et Websted
Video: Videoguide: Udskiftning af dørbælg på vaskemaskine | Sådan gør du! 2024, December
Anonim

Når du opretter et websted på Internettet, er et af de vigtigste punkter, som en udvikler skal tage i betragtning, dets funktionalitet, alsidighed og ydeevne. For at webstedet skal vises fuldt ud og korrekt i enhver browser på computere med en bred vifte af skærmopløsninger, kan du oprette en praktisk "gummi" -overskrift, der består af flere grafiske elementer.

Sådan oprettes en gummihoved til et websted
Sådan oprettes en gummihoved til et websted

Instruktioner

Trin 1

I det første trin i oprettelse af en sådan overskrift til et websted skal du åbne det billede, som du allerede har forberedt til at blive sendt på nettet i Photoshop, og derefter klippe det i stykker ved hjælp af skiveværktøjet i værktøjslinjen. Skær overskriften, så den midterste del er tom, så du ender med tre grafiske elementer. Dette gør det muligt for overskriften at strække sig efter enhver skærmopløsning.

Trin 2

Når du har klippet overskriften, skal du gemme den ved at optimere filerne, når du gemmer til webformatet (Gem til internettet). Indstil det ønskede filformat til lagring - for eksempel gif, jpeg eller png. For at ændre hvert fragment af billedet skal du klikke på indstillingen Slice Select Tool i menuen og ændre størrelsen på billederne, så deres størrelse er så lille som muligt med det mindste tab i kvaliteten af den visuelle visning af billedet på skærmen. Gem dine redigerede billeder som html og billeder.

Trin 3

Når billederne er gemt, skal du redigere HTML-koden ved at åbne det gemte html-dokument med Notesblok. Slet alle unødvendige kodelinjer i notesblok. Efterlad kun de nødvendige linjer - data om den tabel, hvor dine billeder er indlejret:

Trin 4

I disse linjer skal stien til dine billeder med den passende bredde og højde angives i stedet for yourimage.gif.

Trin 5

For at den midterste del af billedet skal strække sig og sprede de ekstreme billeder til siderne, skal du skrive de tilsvarende kodeattributter i linjerne. Angiv dine egne parametre for bredde og højde i koden.

Trin 6

Upload de genererede headerbilleder til rodbiblioteket på dit websted, og rediger derefter HTML-koden med nye stier til headerbillederne på serveren. Indsæt overskriftskoden mellem tags.

Anbefalede: