Sådan designes en simpel webside i Div: 4 trin (med billeder)

Indholdsfortegnelse:

Sådan designes en simpel webside i Div: 4 trin (med billeder)
Sådan designes en simpel webside i Div: 4 trin (med billeder)

Video: Sådan designes en simpel webside i Div: 4 trin (med billeder)

Video: Sådan designes en simpel webside i Div: 4 trin (med billeder)
Video: Trin-for-trin: Sådan annoncerer du på Instagram | Din virksomhed i København 2024, April
Anonim

Hvis du har et websted, kan udforskning af dets design ved hjælp af CSS og div -tags tage dig og din webstedsvirksomhed et skridt foran. Let vedligeholdelse, hurtigere indlæsning og søgemaskinevenlige funktioner skal give dig fordele ved en bedre marketingstrategi.

Trin

Trin 1. Ved, at "div" -mærket stort set bruges til at etablere separate områder eller opdelinger på hjemmesidens side

Dette er blandt de ekstremt kraftfulde elementer i "XHTML", da det er nødvendigt for at placere designet af en webside ved hjælp af "CSS". I enkle ord betyder denne proces at implementere websteder uden brug af tabeller til layout og positionering.

Trin 2. Opret et stilark - 'Div' -tag bruger stilblade, som gør det muligt for webstedets webdesign at være uafhængigt af data

Design af baggrunde med farver og skrifttyper, bredde, højde, layout og placering af rækker eller kolonner kan alle indsættes i typografiark, der kun efterlader div -kode og oplysninger på faktiske sider.

  • Du kan oprette stylesheet som et andet dokument og derefter linke det. Åbn et nyt notesblok -dokument, skriv din kode i det og gem det under ".css" -udvidelsen.
  • De meget nyttige CSS-egenskaber er "baggrundsfarve", "højde", "bredde", "float" og "klar".

Trin 3. Link typografiarket - Du kan linke typografiarket ved hjælp af linktag

Dette skal bruges i afsnittet "hoved" på dit websted. f.eks.. du bør skrive stien til din CSS -fil på det sted, hvor "sti" er skrevet i dette eksempel.

Design en enkel webside i Div Trin 1
Design en enkel webside i Div Trin 1
Design en simpel webside i div trin 2
Design en simpel webside i div trin 2
Design en simpel webside i Div Trin 3
Design en simpel webside i Div Trin 3

Trin 1. Forstå fordelene ved at gøre brug af div-tags eller tabelløse:

  • Indlæsning af websteder bliver hurtigere. Websites, der er baseret på 'div' tags, gør, at browsere kører meget hurtigere, da de kommer i en meget letvægt. 'Div' styres via Cascading style sheets og har derfor brug for mindre kodning, der hjælper med at holde filstørrelsen til det minimale.
  • 'Div' er venlig over for alle søgemaskiner - CSS -baserede websteder er søgemaskineoptimeringsvenlige, da disse gør det muligt for webdesigneren at holde hovedartiklerne på toppen, så søgemaskiner lettere kan finde hovedindholdet.
  • Et 'div' tagbaseret websted sparer båndbredde. Et bordfrit websted har mindre filstørrelse, hvilket betyder, at det sparer din båndbredde. Hvis du har et stort trafikwebsted, hvor hver side gennemses af de besøgende, skal du spare på båndbredden ved ikke at have tabeller. Dette gemte båndbreddebeløb kan være nyttigt over en tidsperiode eller i slutningen af måneden.
  • Renere kode - De websteder, der bruger 'div' tags og CSS, genererer renere kode. Denne renere kode gør det muligt for crawlere af søgemaskiner at læse det faktiske indhold.

Anbefalede: