Si teniu un lloc, explorar-ne el disseny mitjançant l’ús d’etiquetes CSS i div us pot fer avançar tant a vosaltres com al vostre negoci de llocs web. El manteniment fàcil, la càrrega més ràpida i les funcions adequades per als motors de cerca us proporcionaran avantatges d’una millor estratègia de màrqueting.
Passos
Pas 1. Tingueu en compte que l'etiqueta "div" s'utilitza bàsicament per establir àrees o divisions separades de la pàgina del lloc web
Aquest és un dels elements extremadament potents de "XHTML", ja que és necessari per col·locar el disseny de la pàgina web mitjançant "CSS". En paraules simples, aquest procés significa implementar llocs sense utilitzar les taules per al disseny i el posicionament.
Pas 2. Creeu un full d'estil: les etiquetes "Div" utilitzen fulls d'estil que permeten que el disseny web del lloc sigui independent de les dades
El disseny de fons amb colors i tipus de lletra, amplada, alçada, disseny i posicionament de files o columnes es pot inserir en fulls d'estil deixant només el codi div i la informació a les pàgines reals.
- Podeu crear un full d’estil com un document més i enllaçar-lo. Obriu un nou bloc de notes, escriviu-lo al codi i deseu-lo a l'extensió ".css".
- Les propietats CSS que són molt útils són "color de fons", "alçada", "amplada", "flotació" i "neteja".
Pas 3. Enllaceu el full d’estils: podeu enllaçar el full d’estils mitjançant l’etiqueta d’enllaç
S'ha d'utilitzar a la secció "cap" del vostre lloc web. per exemple.. hauríeu d'escriure la ruta al fitxer CSS al lloc on s'escriu "ruta" en aquest exemple.
Pas 1. Compreneu els avantatges d’utilitzar etiquetes div o sense taula:
- La càrrega de llocs es fa més ràpida. Els llocs web que es basen en etiquetes "div" fan que els navegadors funcionin molt més ràpidament, ja que són molt lleugers. 'Div' es controla a través de fulls d'estil en cascada i, per tant, necessita menys codificació que ajudi a mantenir la mida del fitxer al mínim.
- "Div" és amigable per a tots els motors de cerca: els llocs web basats en CSS són optimitzats per a motors de cerca, ja que permeten al dissenyador web mantenir els articles principals a la part superior, cosa que permet als motors de cerca trobar el contingut principal amb més facilitat.
- Un lloc web basat en etiquetes "div" permet estalviar amplada de banda. Un lloc web sense taules té una mida de fitxer menor, cosa que significa que estalvia l’amplada de banda. Si teniu un lloc de gran trànsit, on cada pàgina navega pels visitants del lloc, estalvieu la mida de l’amplada de banda en no tenir taules. Aquesta quantitat d'amplada de banda estalviada pot ser útil durant un període de temps o al final del mes.
- Codi més net: els llocs web que fan servir etiquetes "div" i CSS generen un codi més net. Aquest codi més net permet als rastrejadors dels motors de cerca llegir el contingut real.
