03) Les Frames (cadres)
Dans ce tutorial nous allons étudier les Frames ou cadres en français dans Dreamweaver 3.
Les frames sont particulièrement utilisées pour mettre en place un menu (ou une barre de navigation), de façon à ce qu'on n'ait pas a le recharger inutilement lorsqu'on change de section sur un site.
Création des différents fichiers :
Commençons par réaliser deux frames. Rien de plus simple
Dans la palette "Objects" déroulez le menu déroulant (encadré en rouge), et choisissez frames.
Nous allons diviser la page en 2, de façon à avoir le menu au-dessus, et le reste du document en dessous. Cliquons pour cela sur le bouton encadré en rouge.
Ici, nous allons enregistrer le fichier (Ctrl + s). Nommons le " ensemble.htm ". Dans chaque frame il va falloir placer un fichier htm. Pour ce faire, créons deux nouveaux documents (Ctrl + n) que nous nommerons respectivement " menu.htm " et " contenu.htm ".
Liaison des différents fichiers:
Nous allons maintenant lier ces deux fichiers au fichier ensemble. Affichez la palette Frames en cliquant sur la frame du haut dans la palette (voir ci-dessous).
Maintenant que nous avons activé la frame, tournons-nous vers la palette des options de cette frame :
Vous pouvez donner un nom à votre frame. Dreamweaver lui donne un nom par défaut : " topframe ". On va la renommer en " menu ". Indiquez la source du fichier (Src) " menu.htm ". On va enlever les bordures (ça fait moche). On va dire qu'on ne peut pas redimensionner la frame (cochez " No Resize "). Si vous ne voulez pas de marge, entrez les valeurs " 0 " dans " MarginWidth " et " MarginHeight ". Et on va dire que le scrolling est interdit.
Maintenant, vous pouvez faire la même chose pour la frame du bas.
Options générales et redimensionnement des frames :
Maintenant, placez-vous à nouveau dans la palette frames, et cliquez sur la bordure entourant les deux frames. Nous pouvons spécifier les préférences générales pour toutes les frames. Faisons en sorte qu’on ne voie pas les bordures.
Si vous avez besoin de redimensionner de façon précise une frame, vous pouvez utiliser ici les paramètres numériques (il faut veiller à laisser l'unité relative sur l'une des frames). Vous pouvez également modifier la taille des frames manuellement en tirant sur la bordure de séparation directement dans le document.
Pour les puristes, voici le code source:
| 
