version plus récente sur aidewindows.net

Utilisation de Dreamweaver

Création de pages

- Utiliser les modèles

- Ma méthode

Evolution du site

- Modifier un document

- modifier l'éditeur HTML par défaut dans Internet Explorer

Utilisation de Dreamweaver :

Annulation de modifications :

Dans Dreamweaver, comme dans tout autre logiciel :
Pour corriger une erreur, une "fausse maneuvre", ou lorsqu'on désire revenir sur une modification que l'on vient d'effectuer :
Il faut utiliser : menu Edition, Annuler ou Ctrl+Z

- menu Edition, Annuler = annule, une par une, les modifications effectuées auparavant,
- menu Edition, Rétablir = restitue, une par une, les modifications.

On peut ainsi annuler et rétablir toutes les modifications apportées au document en cours jusqu'au précédent enregistrement.

Ne pas confondre avec :
- menu Fichier, Rétablir = revient au dernier enregistrement du document.

Création de pages :

C'est un point important. Et c'est peut-être la plus grande difficulté dans la conception d'un site web :

La plupart des pages doivent avoir la même présentation :
- le même menu principal (voir les pages de ce site),
- la même disposition,
- le même fond de page, etc.
Seul le contenu de la page diffère.

Deux solutions existent :

1 Utiliser le même document de base pour créer un nouveau document.

La commande : Fichier, Nouveau pour créer un nouveau document ne devrait être utilisée que la première fois, lors de la création du document de base...

Ensuite, au lieu de créer un nouveau document :
- enregistrer le document de base sous un autre nom,
- le modifier ensuite.
- reprendre à chaque fois le document de base pour créer un nouveau document.
Ainsi, toutes les pages auront la même présentation.

Cependant, cette solution arrive vite à ses limites. Car la moindre modification qu'on désire faire sur la présentation générale du site (insertion d'un nouveau menu par exemple), entraîne l'obligation de mettre à jour manuellement toutes les pages.

Il faudra donc, dès que possible, utiliser les modèles.

2 Utiliser les modèles :

Un modèle est un document qui conserve la mise en page et la présentation générale du site.
Chaque nouveau document sera créé à partir du modèle, ce qui assurera la cohérence de l'ensemble du site
Chaque modification du modèle entraînera la mise à jour de tous les documents basés sur ce modèle..

Un modèle est constitué de :
- régions verrouillées, qui contiennent les éléments communs à toutes les pages (menus, bandeaux, etc.)
- régions modifiables, qui contiennent les éléments particuliers à chaque page (texte, images, etc.)

Les régions verrouillées pourront être modifiées en éditant le modèle.
Les régions modifiables seront toujours accessibles dans chaque document.

Il faudra d'abord créer un modèle et l'enregistrer. On pourra ensuite le modifier.

Créer un modèle :

On peut créer un modèle de deux façons :

Dans la fenêtre Site, il y a un nouveau dossier : Templates
A l'intérieur, se trouve le modèle que l'on vient de créer (écran)..

Ouvrir un modèle :

Lors de la conception du site, on aura souvent à modifier le modèle. Et même ensuite, pour le faire évoluer.
On pourra ouvrir le modèle de plusieurs façons :

Modifier un modèle :

Pour utiliser le modèle, il faut d'abord le modifier en y intégrant :
- les éléments que l'on souhaite avoir sur toutes les pages,
- les régions modifiables.

Le modèle ne contient, à sa création, que des régions verrouillées.
Il s'agira de créer des régions modifiables, afin de rendre le modèle utilisable. Mais également des régions verrouillées, présentes dans toutes les pages.

Importance du chemin d'accès dans un modèle :

Un modèle est toujours situé dans le sous-dossier Templates.
Tous les chemins d'accès vers des fichiers qu'il contiendra commenceront donc par :

../ (deux points, barre oblique) = racine du site.

exemple :
Dans un modèle :
<IMG SRC="../images/dessin.gif> ou <a href="../index.htm"></a>
Dans un document :
<IMG SRC="images/dessin.gif> ou <a href="index.htm"></a>

Cela sera important à savoir si on souhaite copier-coller des éléments entre un modèle et un document isolé.

Ma méthode :

C'est la méthode la plus simple : celle que j'ai utilisée pour concevoir ce site :-)
- créer un tableau pour recevoir le menu (région verrouillée)
- créer un tableau pour recevoir le texte et les images (région modifiable).

C'est une explication "basique", mais qui permettra de comprendre rapidement le fonctionnement et l'utilité des modèles.

Voir également la section sur les tableaux (voir).

1 Préparer le modèle :

2 Créer un document à partir du modèle :

Evolution du site :

Après avoir créé le modèle de base, la conception du site consistera à :
- modifier le modèle au fur et à mesure que le site évoluera,
- créer de nouvelles pages à partir du modèle,
- modifier les pages existantes.

On intégrera dans les pages :
- des images et des tableaux,
- du texte et des liens hypertextes...

Quand les pages seront terminées, modifiées, il faudra les placer sur le Site distant (voir).

Modifier le modèle :

Créer une nouvelle page :

Modifier un document :

Il existe plusieurs façons pour modifier un document  :
- à partir de la fenêtre Site de Dreamweaver,
- à partir du dossier site de Windows,
- à partir d'Internet Explorer.

A partir de la fenêtre Site de Dreamweaver :

A partir du dossier site sur le disque dur :

A partir d'Internet Explorer :

Afin de pouvoir modifier une page web avec Dreamweaver, il faut d'abord modifier l'éditeur HTML par défaut dans la Base de Registre.

(voir la page sur la Base de Registre avant d'effectuer la modification que je décris)

Modifier l'éditeur HTML par défaut :

Si Internet Explorer vient d'être installé, ou si la clé Default HTML n'apparaît pas dans la Base de Registre :

Modification dans la Base de Registre :

Vérification du code HTML :

La modification d'un document s'effectuera, de préférence :
- en vérifiant le code HTML pendant la création du document,
- en nettoyant le code HTML avant l'enregistrement.

Vérifier le code HTML du document en cours : - cliquer sur l'icône HTML dans la fenêtre Lanceur. Nettoyer le code HTML : - menu Commandes, Nettoyer l'HTML

Après chaque modification importante :

Particulièrement en cas de renommage de page, ou de transfert de texte sur une autre page...
La vérification des liens est évidemment importante (surtout avant un transfert de pages). Il est préférable de recréer le cache du site auparavant.