Hvordan Lage En Gummihode For Et Nettsted

Innholdsfortegnelse:

Hvordan Lage En Gummihode For Et Nettsted
Hvordan Lage En Gummihode For Et Nettsted

Video: Hvordan Lage En Gummihode For Et Nettsted

Video: Hvordan Lage En Gummihode For Et Nettsted
Video: Hvordan lage en hjemmeside pa 7 minutter 2024, Kan
Anonim

Når du oppretter et nettsted på Internett, er et av de viktigste punktene som en utvikler må ta hensyn til, funksjonalitet, allsidighet og ytelse. For at nettstedet skal vises fullt og riktig i en hvilken som helst nettleser på datamaskiner med et bredt utvalg av skjermoppløsninger, kan du lage en praktisk "gummi" -hode, bestående av flere grafiske elementer.

Hvordan lage en gummihode for et nettsted
Hvordan lage en gummihode for et nettsted

Bruksanvisning

Trinn 1

I det første trinnet med å lage en slik overskrift for et nettsted, åpner du bildet i Photoshop som du allerede har forberedt for å legge ut på nettet, og klipper det deretter i stykker ved hjelp av Slice Tool i verktøylinjen. Klipp overskriften slik at midtdelen er tom, slik at du ender opp med tre grafiske elementer. Dette vil tillate overskriften å strekke seg for hvilken som helst skjermoppløsning.

Steg 2

Når du har klippet overskriften, lagrer du den ved å optimalisere filene når du lagrer for nettformatet (Lagre for nett). Angi ønsket filformat for lagring - for eksempel gif, jpeg eller png. For å endre hvert fragment av bildet, klikk på alternativet Slice Select Tool i menyen og endre størrelsen på bildene slik at størrelsen blir så liten som mulig med minst mulig tap av kvaliteten på den visuelle visningen av bildet på skjermen. Lagre de redigerte bildene dine som html og bilder.

Trinn 3

Etter at bildene er lagret, rediger du HTML-koden ved å åpne det lagrede html-dokumentet med Notisblokk. Slett alle unødvendige kodelinjer i notisblokken. La bare de nødvendige linjene ligge - data om tabellen der bildene dine er innebygd:

Trinn 4

I disse linjene, i stedet for yourimage.gif, bør banen til bildene dine med passende bredde og høyde spesifiseres.

Trinn 5

For at den midtre delen av bildet skal strekke seg, og spre de ekstreme bildene til sidene, skriver du de tilsvarende kodeattributtene i linjene. Spesifiser dine egne parametere for bredde og høyde i koden.

Trinn 6

Last opp de genererte toppbildene til rotkatalogen på nettstedet ditt, og rediger deretter HTML-koden med nye baner til toppbildene på serveren. Lim toppteksten mellom kodene.

Anbefalt: