frameset
Transcription
frameset
HTML>Les cadres Généralités : Les cadres permettent de diviser l'affichage du navigateur en partie indépendantes. Chacun des cadres ainsi défini bénéficie de toutes les propriétés d'affichage. Les cadres permettent des propriétés de mise en page accrues. Ossature d'un fichier HTML avec jeu de cadres : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>Texte du titre</title> </head> <frameset ...> <!-- définition d'un jeu de cadres --> <frame ...> <!-- définition d'un cadre --> <noframes> Est affiché quand le navigateur ne peut pas afficher de cadres </noframes> </frameset> </html> IUT SRC Année 2009/2010 Christophe Brun 1 HTML>Les cadres> Définition Définition d'un jeu de cadres : Lors de la définition du jeu de cadre on détermine comment la fenêtre doit être divisée. Comme dans le cas des tableaux, il est possible d'imbriquer des jeu de cadres. On utilise la commande frameset. Exemple : <frameset rows="20%, 80%"> création de deux lignes, occupant chacune 20% et 80% de l'espace disponible <frameset rows="100,*, 60"> création de trois lignes, occupant 100 pixels pour la première, 60 pour la dernière, la ligne centrale se répartissant sur l'espace restant. <frameset cols="200,*"> création de deux colonnes, la première large de 200 pixels et la seconde occupant l'espace restant IUT SRC Année 2009/2010 Christophe Brun 2 HTML>Les cadres> Imbrication Imbrications de jeux de cadres <frameset cols="40%,60%"> <!-- vous obtenez deux cadres dont le contenu du premier est précisé ici --> <frameset rows="20%,80%"> <!-- Encore deux cadres dont le contenu est précisé ici --> </frameset> </frameset> IUT SRC Année 2009/2010 Christophe Brun 3 HTML>Les cadres> Imbrication Imbrications de jeux de cadres <frameset rows="50%,50%"> <frameset cols="50%,50%"> </frameset> <frameset cols="50%,50%"> </frameset> </frameset> IUT SRC Année 2009/2010 Christophe Brun 4 HTML>Les cadres> Définition des cadres Définition du contenu Une fois le jeu de cadres défini, on indique par la définition des cadres les fichiers HTML qui doivent être affichés dans chacune des parties. On utilise la commande frame. <frameset cols="250,*"> <frame src="liens.htm" name="Navigation"> <frame src="pagedaccueil.htm" name="donnees"> </frameset> Les liens du fichier liens.htm doivent obéir à la syntaxe suivante : <a href="….." target="Nom-de-la-frame"> Texte du lien </a> IUT SRC Année 2009/2010 Christophe Brun 5 HTML>Les cadres> Propriétés Affichage des barres de défilement On peut forcer ou interdire l'affichage d'une barre de défilement en utilisant l'attribut scrolling. <frame src="liens.htm" name="Navigation" scrolling="no"> <frame src="pagedaccueil.htm" name="donnees" scrolling="yes"> Gestion des espacements On peut gérer l'espacement entre le bord d'une frame et le contenu grâce aux attributs marginwidth et marginheight. Ils prennent pour argument des entiers qui indiquent un nombre de pixels. <frame src="liens.htm" name="Navigation" marginwidth="30"> Redimensionnement des fenêtres On peut interdire à l'utilisateur de redimensionner les différentes frames avec l'attribut noresize. <frame src="liens.htm" name="Navigation" marginwidth="30" noresize> IUT SRC Année 2009/2010 Christophe Brun 6 HTML>Les cadres> Propriétés Bordures Il existe pour gérer les bordures plusieurs syntaxes concurrentes. Syntaxe HTML : on utilise l'attribut frameborder dans le repère frame ou frameset <frame src="liens.htm" name="Navigation" frameborder="0"> <frameset cols="250, " frameborder="0" framespacing="0" border="0"> Couleurs des bordures ON utilise l'attribut bordercolor dans le repère frameset. <frameset cols="250,*" bordercolor="#FFFF00"> IUT SRC Année 2009/2010 Christophe Brun 7 HTML>Les cadres> Gestion des liens Liens à d'autres cadres Ou comment créer dans un cadre des liens vers un autre cadre : 1. Nommer la frame cible : on utilise l'attribut name dans le repère frame <frame src="liens.htm" name="CadreCible1" > 2. Création du lien : on désigne la frame visée par son nom passé en argument de l'attribut target <a herf="accueil.html" target="CadreCible2"> Page d'accueil </a> IUT SRC Année 2009/2010 Christophe Brun 8 HTML>Les cadres> Cadres incorporés Créer un cadre incorporé Les cadres incorporés ne créent pas un division de l'espace d'affichage mais viennent s'incorporer dans une page existante, comme un graphique ou un tableau. On crée un repère incorporé avec la balise iframe. <iframe src="index.htm" name="Cadre index" width="90%" height="400" > <p> On insère ici le texte de remplacement, au cas ou…</p> </iframe> Quelques attributs des cadres incorporés align : left, right Alignement du texte par rapport à la frame scrolling : yes, no Forcer ou interdire les barres de défilement frameborder : entier Épaisseur du trait de bordure hspace, vspace : entier Détermine l'espace entre le cadre incorporé et le contenu de page qui l'entoure name, width, height, etc… IUT SRC Année 2009/2010 Christophe Brun 9