Petite explication de la structure HTML des pages de mon site pour les néophytes qui débutent, et qui, comme moi cherchent à comprendre en analysant la structure d'un site
Je vais essayer de faire une explication relativement detaillée, bien qu'il existe des manuels relativement performants pour gérer ce genre de chose, et qui l'expliqueront peut-être mieux...
Pour voir un exemple de ce que je vais décrire, on peux télécharger en source ma page frame qui n'est justement pas visible (menu netscape: view, page source) pour pouvoir l'étudier.
http://www.yannminh.comfrench/indexImg.html
Vous la lisez dans un éditeur HTLM, du genre Netscape composer, ou un simple éditeur de texte du type Simple texte ou BB edit.
Ci-dessous j'explique comment elle fonctionne.
Pour faire 3 colonnes horizontales ou verticales interactives, le truc c'est de créer 4 pages HTML différentes qu'entre nous j'appelle (0, A, B, C) . La première (0) qui n'apparait jamais contient les ordres et les réglages pour
créer 3 cadres dont le contenu sera affiché par les les pages HTML, A, B et C.
PAGE 0
dans la page 0 qui est très simple et qui est la page dont je viens d' indiquer l'adresse, il y a les marqueurs qui définissent le nombre de Frames et leurs tailles. Ce sont les marqueurs FRAMESET ET FRAME, donc dans l'exemple de ma page ça donne:
<FRAMESET ROWS="110,60,*" BORDER=0>
<FRAMESET COLS="510" BORDER=0>
<FRAME SRC="target1.html" NAME="frameaa" scrolling="auto" NOREZISE MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0>
<FRAME SRC="target2.html" NAME="framebb" scrolling="auto" NOREZISE MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0>
<FRAME SRC="target3.html#Haut de page" NAME="framecc" scrolling="auto" NOREZISE MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0>
</FRAMESET>
J'explique:
FRAMESET ROWS="110,60,*" BORDER=0
Cette ligne donne l'ordre de créer 3 cadres horizontaux (ROWS) qui feront respectivement 110 pixels de haut, 60 pixels de haut et * signifie que la hauteur sera déterminée par l'espace de la page qui reste.
POUR CREER DES CADRES VERTICAUX LE MARQUEUR EST "COLS"
ce qui est mon marqueur suivant : FRAMESET COLS="510" qui definit la largeur de la seule colonne verticale dans laquelle s'incrivent les trois cadres horizontaux
Ensuite il y a ces trois lignes
FRAME SRC="target1.html" NAME="frameaa" scrolling="auto" NOREZISE
MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0
FRAME SRC="target2.html" NAME="framebb" scrolling="auto" NOREZISE
MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0
FRAME SRC="target3.html#Haut de page" NAME="framecc" scrolling="auto"
NOREZISE MARGINHEIGHT=0 MARGINWIDTH=0 BORDER=0
Décryptage d'une ligne:
FRAME SRC="target1.html" la page à ouvrir dans le premier cadre horizontal s'appelle "target1.html
NAME="frameaa" le nom du cadre sera désormais
"frameaa" et sera reconnu sytématiquement par le navigateur comme tel pour y injecter de nouvelles pages ultérieurement.
SCROLLING="AUTO" evite l'affichage des ascenceurs sur les côté tant qu'ils ne sont pas necessaires
NORESIZE empeche le visiteur de modifier les proportions du cadre
MARGINHEIGHT=0 pas de marge haute
BORDER=0 pas de border
POUR FINIR
Il faut donc créer les trois pages différentes (A, B, C) qui vont s'afficher respectivement dans les trois cadres horizontaux ou verticaux générés sur l'écran grace à la page invisible 0 ("indexImg.html")
Dans mon exemple ces trois pages s'appellent "target1.html", "target2.html" et "target3.html"
On remarque que dans cette première page qu'entre nous j'appelle 0 (indexImg.html) et qui définit le positionement et la taille des cadres j'ai aussi définit le nom des cadres, (frameaa, framebb et framecc) on peut chosir les noms qu'on veut.
C'est important car c'est ce qui va permettre d'affecter ulterieurement une image ou un texte dans un de ces cadres grace au marqueur TARGET
target="NOM DU CADRE 1"
UTILISATION DU MARQUEUR TARGET. PAGE A (target1.html)
Cet exemple montre l'utilisation du marqueur TARGET pour afficher une page dans un des cadres ou colonne spécifique
Voici maintenant la page que j'appelle entre nous A (target1.html) , s'affichant dans le cadre du haut (frameaa) qu'on peut directement telecharger à http://www.yannminh.comfrench/target1.html
DANS LE CAS de cette page CE SONT LES LIGNES OU SONT INCRITES
<A HREF="IndexSommaire.html" onMouseOver="window.status='SOMMAIRE GENERAL DU SITE';return true;" TARGET="framecc">
<!-- Graphic Tag --><IMG WIDTH=362 HEIGHT=80 BORDER=0 ALT="SOMMAIRE" ALIGN=MIDDLE SRC="../img/MenuSommaire.JPG"></A>
dans ma page, voici la série de codes qui lorsqu'on clique sur un lien affiche une image dans le cadre inferieur de l'ecran qui dans mon cas s'appelle "framecc".
A HREF="NOM DE LA PAGE A AFFICHER DANS LE CADRE " TARGET="framecc"
IMG SRC="NOM DE L'IMAGE QUI S'AFFICHE POUR FAIRE LE LIEN"
/A
