Dreamweaver est installé sur votre ordinateur, vous avez créé une première arborescence de votre site sur votre disque dur, et vous trépignez de créer vos pages.
Lancez Dreamweaver. Une page blanche, encombrée de menus flottants, apparaît. Je vous conseil de fermer tous ces menus (en cliquant sur la petite croix à gauche) et de taper au kilomètre, sans faire aucun formatage, le contenu de votre page.
La seule manipulation que je vous permets est la création de tableaux.
Une fois votre page écrite, appuyez sur F12 (ou Fichier / Aperçu dans le navigateur / nom du navigateur). Bon, c'est pas folichon. Attendez, on va passer au formatage du texte.
Votre page est écrite, et vous désirez que la présentation soit un peu plus attrayante que ces simples lignes de caractères qui se suivent sans aucun relief. Deux possibilités s'offrent à vous : la manuelle (mais en informatique, tout ce qui est dit "manuel" est banni - ça demande trop d'efforts), et l'automatique. Cependant, ces 2 méthodes ne s'opposent pas complètement. Elles sont plutôt complémentaires. Vous devrez donc les utilisez tour à tour selon vos besoins.
La manuelle consiste à relire votre texte et, lorsque vous désirez mettre en gras une partie du texte, vous mettez ce texte en surbrillance et, dans l'inspecteur des propriétés (que vous pouvez appeler en allant dans le menu déroulant Fenêtre / Propriétés), vous cliquez sur l'icône gras, ou alors vous allez dans le menu déroulant Texte / Style / Gras - ou le raccourci clavier Ctrl+B. Ainsi, au fur et à mesure de votre lecture, vous formattez votre texte comme vous le feriez sous un quelconque traitement de texte. Toutes les propriétés touchant au formatage du texte sont dans le menu déroulant "Texte". L'inspecteur de propriété donne les formatages les plus souvent utilisés.
Le client est roi, voici les différentes options du menu texte agrémentées d'une légère explication.
|
Options du menu déroulant Texte
|
|
|---|---|
|
Retrait - Ctrl+9
|
Tabulation vers la droite pour un bloc de texte |
|
Retrait négatif - Ctrl+8
|
Tabulation vers la gauche pour un bloc de texte |
|
Format
|
Type de texte (paragraphe, en-tête, ...) |
|
Liste
|
Puces, listes numérotées avec choix du format |
|
Alignement
|
Gauche, droite, centre |
|
Police
|
Choix d'une police de caractères |
|
Style
|
Gras, italique, souligné, barré, ... |
|
Style personnalisé (pre)
|
Si vous avez défini une classe; permet aussi à définir une feuille de style |
|
Taille
|
Taille des caractères |
|
Augmenter la taille
|
Ai-je besoin d'expliquer? |
|
Réduire la taille
|
Heu, alors là, c'est un concept mega dur à piger ... |
|
Couleur
|
Oh, le belle verte !!!!! |
|
Orthographe - Maj+7
|
Un problaime en fransset? |
Cependant, certains de vos formatages sont répétitifs(vous voulez mettre tous les titres de paragraphes en gras souligné de taille 6, ...). Afin d'automatiser cela, les concepteurs du langage html, dans leur grande bonté, ont conçu les feuilles de style.