 |
|
|
||||||||||||||||||||||||||||
|
-En noir les tags habituels obligatoires.
Maintenant je vous suggère d'ouvrir un dossier appelé souvent "répertoire" dans lequel vous glissez vos trois fichiers établis sur une simple feuille et dont index.htm porte les informations de base ci-dessus décrites. Ouvrez le fichier index.htm dans votre navigateur et voici (en modèle réduit ) une page 2 cadres à son premier stade :
Tout est là : le titre, le menu et l'accueil. Notez qu'au final les barres de défilement ne seront pas forcément présentes. Vous en déciderez plus tard et ici la réduction de la fenêtre du navigateur en est seule responsable, le tag permettant si besoin de les supprimer n'ayant pas été placé dans le code source. Comme vous allez par la suite remplacer la page d'accueil par d'autres fichiers, il est naturel qu'elle figure dans le menu pour y revenir à tout moment si besoin.
Tags (T) et Attributs (A) <FRAMESET> ---- </FRAMESET> (T)Ce tag qui prend la place habituelle de <BODY> </BODY> sert à délimiter dans le fichier "conteneur" les zones définissant les cadres verticaux et horizontaux, et leurs dimensions en pixels (=20) ou en pourcentage (=20%). SRC (T)<FRAME SRC="menu.htm" Ce tag définit le nom du document qui sera affiché dans le cadre dont l'emplacement prévu se trouve indiqué en suivant.
NAME (A)NAME=gauche"> Cet attribut définit le nom unique et définitif donné à un emplacement de cadre.
"COLS" et "ROWS" (A)Pour définir la dimension des cadres contenues dans la fenêtre, vous donnez dans un premier temps et approximativement une valeur exprimée par un nombre soit en pourcentage (%) ou en pixels (25% = 133 pixels), ou encore par un astérisque *. "COLS" définit la largeur des différents cadres verticaux : 25%,75% pour 2 cadres ou encore : 25%,50%,25% pour 3 cadres. (vertical = identique aux portes d'une armoire) "ROWS" définit la hauteur des différents cadres horizontaux, avec les mêmes éléments que pour COLS. (horizontal = identique aux tiroirs d'une commode) L'astérisque * définit un reste, c'est à dire que pour l'exemple des deux cadres vous avez attribué 22% de largeur au cadre du menu et vous laissez le reste pour la page de droite, ce qui revient à laisser le navigateur attribuer le maximum de place disponible pour cette zone. Vous pouvez coder l'astérisque seule ou, comme l'exige Claris Home Page par le chiffre1 suivi de l'astérisque = 1* Rien ne vous empêche de donner les valeurs suivantes, qui diviseront alors la page en autant de cadres identiques : <FRAMESET COLS="1*,1* "> pour diviser en deux cadres verticaux. <FRAMESET COLS="1*,1*,1* "> pour diviser en trois cadres verticaux. Il en sera de même pour les cadres horizontaux.
Attention : sachez que cette dimension: Exprimée en pixels la taille restera toujours la même et l'utilisation des barres de défilement peut alors devenir obligatoire. Exprimée en pourcentage la taille variera avec celle de l'écran du navigateur de votre visiteur et sera souvent plus agréable.
Vous venez de réaliser une page composée de 2 cadres verticaux et il en aurait été de même pour une page avec deux cadres horizontaux , en changeant tout simplement COLS par ROWS. Une fenêtre à 3 cadres est expliquée plus loin. Vous allez maintenant découvrir de nouveaux tags et attributs qui aident à réaliser une présentation qui va chercher à atteindre la perfection !!!
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
