Se connecter avec
S'enregistrer | Connectez-vous

creer une page web avec 3 partie

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

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 SiteDuZero (n'y voit pas là une critique envers toi, ce site est tres bien fait ;) )

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

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:
  1. <a href="Page2.html" target="mainFrame">Page2</a>


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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  5. <title>Document sans nom</title>
    

  6. </head>
    

  7.  
  8. <frameset rows="80,*,80" frameborder="no" border="0" framespacing="0">
    

  9.   <frame src="tete.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
    

  10.   <frame src="centre.html" name="mainFrame" id="mainFrame" title="mainFrame" />
    

  11.   <frame src="pied.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" />
    

  12. </frameset>
    

  13. <noframes><body>
    

  14. <div align="center">Si votre navigateur ne supporte pas les frames.<br /><a href="Page2.html" >Page2</a>
    

  15. </div>
    

  16. </body>
    

  17. </noframes></html>


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:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  5. <title>Entete</title>
    

  6. </head>
    

  7.  
  8. <body>Entête
    

  9. </body>
    

  10. </html>


Ta page pied de site :

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  5. <title>Pied</title>
    

  6. </head>
    

  7.  
  8. <body>
    

  9. Pied
    

  10. </body>
    

  11. </html>


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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  5. <title>centre</title>
    

  6. </head>
    

  7.  
  8. <body>
    

  9. <p>Centre</p>
    

  10. <p>Exemple lien : <a href="Page2.html" target="mainFrame">Page2</a> </p>
    

  11. </body>
    

  12. </html>


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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
    

  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
    

  3. <head>
    

  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    

  5. <title>page2</title>
    

  6. </head>
    

  7.  
  8. <body>
    

  9. Page2<br />
    

  10. Retour à l'<a href="index.html" target="_top">acceuil</a>
    

  11. </body>
    

  12. </html>


Voici ce que cela donne en place ICI

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 
  1. <a href="Page2.html" target="mainFrame">Page2</a>
Expert Programmation

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> :) 

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 ?
Mon problème
Expert Programmation

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)
Lassé par la pub ? Créez un compte

Créer un nouveau sujet