3ème

Création et mise à jour de sites internet

Activité : Utilisation du multifenetrage

sommaire
Definitions Utilisation
  • exemples
    		• Options de FRAMESET Options de FRAME Option NAME
  • exemple avec Name et Target

    • Qu'est ce que le multifenetrage ?

    Les frames sont une extension du langage HTML qui permettent à celui-ci de diviser la fenêtre de votre navigateur en plusieurs fenêtres appellées "frame"
    chacune pouvant afficher un document HTML spécifique.

    Par exemple La fenêtre du de la visite d'une salle de technologie est divisée en deux frames:
  • Sur la gauche de l'écran, présente le plan avec une image à multiple lien
  • l'autre, sur la droite, est celle dans laquelle les pages informatives apparaissent.

    • Compatibilité

    L'affichage d'une page HTML en frames nécessitent évidemment un navigateur pouvant interpréter les balises <FRAME>. Si cela pouvait poser problème avant, actuellement tous les navigateurs modernes le font.
    Il convient, cependant pour les autres (Netscape Navigator 1.x, Explorer 2.x etc.),d'utiliser la balise <NOFRAME> </NOFRAME>. Cette balise délimite les éléments HTML à afficher par les navigateurs ne supportant pas les frames.

    Utilisation des frames

    Un document contenant plusieurs régions a une structure identique à celle d'un document classique. La différence réside dans le corps du document. Ce corps n'est plus délimitée par la balise <BODY> mais par la balise <FRAMESET>. Le document respecte alors la structure suivante:

    <HTML>
    <HEAD>
    <TITLE >Ici le titre général du site </TITLE>
    </HEAD>
    <FRAMESET>
    ici se placent les définitions des fenetres
    </FRAMESET>
    <HTML>
    . Pour diviser la page en 2 régions il y aura 3 pages html à écrire : la page de la fenetre principale qui contient le code précédent, et les deux pages affichées sous les frames.

    Exemples

    voici un premier exemple obtenu avec le codage suivant pour la fenetre principale
    les fichiers frame1.htm et frame2.htm ont été codés par ailleurs.
    voici un second exemple obtenu avec le codage suivant pour la fenetre principale
    les fichiers frame1.htm et frame2.htm ont été codés par ailleurs.
    voici un troisieme exemple obtenu avec le codage suivant pour la fenetre principale
    les fichiers frame1.htm, frame2.htm, frame3.htm et frame3.htm ont été codés par ailleurs.

    Les options de - <FRAMESET>

    La balise <FRAMESET> possède un certain nombre d'options:

    ROWS
    Cet attribut décrit la partition de la fenêtre en lignes.
    Il représente la liste des hauteurs respectives de chaque ligne
    Ces valeurs peuvent être précisées de plusieurs manières:
  • ROW="VAL" : ou "VAL" une taille en pixels.
  • ROW="VAL%" "VAL" représente ici une valeur variant de 1 à 100 qui représente la taille relative en %.

    COLS
    Cet attribut fonctionne de manière identique à l'attribut ROWS mais décrit cette fois la partition en colonnes:
  • COLS="VAL": "VAL" taille en pixels.
  • COLS="VAL%" "VAL" en % relatif.

    • Les options de - <FRAME>

    <FRAME> qui definit les frames possédent des options
  • SRC="URL" : Précise l'adresse de la page qui doit être affichée dans ce frame.
  • NAME="chaine de caractères" : Définit le nom donnée à la frame ( cf Option NAME )
  • MARGINWIDTH="VAL" : Précise la taille de la marge (en pixels).
  • MARGINHEIGHT="VAL" : Précise la taille des marges en haut et en bas del a page.
  • SCROLLING="YES | NO | AUTO" : Spécifie si la région est munie d'une barre de défilement: "YES" affiche toujours la barre de défilement. "NO" n'affiche jamais la barre de défilement. "AUTO" s'adapte en foncion de l'affichage.
  • NORESIZE : Cet attribut indique que l'aspect de la région est fixe et que l'utilisateur ne peut le modifier.

    • L'options Name de - <FRAME> et l'option TARGET de - <A HREF>

    Cette option permet de nommer les différentes frames.
    Elle permet entre autre de présenter facilement un site avec un sommaire toujours visible.
    Plutot qu'un long descriptif, cet exemple vous permettra de le comprendre

    Voici le codage de la page (essai4.htm) qui définit le multifenetrage

    Voici le codage de la page sommaire.htm.
    La fenetre cible des liens est indiquée ici par l'option TARGET="corps"