Les frames ont été présentées comme "la" solution aux problèmes de navigation dans les sites, cependant à l'usage cette technique se révèle trés pénalisante pour l'internaute et elle est donc progressivement abandonnée.

Vous pouvez les réaliser avec une extrême facilité dans Dreamweaver. Avant de voir comment on réalise des pages avec des frames je vais vous parler de leur principes de fonctionnement.

Les frames sont un artifice qui permet de réunir plusieurs pages en une seule. La navigation se fait en général dans la frame de gauche qui dans notre exemple s'appelle navigation, les liens vers les différentes pages de notre exemple affiche la page demandée dans la frame appelée principale et un bandeau de publicité apparaît dans la frame appelée publicité.
Dans chacune de ces frames s'affiche en réalité une page html. En clair la page exemple.html fait appel aux pages navigation.html, publicite.html et principale.htlm.
Je pense que vous aurez compris que le choix des frames pour faire la navigation dans un site impose au créateur un certain suivi des évolutions de son site et vous voyez le premier defaut des frames, en réalité l'internaute télécharge 4 pages (dans notre exemple) pour n'en voir qu'une seule.

Mais revenons à Dreamweaver, pour créer des pages utilisant des frames vous devez créer une nouvelle page par l'item Nouveau (pomme-N) du menu Fichier, ensuite vous allez dans le menu Affichage vous sélectionnez l'item "Bordure de cadre", vous allez alors voir apparaître une bordure sur tout le contour de votre page.

Ensuite vous allez dans le menu Fenêtre et vous sélectionnez l'item Cadres (pomme-F10), cette fenêtre vous permet de visualiser vos différentes frames et leur nom.

Nous allons maintenant créer la frame de navigation, pour ce faire vous allez dans le menu Modifier/Jeu de cadres. Vous voyer les différentes options proposées par Dreamweaver dans notre cas, il faut commencer par "Fractionner le cadre à gauche". Dès lors votre fenêtre d'affichage des informations devient:

Et à partir de maintenant l'item "Enregistrer" (pomme-S) du menu Fichier ne fonctionne plus!! En effet Dreramweaver gère l'ensemble du Frameset et il n'autorise plus des lors que les items:
- Enregistrer le jeu de cadres
- Enregistrer le jeu de cadres sous...
- Enregistrer tous (pomme-shift-S)
Les 2 premiers items permettent l'enregistrement de la page qui définit les frames et le 3ème enregistre en plus les pages qui composent le frameset.

Juste en dessous de cadre vous indiquez le nom et votre frame, ici navigation, dans le champ src vous indiquez la page qui doit être affichée dans cette frame, Dreamweaver crée automatiquement une page "UntiltedFrame.html" qui ne sera enregistrée que lorsque vous le lui demanderez. Pour notre exemple, vous allez mettre le chemin qui mène vers votre page navigation.html.
Le champ Défilé permet de dire si les ascenseurs de navigation doivent être proposés aux internautes ou pas.
La case à cocher permet de définir si l'option de redimensionnement est proposé ou pas.
Bordure permet de dire si les bordures de la frame doivent être visibles ou non.
Couleur de bordure sert à définir la couleur des bordures de la frame.
Les champs marges permettent de définir une bordure invisible dans laquelle aucun affichage n'est possible.
Une fois cette première frame créée nous allons procéder de même pour la frame de publicité.

ATTENTION avant de continuer vérifiez grâce à la fenêtre Cadres (pomme-F10) que vous avez bien sélectionner la frame de droite et que les modifications précédentes ont bien été faites sur la frame de gauche.
Une fois ces vérifications faites, vous pouvez grâce à l'item "Fractionner le cadre vers le haut" du menu "Modifier/Jeu de cadres", créez la frame de publicité.
Vous remarquerez que si l'on fait d'abord "Fractionner le cadre vers le haut" puis "Fractionner le cadre sur la gauche" le bandeau de publicité surmonte à la fois la frame principale mais aussi la frame navigation.

Dreamweaver vous propose de modifier directement les pages affichées dans les frames ce qui est très pratique pour modifier la navigation mais totalement déconseillé pour la mise à jour de page.

Chaque largeur de frame peut être définie, pour ce faire il suffit de sélectionner la bordure que l'on veut déplacer et de la faire glisser à sa position.
Si vous connaissez les dimensions exactes que doit avoir votre frame vous pouvez aussi la saisir dans le champ "ligne" et indiquer l'unité de mesure choisie entre relatif, pixels ou pourcentages.

Comme je vous l'ai déjà dit, il faut faire attention à votre navigation car par défaut un lien indique la frame courante, il va donc falloir pour chaque lien en rapport avec la navigation prendre la précaution de préciser dans quelle frame doit se faire l'affichage. Pour ce faire il faut utiliser le champ "Cible" proposé dans la fenêtre "Propriétés" (Pomme-F3). Si vos frames sont correctement définies, elles apparaissent dans le menu.

Les fichiers de ce cours sont disponibles en téléchargement.