Bjr,
Si tu débutes, laisse tomber les codes récupérés à droite à gauche (sauf s'il s'agit d' un tutorial) et commence par le début :
d'abord exit ton éditeur HTML fétiche et utilise le bloc note. Je sais c'est nul, c'est austère, c'est pas WYSIWYG etc, etc, etc ... mais au moins tu apprends !
La page contenant les cadres : index.htm (mais tu peux aussi bien la nommée petitbarbu.htm)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Le site de Petitbarbu</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" name="frame_menu" scrolling="no" noresize frameborder="0">
<frame src="accueil.htm" name="frame_data" frameborder="0">
<noframes>
Votre navigateur ne peut malheureusement pas afficher cette page!
</noframes>
</frameset>
</html>
Tu peux utiliser le copier-coller LOL
Le code bizarre qui commence par "<!DOCTYPE" sert à indiquer explicitement au navigateur qu'on veut utiliser les cadres. Mais passons ...
Au niveau de la balise <frameset> (jeu de cadres) on indique grâce à l'attribut cols que les cadres qui vont suivent vont se présenter en colonnes. Ensuite on indiuque pour chaque cadre se largeur : ici 25% soit 1/4 pour le premier puis * , c'est-à-dire tout l'espace restant, pour le second.
Ensuite on définit chaque cadre :
Donc dans cette page on définit 2 cadres nommés "frame_menu" et "frame_data" (tu peux donner le nom que tu veux)
Chaque cadre va servir à afficher une page HTML , il faut donc indiquer de quelle page il s'agit au départ pour que le navigateur affiche quelque chose et ne génère pas une erreur.
On décide que la page contenant le menu s'appelle menu.htm et que la page par défaut qui s'affiche dans le cadre frame_data s'appelle accueil.htm. Pourquoi pas ?
scrolling="no" : interdit l'affiche des ascenseurs, donc pas défilement possible. A toi de voir si tu veux qd même les ascenseurs.
noresize : interdit à l'utilisateur de redimensionner la largeur du cadre donc ici de ton menu.
frameborder="0" : n'affiche aucune bordure autour des cadres
Et voici les 2 pages
menu.htm :
<html>
<head>
<title>Le site de Petitbarbu - Menu</title>
</head>
<body bgcolor="#E0E0E0">
Page Menu
</body>
</html>
Tu noteras que j'ai mis un fond gris clair pour bien distinguer le cadre contenant le menu : bgcolor="#E0E0E0"
La page accueil.htm
<html>
<head>
<title>Le site de Petitbarbu - Accueil</title>
</head>
<body>
Page Accueil
</body>
</html>
Voilà tu copies ces 3 fichiers dans le même répertoire puis tu ouvres index.htm
A suivre : tjrs plus fort !
Ajouter un bouton dans le menu et afficher une photo dans le cadre de droite lorsqu'on clique dessus.
@+
