Hoe om 'n eenvoudige webblad in div te ontwerp: 4 stappe (met foto's)

INHOUDSOPGAWE:

Hoe om 'n eenvoudige webblad in div te ontwerp: 4 stappe (met foto's)
Hoe om 'n eenvoudige webblad in div te ontwerp: 4 stappe (met foto's)

Video: Hoe om 'n eenvoudige webblad in div te ontwerp: 4 stappe (met foto's)

Video: Hoe om 'n eenvoudige webblad in div te ontwerp: 4 stappe (met foto's)
Video: How to Create and Link AdSense to YouTube Channel in 2023 2024, Mei
Anonim

As u 'n webwerf het, kan die ontwerp van u webwerf met behulp van CSS- en div -tags u en u webwerfonderneming een stap vooruit neem. Maklike instandhouding, vinniger laai en soekenjinvriendelike funksies bied voordele van 'n beter bemarkingstrategie.

Stappe

Stap 1. Weet dat die 'div' -tag basies gebruik word om afsonderlike gebiede of afdelings van die webwerfbladsy te vestig

Dit is een van die uiters kragtige elemente in 'XHTML', aangesien dit nodig is om die ontwerp van 'n webwerf met 'CSS' te plaas. In eenvoudige woorde beteken hierdie proses die implementering van webwerwe sonder om tabelle te gebruik vir uitleg en posisionering.

Stap 2. Skep 'n stylblad - 'Div' -etikette gebruik stylblaaie waarmee die webontwerp van die webwerf onafhanklik van data kan wees

Om agtergronde met kleure en lettertipes, breedte, hoogte, uitleg en posisionering van rye of kolomme te ontwerp, kan almal in stylblaaie ingevoeg word, wat slegs div -kode en inligting op werklike bladsye laat.

  • U kan 'n stylblad as 'n ander dokument skep en dit dan koppel. Maak 'n nuwe notaboekdokument oop, skryf u kode daarin en stoor dit onder die ".css" -uitbreiding.
  • Die CSS-eienskappe wat baie nuttig is, is "agtergrondkleur", "hoogte", "breedte", "dryf" en "duidelik".

Stap 3. Koppel die stylblad - U kan 'n stylblad met 'n skakelmerker koppel

Dit moet gebruik word in die afdeling 'kop' van u webwerf. bv.. u moet die pad na u CSS -lêer skryf op die plek waar 'pad' in hierdie voorbeeld geskryf is.

Ontwerp 'n eenvoudige webblad in Div Stap 1
Ontwerp 'n eenvoudige webblad in Div Stap 1
Ontwerp 'n eenvoudige webblad in Div Stap 2
Ontwerp 'n eenvoudige webblad in Div Stap 2
Ontwerp 'n eenvoudige webblad in Div Stap 3
Ontwerp 'n eenvoudige webblad in Div Stap 3

Stap 1. Verstaan die voordele van die gebruik van div-tags of tafelloos:

  • Die laai van webwerwe word vinniger. Webwerwe wat op 'div' -etikette gebaseer is, laat blaaiers baie vinniger loop, aangesien dit baie lig is. 'Div' word beheer deur middel van Cascading -stylblaaie en benodig dus minder kodering wat die lêergrootte tot die minimum beperk.
  • 'Div' is vriendelik vir alle soekenjins - CSS -gebaseerde webwerwe is soekenjinoptimaliseringsvriendelik, aangesien dit die webontwerper in staat stel om die hoofartikels op die hoogte te hou, sodat soekenjins die belangrikste inhoud makliker kan vind.
  • 'N' Div 'tag -gebaseerde webwerf bespaar bandwydte. 'N Tafellose webwerf het 'n kleiner lêergrootte, wat beteken dat dit u bandwydte bespaar. As u 'n groot verkeerswebwerf het, waar elke webwerf deur die besoekers besoek word, bespaar u op die bandwydte deur geen tabelle te hê nie. Hierdie bespaarde bandwydte kan nuttig wees oor 'n tydperk of aan die einde van die maand.
  • Skoonmakerkode - Die webwerwe wat 'div' -etikette en CSS gebruik, genereer skoner kode. Hierdie skoner kode laat crawlers van soekenjins die werklike inhoud lees.

Aanbeveel: