Flux rss
Bookmark Ajouter aux favoris / Partager
I Frames O Frames Die Frames Marcos Frames

Présentation des frames

Grâce à la technologie des frames (en français "cadres") il est désormais possible d'afficher plusieurs pages HTML dans différentes zones (ou cadres).

Les frames ne font pas partie de la spécification du HTML 3.x, il faut donc déclarer sa page comme étant écrite en HTML 4.0 !

Créer des frames

Afin de créer un site contenant des cadres, il suffit de créer un fichier contenant l'agencement des cadres : ce fichier HTML a pour particularité d'avoir un conteneur <FRAMESET> à la place du jeu de balises <BODY>. C'est cette balise qui définit les cadres par leur dimension en pixels ou en pourcentage (%).

Voyons ceci sur 3 exemples:

  • 2 cadres verticaux
  • 2 cadres horizontaux
  • 2 cadres horizontaux et un vertical

Exemple n°1

<FRAMESET COLS="20%,
80%">

<FRAME SRC="frame1.htm" NAME="gauche">

<FRAME SRC="frame2.htm" NAME="droite">

</FRAMESET> 

Exemple n°2

<FRAMESET ROWS="20%,
80%">
<FRAME SRC="frame1.htm" NAME="haut">
<FRAME SRC="frame2.htm" NAME="bas">
</FRAMESET>

Exemple n°3

<FRAMESET COLS="20%,
80%"> 
<FRAME SRC="frame1.htm" NAME="gauche">
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="frame2.htm" NAME="droit_haut">
<FRAME SRC="frame3.htm" NAME="droit_bas">
</FRAMESET>

Les attributs de la balise <FRAMESET>

Attribut Valeur Action
Rows pourcentage (entre 1 et 100)
valeur en pixels
En fixant une seules des valeurs et en donnant à l'autre la valeur *, la valeur s'ajuste automatiquement
Cadre horizontal
Cols pourcentage (entre 1 et 100)
valeur en pixels
En fixant une seules des valeurs et en donnant à l'autre la valeur *, la valeur s'ajuste automatiquement
Cadre vertical
Frameborder YES
NO
Indique si le cadre a une bordure ou non
Border=n n est une valeur définissant la taille de la bordure Indique la taille de la bordure
Bordercolor Nom de la couleur
Valeur de la couleur en hexadécimal
Indique la couleur de la bordure
Framespacing=n n est une valeur définissant l'espace entre les cadres Indique l'espace entre les cadres

Les attributs de la balise <FRAME>

La balise <FRAME> permet de définir un ou plusieurs cadres au sein de la balise <FRAMESET>

Attribut Valeur Action
Src URL Définit l'emplacement de la page à afficher dans le cadre
Name "nom" Définit un nom qui permettra d'afficher un autre document dans le cadre gâce à l'attribut Target
Marginwidth=n n est un entier spécifiant le nombre de pixels Taille des marges latérales
Marginheight=n n est un entier spécifiant le nombre de pixels Taille des marges du haut et du bas
Frameborder YES
NO
Détermine si les cadres auront ou non une bordure
Border=n n est un entier spécifiant le nombre de pixels Taille de l'espace entre les cadres (uniquement pour Netscape)
Noresize (Aucune) Interdit à l'utilisateur de redimensionner les cadres (Ce n'est pas la valeur par défaut)
Scrolling YES
NO
AUTO
Permet ou non l'affichage d'une barre de défilement (Auto laisse le navigateur décider de son utilité)

Comment éviter les erreurs avec les navigateurs non compatibles?

On utilisera les balises <NOFRAMES> et </NOFRAMES> permettant de spécifier un texte HTML à afficher en cas de navigateur ne permettant pas d'afficher les frames. Le texte entre les balises <NOFRAMES> et </NOFRAMES> doit donc contenir les balises <BODY> ... </BODY>.

Exemple :

<FRAMESET COLS="20%,
80%">
<FRAME SRC="frame1.htm" NAME="gauche">
<FRAME SRC="frame2.htm" NAME="droite">
</FRAMESET>

<NOFRAMES>
<BODY>
Cette page HTML nécessite un navigateur supportant les frames,
veuillez nous en excuser.
</BODY>
</NOFRAMES>

Désigner un cadre avec un lien hypertexte

Pour faire afficher des liens dans un des cadres, il suffit d'utiliser l'attribut target dans la balise <A HREF ..> pour spécifier le nom du cadre qui a été spécifié dans la balise <FRAME> par l'attribut NAME.

Par exemple:

<A HREF="page.htm" TARGET="gauche">

