VI/ Les cadres (Frames)
Les cadres offrent un confort supplémentaire en donnant un accès à plusieurs pages simultanément. Dans un cadre, il est possible de définir une barre de navigation permanente.
L’utilisation des cadres présente deux inconvénients majeurs :
q tous les navigateurs ne prennent pas en charge les cadres ;
q les moteurs de recherche n’indexent pas les pages contenant des cadres.
FrontPage Express ne gère pas les cadres. Toutefois, en manipulant le langage HTML on arrive à palier cette difficulté.
A/ Un exemple de page avec cadre :
La page de cadre s’appelle activite2.htm
Chaque cadre pointe sur un fichier htm
différent. La partie centrale est la partie variable.
Les zones en vert cerise sont « permanentes » :
le cadre gauche sert de barre de navigation, la partie haute
peut servir pour des liens spécifiques (« Ecrivez-moi »,
retour à la page d’accueil, aide…)
Le script html ayant servi à réaliser cette page de cadre est le suivant :
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Nouvelle page 1</title>
</head>
<frameset rows="10%,*">
<frame name="haut" src="fichier_haut.htm" target="corps">
<frameset cols="20%,80%">
<frame name="gauche" src="fichier_gauche.htm"
marginwidth="0" marginheight="0" target="corps">
<frame name="corps" scrolling="auto"
src="fichier_corps.htm" target="corps">
</frameset>
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>
la balise <frameset> sert à définir un cadre
1ère ligne : une ligne est définie, la hauteur représente 10¨% de la page
2ème ligne : on donne un nom au cadre et on définit un fichier « source » l’instruction target permet de définir le cadre par défaut pour afficher les pages provenant d’un lien hypertexte
3ème ligne : on définit 2 cadres (le premier représente 20% de la page en largeur et le second 80%), la hauteur des deux cadres est de 90% (cf 1ère ligne de code)
4ème et 5ème ligne : on définit un nom pour chaque cadre et on définit un fichier source pour chaque cadre
</frameset> est la balise de fin de cadre
Les balises <noframes> </noframes> permettent de définir un texte de remplacement pour les navigateurs ne supportant pas les cadres.
Commentaires :
q on peut ajuster la taille des cadres (par exemple 12% pour le cadre du haut et entre 20 et 30% pour le cadre de gauche)
q on peut changer les noms de fichiers htm (la précaution à prendre consiste à enregistrer les trois fichiers dans le même répertoire que la page de cadre)
q Dans FrontPage la page de cadre ne s’affiche pas, ce n’est pas grave car la réalisation de cette page se fait une fois pour toute. Ensuite, on utilise les fichiers sans se préoccuper de la page de cadre.
q La page de cadre n’affiche pas d’arrière-plan. Il faut paramétrer un arrière-plan pour chaque fichier à inclure dans le cadre
q Le code HTML ci-dessous suffit à créer la page de cadre précédente. FrontPage rajoute de lui-même d’autres informations :
<frameset rows="10%,*">
<frame name="haut" src="fichier_haut.htm" target="corps">
<frameset cols="20%,80%">
<frame name="gauche" src="fichier_gauche.htm" target="corps">
<frame name="corps" src="fichier_corps.htm" target="corps">
</frameset>
</frameset>
</html>
