creer une page web avec 3 partie

  • Auteur de la discussion nirka
  • Date de début

nirka

Nouveau membre
bonsoir

je suis debutante, je souhaite creer ma premiere page de site, en 3 partie....

j'ai reussi a la creer, seulement quand je choisi un menu, je voudrais qu'il s'ouvre dans le centre de cette page....

merci d'avance

angelique
 

boub popsyteam

Grand Maître
Le mieux est de séparer les parties fixe (logo du site, menu ...) du contenu. Puis via un include (en php par exemple) rappeler dans chaques pages les parties fixes pour eviter de tout recopier n fois.

C'est tres simple à apprehender :)
Je te conseilles les tutoriaux 'site web' et 'php' du (n'y voit pas là une critique envers toi, ce site est tres bien fait ;))
 

nirka

Nouveau membre
je vais aller consulter ce site, merci beaucoup, pas de souci....de toute facon je suis debutante et un peu nul lol....

par contre j'ai toujours travaille aved du html, et je ne connais pas du tout le php, css...etc....

enfin je vais voir ce site, sinon je reviendrais mettre un post...

bonne soiree et merci

angelique
 

aze11252

Nouveau membre
Ne sachant pas comment se découpe ton site voici un exemple où la zone centrale ce nomme "mainframe" dans l'indexe.
donc lorsque tu veux créer des liens il faut que tu leur donnes cette "target"

comme-ceci:
[cpp]<a href="Page2.html" target="mainFrame">Page2</a>[/cpp]

Remplace mainframe par le nom que tu as choisis pour zone centrale.

Voici un exemple complet de page d'accueil en 3 parties et les pages dont il est composé:

Si tu veux créer une page d'accueil en 3 parties, ton site devra d'office comporter au moins ces 3 pages = 3 parties + une page qui sera ton index regroupant les 3.

plus ensuite une page par nouvelle que tu veux afficher au centre.

Voici un exemple:

Ton index.html
[cpp]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">
<frame src="tete.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="centre.html" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="pied.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
</frameset>
<noframes><body>
<div align="center">Si votre navigateur ne supporte pas les frames.<br /><a href="Page2.html" >Page2</a>
</div>
</body>
</noframes></html>
[/cpp]

frameset rows="80,*,80"

80,*,80 te servira à définir la largeur de tes bandeaux pied et tête


Ensuite ta page en entête:
[cpp]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Entete</title>
</head>

<body>Entête
</body>
</html>[/cpp]

Ta page pied de site :

[cpp]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Pied</title>
</head>

<body>
Pied
</body>
</html>[/cpp]

Et le plus important ta page centrale où tu créeras des liens vers d'autres pages de ton site.

[cpp]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>centre</title>
</head>

<body>
<p>Centre</p>
<p>Exemple lien : <a href="Page2.html" target="mainFrame">Page2</a> </p>
</body>
</html>
[/cpp]

Les autres pages de ton site devant s'afficher au centre de celui-ci et renvoyant vers ton index pour permettre à tes visiteurs de sortir de celui-ci

[cpp]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>page2</title>
</head>

<body>
Page2<br />
Retour à l'<a href="index.html" target="_top">acceuil</a>
</body>
</html>[/cpp]

Voici ce que cela donne en place

Dans cette exemple j'ai copié le lien vers la page2 et au centre et en entête peu importe son emplacement pourvu que la cible reste mainFrame
[cpp]<a href="Page2.html" target="mainFrame">Page2</a>[/cpp]
 

marsien

Grand Maître
C'est gentil de vouloir aider :)

Mais c'est encore mieux quand la solution donnée n'a pas 10 ans de retard ;)

Les frames, c'est mort depuis 2000... C'est nul pour le référencement (frames orphelines), c'est nul pour programmer (faire des liens croisés entre frames), c'est nul niveau souplesse et c'est nul pour les transfert de paramètres dans des pages dynamiques.

Ca n'a rien contre toi, au contraire. Essaie de jeter un oeil sur le tuto xhml/css du site du zéro pour comprendre le fonctionnement des balises <div> :)
 

KangOl

Grand Maître
je suis presque totalement d'accord avec toi sauf pour les pages orphelines, il y a moyen de s'arranger : http://kangol.prout.be/tests/rinif/
 

marsien

Grand Maître
Ouais, mais ça reste du bidouillage que peu de gens connaissent/utilisent ;)
 

aze11252

Nouveau membre
Référencer un site personnel çà se discute.
La plupart du temps c'est le webmaster qui donne son adresse à ses amis pour avoir des visiteurs plutôt qu'une recherche " ma vie mes passions mon œuvre" dans google par des internautes tombant par hasard sur un site.
Puis de mon modeste niveau, je ne vois pas à part les frames comment la personne qui pose cette question a pu couper sa page d'accueil autrement

Et pour un novice comme il se dit être, comme je le suis aussi, c'est encore la solution des jeux de cadres donnée actuellement dans les éditeurs wysiwyg même les plus "chers" qui est encore toujours là.
Mais bon moi je dis çà, je ne dis rien.

Sinon connais tu une réponse à cette question ?
 

batchy

Grand Maître
en ce qui concerne les éditeurs wysiwyg, une bonne partie sont a foutre à la poubelle.

et puis référencer ce n'est pas que google c'est aussi les marques pages : tu ne peux marquer que la page qui contient les frames, sinon tu peux pas naviguer (sauf si tu pense à la solution de kangol en supposant que t'ai activé le javascript)
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 098
Messages
6 717 082
Membres
1 586 286
Dernier membre
petitangebleu1977
Partager cette page
Haut