Hur Man Gör En Rubrik För En Webbplats

Innehållsförteckning:

Hur Man Gör En Rubrik För En Webbplats
Hur Man Gör En Rubrik För En Webbplats

Video: Hur Man Gör En Rubrik För En Webbplats

Video: Hur Man Gör En Rubrik För En Webbplats
Video: Så aktiverar du Mobilt BankID 2024, Maj
Anonim

När du skapar en webbplats på Internet är en av de viktigaste punkterna som en utvecklare måste ta hänsyn till dess funktionalitet, mångsidighet och prestanda. För att webbplatsen ska kunna visas helt och hållet i vilken webbläsare som helst på datorer med en mängd olika skärmupplösningar kan du skapa ett bekvämt "gummi" -huvud, bestående av flera grafiska element.

Hur man gör en rubrik för en webbplats
Hur man gör en rubrik för en webbplats

Instruktioner

Steg 1

I det första steget med att skapa en sådan rubrik för en webbplats öppnar du den bild som du redan har förberett för att publicera på webben i Photoshop och sedan skär den i bitar med Skivverktyget i verktygsfältet. Klipp av rubriken så att mittdelen är tom så att du får tre grafiska element. Detta gör att rubriken sträcker sig efter vilken skärmupplösning som helst.

Steg 2

När du har klippt rubriken sparar du den genom att optimera filerna när du sparar för webbformatet (Spara för webben). Ställ in önskat filformat för att spara - till exempel gif, jpeg eller png. För att ändra varje fragment av bilden, klicka på alternativet Slice Select Tool i menyn och ändra storlek på bilderna så att deras storlek är så liten som möjligt med minsta förlust av kvaliteten på bildens visuella visning på skärmen. Spara dina redigerade bilder som html och bilder.

Steg 3

När bilderna har sparats redigerar du HTML-koden genom att öppna det sparade html-dokumentet med Anteckningar. Radera alla onödiga kodrader i anteckningsblocket. Lämna bara de nödvändiga raderna - data om tabellen där dina bilder är inbäddade:

Steg 4

I dessa rader, istället för yourimage.gif, ska sökvägen till dina bilder med lämplig bredd och höjd anges.

Steg 5

För att den mellersta delen av bilden ska sträcka sig, sprida de extrema bilderna till sidorna, skriv motsvarande kodattribut i raderna. Ange dina egna bredd- och höjdparametrar i koden.

Steg 6

Ladda upp de genererade rubrikbilderna till rotkatalogen på din webbplats och redigera sedan HTML-koden med nya sökvägar till rubrikbilderna på servern. Klistra in rubrikkoden mellan taggarna.

Rekommenderad: