Comment concevoir une page Web simple en div : 4 étapes (avec des images)

Table des matières:

Comment concevoir une page Web simple en div : 4 étapes (avec des images)
Comment concevoir une page Web simple en div : 4 étapes (avec des images)

Vidéo: Comment concevoir une page Web simple en div : 4 étapes (avec des images)

Vidéo: Comment concevoir une page Web simple en div : 4 étapes (avec des images)
Vidéo: Comment Voir Les Amis Proches De Quelqu'un Sur Instagram 2024, Avril
Anonim

Si vous avez un site, l'exploration de sa conception à l'aide de balises CSS et div peut vous donner, ainsi qu'à votre entreprise, une longueur d'avance. Une maintenance facile, un chargement plus rapide et des fonctionnalités conviviales pour les moteurs de recherche vous donneront les avantages d'une meilleure stratégie marketing.

Pas

Étape 1. Sachez que la balise « div » est essentiellement utilisée pour établir des zones ou des divisions distinctes de la page du site Web

C'est l'un des éléments extrêmement puissants de « XHTML » car il est nécessaire pour placer la conception de la page Web à l'aide de « CSS ». En termes simples, ce processus signifie mettre en œuvre des sites dépourvus de tableaux pour la mise en page et le positionnement.

Étape 2. Créez une feuille de style - Les balises 'Div' utilisent des feuilles de style qui permettent à la conception Web du site d'être indépendante des données

La conception d'arrière-plans avec des couleurs et des polices, la largeur, la hauteur, la disposition et le positionnement des lignes ou des colonnes peuvent toutes être insérées dans des feuilles de style ne laissant que le code div et les informations sur les pages réelles.

  • Vous pouvez créer une feuille de style comme un autre document, puis la lier. Ouvrez un nouveau document dans le bloc-notes, écrivez-y votre code et enregistrez-le sous l'extension ".css".
  • Les propriétés CSS très utiles sont "background-color", "height", "width", "float" et "clear".

Étape 3. Lier la feuille de style - Vous pouvez lier la feuille de style à l'aide de la balise de lien

Cela devrait être utilisé dans la section "head" de votre site Web. par exemple.. vous devez écrire le chemin d'accès à votre fichier CSS à l'endroit où "chemin" est écrit dans cet exemple.

Concevoir une page Web simple dans Div Step 1
Concevoir une page Web simple dans Div Step 1
Concevoir une page Web simple dans Div Step 2
Concevoir une page Web simple dans Div Step 2
Concevoir une page Web simple dans Div Step 3
Concevoir une page Web simple dans Div Step 3

Étape 1. Comprenez les avantages de l'utilisation des balises div ou sans table:

  • Le chargement des sites devient plus rapide. Les sites Web basés sur des balises « div » rendent les navigateurs beaucoup plus rapides car ils sont très légers. « Div » est contrôlé via des feuilles de style en cascade et nécessite donc moins de codage, ce qui aide à maintenir la taille du fichier au minimum.
  • 'Div' est convivial pour tous les moteurs de recherche - les sites Web basés sur CSS sont compatibles avec l'optimisation des moteurs de recherche, car ils permettent au concepteur de sites Web de garder les principaux articles au premier plan, ce qui permet aux moteurs de recherche de trouver plus facilement le contenu principal.
  • Un site Web basé sur des balises « div » économise de la bande passante. Un site Web sans table a une taille de fichier plus petite, ce qui signifie qu'il économise votre bande passante. Si vous avez un site à trafic énorme, où chaque page est parcourue par les visiteurs du site, vous économiserez sur la taille de la bande passante en n'ayant pas de tables. Cette quantité de bande passante économisée pourrait être utile sur une période de temps ou à la fin du mois.
  • Code plus propre – Les sites Web utilisant des balises « div » et CSS génèrent un code plus propre. Ce code plus propre permet aux robots des moteurs de recherche de lire le contenu réel.

Conseillé: