Se connecter / S'enregistrer
Votre question

HTML : Site web "allégé"

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
15 Décembre 2009 07:50:35

Bonjour,

Je souhaiterais refaire mon site de A à Z mais je voudrais savoir comment faire pour avoir un site allégé ?

Je m'explique, avoir une page en 3 éléments (un en haut: la bannière; un a gauche: un menu; et un au milieu-droite-bas (en fait, le reste de la page) pour mes pages.)

Je souhaiterais n'utiliser qu'une seule page HTML avec la bannière, le menu et que dans l'espace restant j'imbrique de nouvelles pages HTML.

Avec les CSS et les balises DIV, j'ai déja séparé ma page en 3.

Comment dire à la page principale d'afficher dans l'espace restant une autre page ?

Sur le dessin, les parties rouges et bleues seraient qu'une page, et les autres s'imbriqueraient là où il y a du vert.



A+

Autres pages sur : html site web allaga

a c 145 L Programmation
15 Décembre 2009 09:32:32

en php, en utilisant un include() par exemple.
m
0
l
15 Décembre 2009 12:13:00

Salut,

d'accord, mais peut-on le faire en HTML ?

Qu'y a t-il de différent avec le PHP ?

J'utilise actuellement Microsoft Office FrontPage 2003 (livré avec la suite Office 2003) pour faire mon site en HTML. Et apparemment, il n'est pas possible de faire de PHP!

A+
m
0
l
Contenus similaires
a c 145 L Programmation
15 Décembre 2009 16:37:04

Si tu es en html pur, c'est impossible.
Par contre, si tu ne veux pas utiliser php, peut-être que frontpage (il y en a encore qui se servent de ça ?) autorise les SSI (Server Side Include):
<!--#include virtual="mon_fichier.html" -->
m
0
l
15 Décembre 2009 18:03:02

Tu peux le faire en html pur en passant par des iframes... celà dit, en terme de référencement, c'est contre productif, les moteurs ne référençant pas le contenu des iframes comme faisant partie intégrante de la page. Maintenant s'il s'agit d'un petit site perso, pourquoi pas.

Quant à t'expliquer comment le faire avec Frontpage, je ne pourrais pas, je ne m'en sers pas. C'est plus une usine à gaz qu'autre chose qui produit du code alourdissant grandement les pages. Ok il t'est fourni avec Office, mais c'est vraiment un très mauvais logiciel de création de sites.

Voici un exemple simplifié à l'extrême :

  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <a href="<a href="http://www.example.com" rel="nofollow" target="_blank">http://www.example.com</a>" target="machin">click click pour changer le contenu</a>
  6. <br/><br/>
  7. <iframe name="machin" width="400" height="500" src="<a href="http://www.google.fr" rel="nofollow" target="_blank">http://www.google.fr</a>"></iframe>
  8. </body>
  9. </html>
m
0
l
15 Décembre 2009 18:37:21

Salut,

@crazycat@idn: Comment intégrer ça à un menu ?

@hadaya: ça marche nickel, pas très pratique mais je vais voir comment organiser cela ...

A+
m
0
l
15 Décembre 2009 20:32:41

Salut,

dans ma page de base (index.htm) j'ai ça:

  1. <div id="menu">
  2.  
  3. <table>
  4. <tr><td><center>Trains</center></td></tr>
  5. <tr><td><img src="images/rondmenu.png"> Train Simulator
  6. <br/>
  7. <img src="images/RondMenu.png"> Trains Réels
  8. <br/>
  9. <img src="images/RondMenu.png"> Trains Miniatures</td></tr></table>
  10.  
  11. <hr/>
  12.  
  13. <table><tr><td><center>Bus</center></td></tr>
  14. <tr><td><img src="images/rondmenu.png"> VBus
  15. <br/>
  16. <img src="images/RondMenu.png"> Rigs of Rods
  17. <br/>
  18. <img src="images/RondMenu.png"> Bus Driver
  19. <br/>
  20. <img src="images/RondMenu.png"> Bus Réels</td></tr></table>
  21.  
  22. <hr/>
  23.  
  24. <tr><td><center>Téléchargements</center></td></tr>
  25.  
  26. <hr/>
  27.  
  28. <tr><td><center>Forum</center></td></tr>
  29.  
  30. </div>


Maintenant, comment dire que quand je clique sur un mot de mon menu (ex:Train Simulator) il m'affiche dans le carré prévu de ma page:

  1. <div id="page">
  2. Test de mon carré où seront affiché les pages
  3. </div>


La page trainsimulator.htm ?

De même pour les autres, mais j'imagine que c'est la même chose, le même principe ....

A+
m
0
l
a c 145 L Programmation
15 Décembre 2009 20:56:53

J'ai bien peur que tu ne doives passer par le php et un vrai éditeur html
m
0
l
15 Décembre 2009 21:10:32

Salut,

Citation :

un vrai éditeur html


C'est à dire ?

J'ai téléchargé Web Developper Express 2008 de Microsoft (gratuit) tu crois qu'il fera l'affaire ?

A+
m
0
l
16 Décembre 2009 03:32:06

Salut,

Le plus simple, comme cité plus haut, est le php.
Pour ce qui est de l'éditeur, pas besoin de très compliqué, un simple blocnote peut suffir.

En utilisant la fonction include, c'est très simple a gérer, c'est ce que j'utilise en général sur mes sites.

Tu créer une feuille de style en css ou tu va detailler tes <div>, un index.php ou tu va insérer ta bannière, ton menu et un include permettant d'aller chercher toute tes pages.
m
0
l
16 Décembre 2009 07:02:35

Salut,

Merci de ton aide, mais aurais-tu la syntaxe pour l'include à faire sur mon index.php et mes différentes pages ?

Mes autres pages doivent-elles être elles aussi en PHP ?

A+
m
0
l
16 Décembre 2009 13:48:29

Bonjour,


Voila ton code pour l'include:
  1. <?
  2. if ($_GET['page'] == "pageprincipale") {
  3. include("pageprincipale.php");
  4. } elseif ($_GET['page'] == "pagesecondaire") {
  5. include("pagesecondairee.php");
  6. } else {
  7. include("pageprincipale.php");
  8. }
  9. ?>


Petite explication:

Le if signifie que si ta page demande "pageprincipale", alors elle va inclure "pageprincipale.php", si en revanche elle demande "pagesecondaire" elle va inclure "pagesecondaire.php".
Pour rajouter des pages, t'as juse à rajouter ce code apres elseif
  1. elseif ($_GET['page'] == "pagesecondaire") {
  2. include("pagesecondairee.php");
  3. }


Le else signifie que si ta page ne demande rien,une page qui n'existe pas ou une page qui n'est pas voulue, elle va inclure "pageprincipale.php", c'est aussi pour eviter que des malins te hack ton site en incluant n'importe quoi.



Voila pour ta partie include, mais pour que cela marche et pour faire appel a ces deux pages, dans ton menu tu devra formuler tes liens de la maniere suivante :
  1. <a href="index.php?page=pageprincipale">Page Principale</a>
  2. <a href="index.php?page=pagesecondaire">Page Secondaire</a>




Recapitulons, dans ta page index.php, tu mets tes balises <div> pour ta banniere, ensuite celle du menu et ensuite le code include. Entre les balises <div> de ton menu tu utilise les liens cités en haut.
Ta page index est prete.

Ensuite tes pages du "coprs", en l'occurrence "pageprincipale.php" et "pagesecondaire.php", tu as juste à creer une page php pour chaque, tu supprime tout ton code <head> et <body> de facon a n'avoir vraiment rien sur ta page et tu rentre tes deux balises <div></div> et entre les deux tu mets ce que tu souhaite voir sur ta page.

C'est peut être compliqué à comprendre, hésite pas si t'as d'autres questions.
m
0
l
16 Décembre 2009 14:48:56

Salut,

je vais voir ce qu je peux faire avec ça.

Tu changes juste le .htm el .php pour "changer ta page en PHP?"

+
m
0
l
16 Décembre 2009 21:17:09

Oui.
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS