e-learning Dreamweaver Initiation

2.11 Le texte, les polices, le formatage

Insérer du texte
Vous avez simplement à saisir votre texte dans l'interface graphique de Dreamweaver, vous pouvez de même l'insérer dans votre code source, entre les balises <body></body>

Panneau Propriété
Propriété du texte

Modifier la police de caractère
Sélectionner le texte dans l'interface graphique
Dans le panneau propriété situé en bas de l'interface
Cliquez sur le triangle vers le bas du menu déroulant "Police par défaut" situé à côté du A
Et sélectionner la police que vous souhaitez.

Mettre du texte en gras
Sélectionner le texte
Puis cliquez sur le bouton B

CODE HTML
<strong>Texte en gras</strong>

Exemple
Texte en gras

Mettre du texte en italique
Sélectionner le texte
Puis cliquez sur le bouton I

CODE HTML
<em>Texte en italique</em>

Exemple
Texte en italique

Aligné du texte à gauche

Par défaut, le texte est aligné sur la gauche

CODE HTML

Pas besoin
Texte aligné à gauche
Exemple
Texte aligné à gauche

Aligné du texte au centre
Sélectionner le texte
Cliquez sur le bouton

Vous alignez votre texte en utilisant une balise <div>

CODE HTML
<div align="center">Texte aligné au centre</div>

Exemple

Texte aligné au centre

Aligné du texte à droite
Sélectionner le texte
Cliquez sur le bouton

Vous alignez votre texte en utilisant une balise <div>

CODE HTML
<div align="right">Texte aligné à droite</div>

Exemple

Texte aligné a droite

2.12 Les paragraphes

Pour créer des paragraphes, saisissez votre texte à la suite, si vous souhaitez insérer un saut de ligne

Raccourci clavier
MAJ ENTREE

CODE HTML
<p>Paragraphe, etc ...</p>

2.13 Les entêtes

H1 Entête 1
Sélectionner le texte
Dans la fenêtre Propriété, cliquez sur le menu déroulant à côté de format
Et sélectionnez H1

CODE HTML
<h1>Texte Entête 1</h1>

Exemple

Texte Entête 1

H2 Entête 2
Sélectionner le texte
Dans la fenêtre Propriété, cliquez sur le menu déroulant à côté de format
Et sélectionnez H2

CODE HTML
<h2>Texte Entête 2</h2>

Exemple

Texte Entête 2

H3 Entête 3
Sélectionner le texte
Dans la fenêtre Propriété, cliquez sur le menu déroulant à côté de format
Et sélectionnez H3

CODE HTML
<h3>Texte Entête 3</h3>
Exemple

Texte Entête 3

H4 Entête 4
Sélectionner le texte
Dans la fenêtre Propriété, cliquez sur le menu déroulant à côté de format
Et sélectionnez H4

CODE HTML
<h4>Texte Entête 4</h4>

Exemple

Texte Entête 4

Cette liste va jusque 6 et sera toujours basée sur la même syntaxe

2.14 Les listes

Les listes à puces

Sélectionner le texte puis
Cliquez sur le bouton

dans la fenêtre Propriété
Ou cliquez sur le bouton ul dans la barre d'outils - Insertion - Texte

CODE HTML
<ul>
<li> Texte puce</li>
<li>Texte puce</li>
<li>Texte puce</li>
<li>Texte puce</li>
</ul>

Exemple

Texte puce
Texte puce
Texte puce
Texte puce

Les liste numérotées

Sélectionner le texte puis
Cliquez sur le bouton dans la fenêtre Propriété
Ou cliquez sur le bouton ol dans la barre d'outils Insertion - Texte

CODE HTML
<ol>
<li>Liste numérotée</li>
<li>Liste numérotée</li>
<li>Liste numérotée</li>
<li>Liste numérotée</li>
</ol>

Exemple

Liste numérotée
Liste numérotée
Liste numérotée
Liste numérotée

Les listes de définition

Sélectionner le texte puis
Cliquez sur le bouton dl dans la barre d'outils Insertion - Texte

CODE HTML
<dl>
<dt>DOM</dt>
<dd>Document Object Model</dd>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>XML</dt>
<dd>eXtensible Markup Language</dd>
<dt> </dt>
</dl>

Exemple