Valeur Action
_self Affiche la cible dans le même cadre que le lien
_parent Affiche la cible dans le cadre de niveau supérieur
_blank Affiche la cible dans une nouvelle fenêtre
_top Affiche la cible dans la fenêtre entière du navigateur


Dernière modification le mardi 14 octobre 2008 à 17:40:31.Ce document intitulé « Les Frames » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Les Frames Présentation des frames Grâce à la technologie des frames (en français "cadres") il est désormais possible d'afficher plusieurs pages HTML dans différentes zones (ou cadres). Les frames ne font pas partie de la spécification du HTML 3.x, il faut... www.commentcamarche.net/contents/html/htmlframes.php3
Télécharger Microsoft .NET Framework 2.0 (x86) Le package redistribuable de Microsoft .NET Framework 2.0 installe le runtime .NET Framework et les fichiers associés requis pour l'exécution d'applications développées pour le .NET Framework 2.0. Le .NET Framework 2.0 fournit une évolutivité et... www.commentcamarche.net/telecharger/telecharger-34055209-microsoft-net-framework-2-0-x86
Télécharger .NET Framework Microsoft .NET Framework 3.5 contient de nouvelles fonctionnalités issues de .NET Framework 2.0 et 3.0, et inclue .NET Framework 2.0 service pack 1 et .NET Framework 3.0 service pack 1. www.commentcamarche.net/telecharger/telecharger-34055523-net-framework
[Windows Update] .Net Framework Les patchs KB- : La solution !Voici la solution au problème actuel rencontré par un nombre important de personnes concernant le plantage à la mise à jour de .Net Framework par les patches KB886903 et KB887219 du bulletin de sécurité MS05-004 du 8 février 2005 chargés par Windows... www.commentcamarche.net/faq/sujet-1286-windows-update-net-framework-les-patchs-kb-la-solution
[Pratique] Framakey - Applications portables sur clé USBLa Framakey - Des applications portables sur clé USB Vous vous déplacez et avez besoin d'un ordinateur. Si vous n'avez pas d'ordinateur portable, vous êtes obligé d'utiliser la machine des autres. Ainsi : Soit vous utilisez directement... www.commentcamarche.net/faq/sujet-3489-pratique-framakey-applications-portables-sur-cle-usb
[Programmation] Critères de choix d'un langage/framework[Note de sebsauvage: Cet article est loin d'être complet ! à compléter, détailler et raffiner] Voici quelques questions à vous poser pour bien choisir un langage, une plateforme de développement ou un framework pour un projet. Il est impossible de... www.commentcamarche.net/faq/sujet-3964-programmation-criteres-de-choix-d-un-langage-framework
Help me!!! .Net framework V2.0.5727 (Résolu)Bonjour,je viens de telecharger la mise à jour de ma carte graphique cad ATI radeon X300/X550 j ai rebooté et un message d erreur apparait: "vous devez d'abord installer l'une des versions suivantes du .Net Framework:V2.0.50727 Contacter votre éditeur... www.commentcamarche.net/forum/affich-2827520-help-me-net-framework-v2-0-5727
Probleme instalation .NET Framework 2.0 ou 3. (Résolu)Salut, j'ai un probleme je n'arrive pas a installer le Framework 2.0 ou 3.0 les 2 on une erreur l'hors de l'instaltion. Je ne parle pas de la mise a jour KB- mais bien du FRamework en lui même. J'ai essayer de d'ésinstaler le 1.1 mais sa na rien... www.commentcamarche.net/forum/affich-3343897-probleme-instalation-net-framework-2-0-ou-3
Microsoft .Net Framework vista 64 (Résolu)Bonjour,quelqu'un sais comment installé Microsoft.Net framework correctement pour vista 64,j'ai installé vista moi meme sur le pc..merci www.commentcamarche.net/forum/affich-8491522-microsoft-net-framework-vista-64
Télécharger Ace Photo FrameAce Photo Frame est un logiciel conçu par XQSoft afin de vous permettre de concevoir des cadres photo numérique. Avec ce programme, vous disposez d’un outil efficace et très amusant pouvant mettre en valeur vos photos grâce à plus de 400... www.commentcamarche.net/telecharger/telecharger-34060636-ace-photo-frame
Télécharger Framing StudioFraming Studio est un outil qui vous permet d’ajouter des cadres magnifiques à vos photos. Tout d’abord, le programme dispose d’une interface très intuitive qui vous permet d’assimiler rapidement ses fonctions. Le programme... www.commentcamarche.net/telecharger/telecharger-34060841-framing-studio