Accueil
Créer
Design
Mêta-builder
Vérif de site
Référencement
Gifs
Javascripts
Fax par internet
Liens
Rubrique "Emplois"

Forum
Gratuit

  Ajout Favoris
  Démarrage



Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/web/webmestre/webmestre.org/www/_top.php on line 61

Warning: include(http://www.webmestre.org/pub2.php3) [function.include]: failed to open stream: no suitable wrapper could be found in /home/web/webmestre/webmestre.org/www/_top.php on line 61

Warning: include() [function.include]: Failed opening 'http://www.webmestre.org/pub2.php3' for inclusion (include_path='.:/usr/share/php:/usr/share/pear') in /home/web/webmestre/webmestre.org/www/_top.php on line 61
Retour menu Design

Webmestre.org est composé d'une barre de navigation (au dessus en bleu) d'une barre de menu et enfin d'une page "principale" ou ce texte est écrit on est en fait devant trois pages HTML distinctes, qui sont fusionnée par una quatrième : le frameset.

Cette page contrôle l'ensemble des cadres, elle contient l'ensemble des règles d'affichages des différentes pages du site au surfeur et débute par une entête html classique :

<HTML> <HEAD> <TITLE>Titre du site</TITLE> </HEAD>

Puis vient la règles d'affichages.

Exemple :
<FRAMESET ROWS="13%,*"> <FRAME NAME="menuhaut" SRC="menuhaut.html"> <FRAMESET COLS="12%,*"> <FRAME NAME="menugauche" SRC="menugauche.html"> <FRAME NAME="principal" SRC="principal.html"> </FRAMESET>

Explications :
Le <FRAMESET ROWS="13%,*"> signifit que la barre du haut prendra 13% de la surface de votre écran.
Puis <FRAME NAME="menuhaut" SRC="menuhaut.html"> indique l'emplacement du code html de la barre du haut.
Ensuite on passe au 87% qui reste Le <FRAMESET COLS="12%,*"> indique que le menu de gauche prendra 12% des 87% qui reste (ca à l'air compliqué mais c'est trés simple.
Il reste donc 88% à remplir (qui se trouvera sous la barre de menuhaut et à droite de la barre menu gauche. Il suffit de donner le nom comme suit: <FRAME NAME="principal" SRC="principal.html"> et fermer la balise </FRAMESET>

Etudions maintenant le <NOFRAMES> </NOFRAMES> :
LE noframe sert à insérer des codes textes lorsque le navigateru ne reconnait pas les FRAMES. exemple :

<NOFRAMES> <BODY BGCOLOR="#FFFFCC" TEXT="#077700"> Bonjour, et bienvenue ! </BODY> </NOFRAMES>

Bon nombre de webmestres ignorent de remplir cette zone car un bon nombre de moteurs de recherche ne reconnaissent toujours pas les frames ! Leurs spiders (robots de référencement) volent de lien en lien à travers le Web recherchant des sites. Ils interprêtent les métabalises ou le corps de texte de votre page et les utilisent pour indexer le site. Or les spiders ne comprenent pas les frames il faut donc décrire les liens un à un dans la zone NOFRAMES. Ainsi je vous propose une page de ce type :

<HTML> <HEAD> <TITLE>Titre du site</TITLE> <META NAME="robots" CONTENT="index, follow"> <META NAME="reply-to" CONTENT="votreemail@provider.com"> <META NAME="description" CONTENT="description du site"> <META NAME="keywords" CONTENT="vos, mots-clés, séparés, par, des, virgules"> </HEAD> <FRAMESET ROWS="13%,*"> <FRAME NAME="menuhaut" SRC="menuhaut.html"> <FRAMESET COLS="12%,*"> <FRAME NAME="menugauche" SRC="menugauche.html"> <FRAME NAME="principal" SRC="principal.html"> </FRAMESET> <NOFRAMES> <BODY BGCOLOR="#FFFFFF" TEXT="#000000"> <font face="Verdana, Arial" size="1"> Voici la présentation de votre site.<BR> <a href="menuhaut.html">Barre de menu en haut</a><BR> <a href="principal.html">Page Principal</a><BR> <a href="lien.html">Autre lien</a></font><BR> </BODY> </NOFRAMES> </HTML>

Si le lien vient de l'extèrieur un bon moyen pour forcer vos pages à se mettre dans les frames, ce script à insérer dans chaque page :

<SCRIPT LANGUAGE="JavaScript"> if (parent.frames.length < 1) { document.location.href = 'http://www.votresite.com'; } </SCRIPT>


Retour menu Design