Hur Man Gör En Webbplatslayout

Innehållsförteckning:

Hur Man Gör En Webbplatslayout
Hur Man Gör En Webbplatslayout

Video: Hur Man Gör En Webbplatslayout

Video: Hur Man Gör En Webbplatslayout
Video: Bygga en layout och centrera en webbsida - HTML och CSS nybörjarguide del 13 2024, December
Anonim

Under det senaste århundradet var webbsidans layout domänen för ett fåtal proffs. Framsteg inom teknik har förenklat denna uppgift kraftigt. Nu kan alla Internetanvändare skapa en webbplats.

Hur man gör en webbplatslayout
Hur man gör en webbplatslayout

Det är nödvändigt

  • - mjukvarupaket för webbsidlayout;
  • - en raster grafisk redaktör för att skapa designelement.

Instruktioner

Steg 1

Gör en lista över de element som kommer att finnas på webbplatsen. Detta kan vara sådana komponenter som en navigeringsmeny, ett sökformulär, en reklam- eller informationsbanner, en lista över vänner. Projektets namn anges vanligtvis högst upp på sidan, det kan finnas en horisontell navigeringsmeny. Den centrala delen tilldelas webbplatsens huvudinnehåll. Längst ner på sidan placeras vanligtvis räknare, kontaktinformation för feedback.

Steg 2

Skapa en webbplatslayout i en grafisk redigerare. Huvuduppgiften här är att bestämma elementens utseende, deras relativa position. Använd inte för ljusa färger. En neutral färgpalett upplevs bäst. Använd en konsekvent stil för blocken. Försök att göra designen så användarvänlig som möjligt. Undvik element som är svåra att implementera i HTML och CSS.

Steg 3

Spara sidlayouten i bitmappsformat utan kvalitetsförlust. Definiera de stylingelement som ska återges med HTML. Dessa kan vara menyer, länkar, tabeller, sökformulär. Extrahera resten av elementen från layouten och spara dem i separata filer. Skapa två textdokument på hårddisken. Ändra tillägget för en av dem till.htm. Den innehåller koden som är ansvarig för elementens relativa position. Den andra filen innehåller stilark.

Steg 4

Öppna den första filen i en HTML-redigerare. Placera på sidan designelement som sparats tidigare i bitmappsfiler. Skapa textlänkar, tabeller och andra element som behöver återges i HTML. Attribut för element, till exempel färg, teckenstorlek, närvaro av gränser, skriv i en CSS-fil. Om du behöver animera sidelement använder du JavaScript.

Rekommenderad: