Retour à la page d'accueil

Retour Accueil Didacticiel

Retour au menu<Insertion d'objets HTML >

Page Précédente

Création d'une page avec cadres - (Frame)

Assistant de création de page avec cadres (Frame)

Cet assistant permet de créer une page HTML avec pluseurs cadre. Nous allons voir comment créer une page telle que celle que vous voyez dans  ce site. La page est composée de 3 partie :

  1. Le titre en haut
  2. Le sommaire dans lequel se trouve un menu fixe
  3. La partie principale ou sont affichées les différentes pages appelées

Avant de commencer il faut définir les noms des cadres et créer les pages HTML qui vont s'afficher dans ces cadres.

Exemple :


Cadre du titre nommé : Titre Fichier HTML appelé : ExTitre.htm

 

Cadre du sommaire
nommé : Menu

Fichier HTML appelé :
ExSommaire.htm

Dans notre exemple, les liens hypertexte seront redirigés vers le cadre Principal avec l'attribut <target=Principal>

 

 

Cadre principal nommé : Principal

Fichier appelé : ExPage1.htm

 

Attention aux majuscules dans les noms des cadres : principal est différent de Principal.

Creation des 3 fichiers HTML avant de créer la page avec cadres.

Création du fichier ExSommaire.htm

Dans les propriétés avancées du document, Onglet : Avancé, on indiquera le nom du cadre destination à défaut.
Chaque lien hypertexte sera automatiquement renvoyé dans ce cadre.

< Cliquez ICI !!! > pour réactualiser la page

Procédez de manière identique pour les 2 autres fichiers en affectant les couleurs de fond et de texte pour chacune des pages. Pour les 2 autres fichiers le cadre de destination reste vierge.

L'assistant de création

Après avoir crée un nouveau document HTML nommé : ExCadre.htm

  1. Choisissez le type de cadre (Dans notre exemple 3 cadres 1-2-3).
  2. Affecter un nom de cadre et affecter le fichier HTML qui va aller dans chacun des cadres.
  3. Modifiez éventuellement les options des cadres
  4. Cliquez sur le bouton <Appliquer> puis sauvegarder le fichier.

< Cliquez ICI !!! > pour réactualiser la page

Voir l'exemple (La page ExCadre.htm sera chargée dans une nouvelle fenêtre)