framedesignlab.com

Pour créer une page Web propre, bien organisée et facile à lire, respectez les principes de base. HTML 5 et CSS 3 peuvent obtenir toute la presse, mais les éléments HTML de base comme les en-têtes, les paragraphes et quelques tableaux bien placés peuvent effectivement diviser une page pour communiquer votre message. Voici quelques balises simples et utiles pour vous aider à organiser un site.

En-têtes

Les titres, dans une variété de tailles, attirent l'œil et orientent les lecteurs vers les informations qu'ils souhaitent lire. Commencez par un titre principal en utilisant

ou alors

Mots clés:

Bienvenue sur mon site

Utilisez des en-têtes de niveau inférieur pour diviser le site verticalement en sections. Limitez les en-têtes à deux ou trois tailles, allant de

à

et pas plus de trois ou quatre sections.

Paragraphes

Utilisez le paragraphe

balise pour diviser le texte en sections comme suit:

Texte du premier paragraphe…

Texte du deuxième paragraphe…

Gardez les paragraphes petits et concis. Les lecteurs Web typiques analysent rapidement le contenu, alors allez-y dans la première phrase ou deux avant de s'ennuyer et cliquez sur un autre lien.

Images

Quelques images bien placées aident également à diviser la page en sections logiques. Variez l'orientation à gauche et à droite pour diviser la page. Si possible, convertissez les titres en images pour ajouter du style et de la variété. Les images fonctionnent également bien pour remplacer les liens et les boutons.

les tables

Utilisez des tableaux simples pour diviser la page horizontalement. Un seul tableau, placé après le titre, divisera effectivement la page en deux ou trois sections. Utilisez le code HTML suivant :

Le tableau remplit la page avec une colonne de gauche occupant 20% de la page, une colonne de droite prenant encore 20% et la colonne centrale entre les deux. Assurez-vous de vous souvenir de l'attribut valign afin que chaque colonne commence par le haut et coule vers le bas. Oubliez cet attribut et le contenu sera aligné verticalement sur le centre de la page. Ajoutez le contenu, puis ajustez la largeur des colonnes jusqu'à ce que la présentation soit correcte.

Lignes et bordures

Une règle horizontale, codée comme "" sans guillemets, ou une bordure autour d'un tableau peut accentuer un saut de section ou attirer l'attention sur un bloc de texte. Utilisez-les avec parcimonie et gardez les largeurs de ligne à deux ou trois points maximum. Expérimentez avec ces éléments pour voir s'ils ajoutent ou nuisent à la présentation.

Espace blanc

Les lignes et les colonnes vierges divisent souvent une page mieux que toutes les autres mises en forme. Les sauts de ligne, codés comme "

" sans guillemets, paragraphes vides, codés comme des balises à fermeture automatique comme "

" sans guillemets et les colonnes de tableau vides séparent le texte et rendent la mise en page plus agréable pour le lecteur. L'espace vide prend peu de bande passante et est vraiment le moyen le plus simple de diviser une page.