onglet cadre Cadres (Frames)

Manipulations

Assignation des Cadres

Inspecteur-Cadres

Assigner une Taille, un Nom et une Adresse URL à chacun des 3 cadres


Haut. Cadre 1 : En-Tête

Taille :

Cadre Fixe
25% de la Hauteur de la page
* Une
"Valeur en %" permet à l'utilisateur une mise à l'échelle proportionnelle de la page HTML en fonction de son écran
* Une
"Valeur en pixels" forcerait le cadre à une taille fixe.

Nom : En-Tête
Ce cadre apparaîtra en permanence sur le Site.
Attention : Il est impératif de respecter l'écriture exacte du nom du cadre lors des assignations "Cible-Target". (Majuscule-minuscule...)

URL:

Chemin d'accès.
"en_tete.html"

Défilement : Non
C'est un cadre d'En-Tête, donc Fixe. Le "Scrolling" est donc inutile puisque la Taille du cadre ne variera pas.


Gauche. Cadre 2 : Navigation

Taille :

Cadre Fixe
25% de la Largeur de la page
* Une
"Valeur en %" permet à l'utilisateur une mise à l'échelle proportionnelle de la page HTML en fonction de son écran
* Une
"Valeur en pixels" forcerait le cadre à une taille fixe.

Nom : Navigation
Le contenu de ce cadre variera selon les rubriques appelées

Attention :
Il est impératif de respecter l'écriture exacte du nom du cadre lors des assignations "Cible-Target". (Majuscule-minuscule...)

URL:

Chemin d'accès.
"navigat.html"

Défilement : Auto
Selon le contenu du Cadre-Navigation appelé et l'écran de l'utilisateur, le navigateur déterminera le Défilement "Auto ou Non".

Empty_Reference

Frame Inspector

Droit. Cadre 3 : Contenu

Taille :

Cadre Variable
"Echelle-Scale"
Occupera l'espace restant par rapport aux cadres "En-Tête" pour la hauteur et "Navigation" pour la largeur
* Une
"Valeur en pixels" forcerait le cadre à une taille fixe.

Nom : Contenu
Le contenu de ce cadre variera selon les rubriques appelées
Attention : Il est impératif de respecter l'écriture exacte du nom du cadre lors des assignations "Cible-Target". (Majuscule-minuscule...)

URL:

Chemin d'accès.
"accueil.html"

Défilement : Auto
Selon le contenu du Cadre-Contenu appelé et l'écran de l'utilisateur, le navigateur déterminera le Défilement "Auto ou Non".


Inspecteur-Jeu de Cadres

Clic sur une bordure de cadre pour ouvrir l'inspecteur de Jeu de Cadres

Définir :
Orientation, Epaisseur, Couleur de bordure, et éventuellement la Taille du bord.


Redimensionner les cadres à la volée

Sélectionner une bordure et la faire glisser à l'endroit voulu.
Attention à bien déclarer lequel des cadres est fixe et lequel est variable.

Réarranger l'ordre des cadres

Sélectionner le cadre "Contenu" par exemple, le faire glisser sur la gauche
Quand le cadre "Navigation" se met en inversion vidéo (teinte grisée), relacher la souris.
Le cadre "Contenu" se retrouve à gauche du cadre "Navigation" tout en ayant gardé sa largeur
C'est surtout "Navigation" qui n'est pas affecté (
"Valeur en %")

Fichier imbriqué dans un cadre

Pour appeler un fichier imbriqué dans un cadre : Dbl-Click sur son icône icone fichier
Le fichier HTML s'ouvrira dans une fenêtre indépendante en mode "Mise en Page"
Apportre les modifications souhaitées.

Attribure un Titre à la page

2 manières
Mode "Source"

1. Ecrire directement entre les balises "<title> </title>

2. Fenêtre-Site Fenetre-Site icone / onglet Page
Sélectionner le fichier (
notre ex: Index.html)
Entrer le Titre

Insertion d'un cadre

Dans notre exemple, nous avons 3 cadres. Ajoutons un nouveau cadre.

Palette Outils / Onglet onglet cadre

Enlever un cadre

Sélectionner le cadre et touche "Retour arrière" du clavier
Attention : Pas de "Undo"