Hur man utformar en enkel webbsida i Div: 4 steg (med bilder)

Innehållsförteckning:

Hur man utformar en enkel webbsida i Div: 4 steg (med bilder)
Hur man utformar en enkel webbsida i Div: 4 steg (med bilder)

Video: Hur man utformar en enkel webbsida i Div: 4 steg (med bilder)

Video: Hur man utformar en enkel webbsida i Div: 4 steg (med bilder)
Video: Add or Delete Close Friends From Instagram Story! [How To] 2024, April
Anonim

Om du har en webbplats kan du och din webbplatsverksamhet ta ett steg före när du utforskar dess design med hjälp av CSS- och div -taggar. Enkelt underhåll, snabbare laddning och sökmotorvänliga funktioner ska ge dig fördelar med bättre marknadsföringsstrategi.

Steg

Steg 1. Vet att "div" -taggen i princip används för att upprätta separata områden eller delar av webbplatsens sida

Detta är bland de extremt kraftfulla elementen i "XHTML" eftersom det är nödvändigt för att placera designen av en webbsida med "CSS". I enkla ord innebär denna process att implementera webbplatser utan att använda tabeller för layout och positionering.

Steg 2. Skapa ett formatmall - "Div" -taggar använder formatmallar som gör att webbdesignen på webbplatsen kan vara oberoende av data

Att designa bakgrunder med färger och teckensnitt, bredd, höjd, layout och placering av rader eller kolumner kan alla infogas i formatmallar och lämnar endast div -kod och information på faktiska sidor.

  • Du kan skapa formatmall som ett annat dokument och sedan länka det. Öppna ett nytt anteckningsblock, skriv in det och spara det under tillägget ".css".
  • CSS-egenskaperna som är mycket användbara är "bakgrundsfärg", "höjd", "bredd", "flyt" och "tydlig".

Steg 3. Länka formatmallen - Du kan länka formatmall med hjälp av länktagg

Detta bör användas i avsnittet "huvud" på din webbplats. t.ex.. du bör skriva sökvägen till din CSS -fil på den plats där "sökvägen" är skriven i detta exempel.

Skapa en enkel webbsida i Div Steg 1
Skapa en enkel webbsida i Div Steg 1
Skapa en enkel webbsida i Div Steg 2
Skapa en enkel webbsida i Div Steg 2
Skapa en enkel webbsida i Div Steg 3
Skapa en enkel webbsida i Div Steg 3

Steg 1. Förstå fördelarna med att använda div-taggar eller bordslösa:

  • Nedladdning av webbplatser blir snabbare. Webbplatser som är baserade på "div" -taggar gör att webbläsare körs mycket snabbare eftersom de kommer i en mycket lätt vikt. 'Div' styrs genom Cascading -stilark och behöver därför mindre kodning som hjälper till att hålla filstorleken till det minimala.
  • "Div" är vänlig för alla sökmotorer - CSS -baserade webbplatser är sökmotoroptimeringsvänliga eftersom dessa gör det möjligt för webbdesignern att hålla huvudartiklarna på topp så att sökmotorer lättare kan hitta huvudinnehåll.
  • En "div" taggbaserad webbplats sparar bandbredd. En tabellfri webbplats har mindre filstorlek, vilket innebär att den sparar din bandbredd. Om du har en enorm trafikplats, där varje sida besöks av webbplatsbesökarna, ska du spara på bandbreddstorleken genom att inte ha tabeller. Denna sparade bandbredd kan vara användbar under en tidsperiod eller i slutet av månaden.
  • Renare kod - Webbplatserna som använder "div" -taggar och CSS genererar renare kod. Denna renare kod tillåter sökrobotar i sökmotorer att läsa det faktiska innehållet.

Rekommenderad: