5-2 Cadre, frame ou fenêtre
Rôle
Créer une page HTML composée de plusieurs pages HTML soit en les disposant verticalement ou horizontalement.
En voici deux exemples : une avec les pages disposées verticalement et l'autre horizontalement.
Les régles d'écritures
- la DTD différente de d'habitude (!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd") :
Les fichiers qui utilisent la balise « frameset », ne servent qu’à inclure un « frameset ». Ils utilisent une nomenclature xml spéciale.
-
Les documents ne possèdent pas de balise body. En effet, le corps du document restera vide puisque qu’il est composé de plusieurs documents.
-
Les attributs de la balise frameset : cols pour la fusion en colonne (verticale) et rows pour la fusion en ligne (horizontale).
Les 2 attributs cols et rows ont pour valeurs les tailles des colonnes ou des lignes. Exemple : si on veut 2 colonnes de 300 pixels, 2 autres de 50 et le reste pour la 5ème , on indique :
(frameset cols="300, 300, 50, 50, *"). L’étoile indique que la place restante est utilisée par la dernière colonne.
-
On place ensuite autant de balise (frame src="page.html") qu’il y a de tailles de colonnes ou lignes indiquées dans la balise frameset.
On peut combiner la fusion verticale ou horizontale : Un exemple
La balise noframe permet d’ajouter un body à notre document HTML au cas où le contenu généré par frame ne serait pas
affiché par les navigateurs non compatibles avec les frames. NB : noframe ne permet pas d'ajouter un texte spécifique à la frame en question.Un exemple
Exo 5-5 Cadre-Frames : superpostion et imbrication
Les liens dans une page "frame":
pour quitter la page "frame", et éviter que le lien ne s'ouvre que dans l'espace de la page html source (frame src="page.html"), ajouter dans le lien target="_top", NB : tiret du 8. Exemple : quand on quitte les exemples précités (cf le code source).
Pour afficher le résultat d'un lien dans un autre espace de la page (déjà dédié à une autre page) : name="nom" dans src="page.html" name="destination" et ajouter dans le lien target="destination".
NB : Dans Firefox, grâce au module "webdevelopper", on peut voir le code source de la page affichée dans une frame, un cadre. Cette fonction est disponible dans "Voir source".
Des sites:
Astucesinternet
Commentcamarche
Crer un site
Cliquer ici pour retourner à la page d'accueil