e-learning Dreamweaver Initiation

La barre d'outils insertion - Texte

1.21- Onglet Commun
1.22- Onglet Mise en forme
1.23- Onglet Formulaires
1.24- Onglet Données
1.25- Onglet Spry
1.26- Onglet Texte
1.27- Onglet Favoris

1.26 Onglet Texte

1-Texte en gras
Exemple :
Texte en gras

Code source
<strong>Texte en gras</strong>

2- Texte en italique
Exemple :
Texte en italique

Code source
<em>Texte en italique</em>

3- Forte accentuation
Exemple :
Forte accentuation

Code source
<strong>Forte accentuation</strong>

4- Accentuation
Exemple :
Accentuation

Code source
<em>Accentuation</em>

5- Paragraphe
Exemple :
Dans l'exemple ci dessous le paragraphe est aligné au centre

Paragraphe de texte, blabla, blabla, blabla, blabla, blabla, blabla, blabla, blabla

Code source
<p align="center">Paragraphe de texte, blabla, blabla, blabla, blabla, blabla, blabla, blabla, blabla </p>

6- Citation de paragraphe
Exemple :

Citation de Paragraphe

Code source
<blockquote>Citation de Paragraphe</blockquote>

7- Texte preformate
Exemple :

Texte preformate

Code source
<pre>Texte preformate</pre>

8- h1
Insére l'entête h1
Exemple :

Texte entete h1

Code source
<h1>Texte entete h1</h1>

9- h2
Insére l'entête h2
Exemple :

Texte entete h2

Code source
<h2>Texte entete h2</h2>

10- h3
Insére l'entête h3
Exemple :

Texte entete h3

Code source
<h3>Texte entete h3</h3>

11- Liste non ordonnée
Insére une liste à puce
Exemple :

Liste à puce
Liste à puce

Code source
<ul>
<li>Liste à puce</li>
<li>Liste à puce</li>
</ul>

12- Liste numérotée
Insére une liste numérotée qui s'incrémente en passant à la ligne avec la touche "Entrée"
Exemple :

Liste numerotee
Liste numerotee

Code source
<ol>
<li>Liste numerotee</li>
<li>Liste numerotee</li>
</ol>

13- Elément de liste
Insére un élément de liste ordonné ou non

Code source
<li>Element de liste</li>

14- Liste des définitions
Les Listes de définition :

     - DL : Definition List
     - DD : Definition Description
     - DT : Definition Term

L'élément DL encadre la liste des définitions. il inclu les deux autres balises, DT et DD qui
décrivent respectivement le terme à définir (DT) et sa définition (DD).
Exemple :

Grenouille verte et jaune: Nisl ut aliquip ex ea commodo consequat
Crapaud buffle: Lorem ipsum dolor sit amet elit...
Grenouille tachetée: Facilisis at vero eros et accumsan

Code source
<dl>
<dt>Grenouille verte et jaune</dt>
<dd>Nisl ut aliquip ex ea commodo consequat</dd>
<dt>Crapaud buffle</dt>
<dd>Lorem ipsum dolor sit amet elit...</dd>
<dt>Grenouille tachetée</dt>
<dd>Facilisis at vero eros et accumsan</dd>
</dl>

15- Terme des définitions

Code source
<dt>Grenouille verte et jaune</dt>

16- Description de définition

Code source
<dd>Nisl ut aliquip ex ea commodo consequat</dd>

17- Abréviation
La balise ABBR est censée définir une abréviation, l'attribut titre de la balise contenant la signification complète de l'abréviation, et l'abbréviation elle-même affichée entre les tags d'ouverture et de fermeture.
Pour voir le mot Kilogramme affiché en entier, placer votre curseur au dessus de l'abbréviation KG
Exemple :
KG

Code source
<abbr title="Kilogramme">KG</abbr>

18- Acronyme
La balise ACRONYM définit une abréviation pour une phrase ou une expression donnée
Passer votre curseur sur ces acronymes
Exemple :
W3C
SNCF

Code source
<acronym title="World Wide Web Consortium">W3C</acronym>
<acronym title="Société Nationale de Chemins de Fer">SNCF</acronym>

19- Retour à la ligne
Raccourci clavier : MAJ ENTREE
Liste déroulante (Affiche la liste des caractéres spéciaux)

Code source
Syntaxe HTML : <br>
Syntaxe XHTML : <br/ >

1.27 Onglet Favoris

Cette onglet permet de personnaliser votre barre avec les différents icônes qui vous intéressent
Faîtes un clic droit dans l'onglet Favoris
Puis cliquez sur Personnaliser les favoris

1-Se familiariser avec l'interface

1.1 Organisation de l'espace de travail
1.2 La barre d'outils Insertion
1.3 La gestion de sites avec Dreamweaver

2- Création de contenu texte

2.11 Le texte, les polices, le formatage
2.12 Les paragraphes
2.13 Les entêtes
2.14 Les puces, les listes numérotées
2.15 Les sauts de ligne, les espaces insécables, les caractères spéciaux

3- Insertion d’images

3.1 Généralités et utilisation
3.2 Insérer une image
3.3 Les images de fond
3.4 Les images survolées

4- Les hyperliens

4.1 Lien sur du texte
4.2 Lien sur une image
4.3 Lien de messagerie
4.4 Les ancres nommées
4.5 Les attributs

5- Mise en page à l’aide des tableaux

5.1 Création de pages simples en tableaux
5.2 Gestion de page web avec des tableaux

6- Mise en page à l'aide de calques

6.1 La balise DIV
6.2 Tracer la balise DIV