e-learning Dreamweaver Initiation

La barre d'outils insertion - Mise en forme

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.22 Onglet Mise en forme

1- Mode Standard
La façon dont vous voyez les tableaux dans l'interface classique de Dreamweaver

2- Mode développé
Le mode développé facilite la sélection à l'intérieur des tableaux, il vous affcihe des bordures beaucoup plus importantes pour vous aider dans les sélections d'objets, ces bordures n'apparaissent pas lorque vous prévisualiser vos pages

3- Insérer la balise div
Permet d'insérer une balise de calque à l'endroit souhaité.
Ces balises sont utilisées pour faire de la mise en forme ou mise en page

4- Tracer un DIV pour un élément PA
Pemet de dessiner une balise de calque en définissant des positions absolues, ces positions sont conservées dans une rçgle de style CSS

5- Barre de menu Spry

Permet d'insérer une barre de navigation dynamique horizontale ou verticale enen utilisant du html et Javascript, vous pourrez mettre en forme ce menu grâce à sa feuille de style CSS

Exemple:
Cliquer sur ce lien

6- Panneaux à onglet Spry
.Permet d'insérer un menu dynamique à onglet
Exemple:

Onglet 1
Onglet 2

Contenu 1

Contenu 2

7- Accordéon Spry
Permer d'insérer des menus dynamique accordéons
Exemple:

Etiquette 1

Contenu 1

Etiquette 2

Contenu 2

8- Panneaux réductible Spry
Permet d'insérer un panneau dynamique qui se réduit lorsque vous cliquez sur le haut du menu
Exemple:

Onglet

Contenu

9- Insérer un Tableau
Cet outil vous permet d'insérer un tableau qui pourra être utile pour la mise en forme de votre site ou pour par exemple la mise en forme de données

10- Insérer une ligne au dessus

11- Insérer une ligne en dessous

12- Insérer une colonne à gauche

13- Insérer une colonne à droite

14- Insérer Iframe
La balise Iframe permet de charger une autre page web par exemple dans la page actuelle

Exemple

15- Insérer un cadre
Obsoléte, je vous le déconseille fortement
éja pas trés beau, et pénalisant pour le référencement de votre site

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