Accueil du site > LOGICIELS > DREAMWEAVER

Dreamweaver : Les cadres (Frames)

Les cadres permettent de diviser une fenêtre du navigateur en plusieurs zones, chacune d’entre elles pouvant afficher un document HTML distinct. En règle générale, un premier cadre affiche un document avec des commandes de navigation tandis qu’un autre cadre affiche un document avec le contenu principal.

Créer un jeu de cadres

• Pour créer des cadres, il faut modifier un document Dreamweaver existant, en le divisant en zones de documents supplémentaires. Il existe plusieurs méthodes pour créer un jeu de cadres : Vous pouvez le concevoir vous-même, ou choisir parmi plusieurs jeux de cadres prédéfinis.

• Dreamweaver propose des jeux de cadres prédéfinis qui vous permettent de sélectionner facilement le type de jeu de cadres que vous voulez créer (voir rubrique palettes).

Les propriétés du jeu de cadre

Servez-vous de l’inspecteur de propriétés du cadre pour donner un nom à celui-ci, et pour en définir les bordures et les marges. Pour voir toutes les propriétés de cadres énumérées ci-dessous, cliquez sur la flèche d’agrandissement, dans le coin inférieur droit de l’inspecteur des propriétés.

• Pour spécifier les propriétés d’un cadre :

1- Sélectionnez un cadre selon l’une des méthodes suivantes :
Cliquez sur un cadre dans l’inspecteur de cadres.
Cliquez dans un cadre tout en appuyant sur la touche Alt (Windows) ou sur la combinaison de touches Maj-Option (Macintosh) pour le sélectionner.

2- Choisissez Fenêtre > Propriétés pour ouvrir l’inspecteur de propriétés. Cliquez sur la flèche d’agrandissement dans le coin inférieur droit pour afficher toutes les propriétés.

3- Pour nommer le cadre, tapez son nom dans le champ Nom du cadre.

• Les options :

Src
détermine le document source du cadre. Indiquez un nom de fichier, ou cliquez sur l’icône du dossier pour trouver le fichier source et le sélectionner. Vous pouvez aussi ouvrir un fichier dans un cadre, en plaçant le curseur dans le cadre et en cliquant sur Fichier > Ouvrir dans un cadre.

Défiler
détermine si la barre de défilement apparaît lorsqu’il n’y a pas assez de place pour afficher tout le contenu du cadre courant. La valeur par défaut de la plupart des navigateurs est Auto.

Ne pas redimensionner
bloque la taille du cadre courant, et empêche l’utilisateur de déplacer la bordure du cadre et de le redimensionner. Il vous sera toujours possible de redimensionner le cadre dans la fenêtre du document, mais si cette option activée, un visiteur ne pourra pas redimensionner ce cadre dans son navigateur.

Bordures
contrôle la bordure du cadre courant. Les options sont Oui, Non et Par défaut. Ce choix a la priorité sur la configuration de bordures par défaut définie pour le jeu de cadres. La valeur par défaut de la plupart des navigateurs est Oui. Pour désactiver une bordure, tous les cadres adjacents doivent être paramétrés sur Non (ou paramétrés sur Par défaut, avec le jeu de cadres parent paramétré sur Non).

Couleur de bordure
définit une couleur de bordures pour toutes les bordures du cadre courant. Cette configuration annule la couleur de bordure définie par défaut pour le jeu de cadres.

Largeur de marge
Définit (en pixels) la largeur des marges droite et gauche (l’espace entre la bordure du cadre et le contenu).

Hauteur de marge
Définit (en pixels) la hauteur des marges supérieure et inférieure du cadre (l’espace entre la bordure du cadre et le contenu).

Les cibles de cadre

Le menu déroulant Cible, dans l’inspecteur de propriétés, permet de sélectionner le cadre dans lequel doit s’ouvrir un fichier. Vous pouvez décider que le fichier s’ouvrira dans une nouvelle fenêtre, remplacera le contenu courant du cadre dans lequel se trouve le lien, ou remplacera le contenu courant d’un autre cadre.

Le contenu désigné par un lien hypertexte peut remplacer le contenu courant du cadre dans lequel se trouve ce lien, ou apparaître dans une nouvelle fenêtre.

• Pour désigner un cadre cible :

1- Sélectionnez un texte ou un objet.

2- Dans le champ Lien de l’inspecteur de propriétés, procédez de l’une des manières suivantes :

Tapez le chemin d’accès du fichier désigné par le lien.
Cliquez sur l’icône de répertoire pour naviguer jusqu’à un fichier et le sélectionner.
Tirez l’icône Pointer vers un fichier pour sélectionner le fichier désigné par le lien.
Pour spécifier une ancre dans l’autre fichier, tapez un signe dièse (#) avant le nom de l’ancre.

3- Dans le menu déroulant Cible, indiquez le cadre cible dans lequel s’ouvrira le document lié.

_blank ouvre le document lié dans une nouvelle fenêtre du navigateur, en gardant telle quelle la fenêtre courante.

_parent ouvre le document lié dans le jeu de cadres parent du lien.

_self ouvre le document lié dans le même cadre, en remplaçant son contenu courant.

_top ouvre le document lié dans le jeu de cadres le plus important du document courant, en remplaçant tous les cadres et jeux de cadres actuels.

Si vous avez donné des noms à des cadres dans l’inspecteur de propriétés, ces noms apparaissent dans ce menu. Si vous cliquez sur l’un de ces noms, le document lié s’ouvrira dans ce cadre.

Enregistrement des cadres

Le jeu de cadres et ses cadres associés doivent avoir été enregistrés dans leurs fichiers respectifs pour que la page puisse être visualisée dans un navigateur. Vous pouvez enregistrer individuellement la page du jeu de cadres ou la page de chaque cadre, ou bien enregistrer tous les fichiers des cadres ouverts en même temps que le fichier du jeu de cadres.

Lorsque vous créez un document basé sur des cadres dans Dreamweaver, chaque nouveau document de cadre reçoit un nom de fichier provisoire, par exemple UntitledFrame_1 pour la page du jeu de cadres, Untitled-1, Untitled-2, etc. pour les pages des cadres.

Lorsque vous choisissez l’une des options d’enregistrement, la boîte de dialogue Enregistrer un fichier s’ouvre et affiche le nom provisoire du document. Comme chaque fichier est "sans titre," il peut vous être difficile de savoir quel est le fichier de cadre que vous êtes sur le point d’enregistrer. Regardez les lignes de sélection des cadres dans la fenêtre du document pour identifier le document en cours que vous allez enregistrer. La zone sélectionnée indique le cadre qui est actuellement référencé dans la boîte de dialogue d’enregistrement.

• Astuce :

Une fois que vos documents (frames) ont chacun un nom, vous pouvez les travailler individuellement en ouvrant la page HTML correspondante. Ainsi vous les enregistrez un par un.

Sinon il est possible de travailler sur le doc qui contient tous les cadres et d’enregistrer via :
"fichier —> enregistrer tout" dans la barre de menu (Tous les cadres seront enregistrés automatiquement).

Comptatibilité des cadres avec les navigateurs

Dreamweaver vous permet de spécifier le contenu à afficher dans les navigateurs anciens ou ne gérant pas les graphismes, et qui ne prennent pas en charge les cadres. Dreamweaver insère le contenu que vous indiquez dans le fichier du jeu de cadres, à l’aide d’une instruction similaire à la suivante :

<noframes><body bgcolor="#FFFFFF">
ceci est le contenu de la balise NOFRAMES, qui est affiché dans les navigateurs sans cadres.
</body></noframes>

Lorsqu’un navigateur ne prenant pas les cadres en charge ouvre le fichier du jeu de cadres, il n’affiche que le contenu indiqué dans la balise NOFRAMES.

• Pour définir le contenu de NOFRAMES

1- Choisissez Modifier > Jeu de cadres > Modifier le contenu sans cadres.
Dreamweaver efface la fenêtre de document, et les mots "Contenu sans cadre" apparaissent en haut de la zone de texte.

2- Pour créer le contenu de NOFRAMES, procédez d’une des façons suivantes :
Dans la fenêtre du document, tapez ou insérez le contenu.
Choisissez Fenêtre> Source HTML, et, à l’intérieur des balises <noframe> et </noframe>, tapez le contenu ou le code HTML désiré.

3- Cliquez à nouveau sur Modifier > Jeu de cadres > Modifier le contenu sans cadres pour revenir à l’affichage normal du document avec jeu de cadres.

Format PDF l l afficher une version imprimable de cet article Imprimer cet article