Se connecter avec
S'enregistrer | Connectez-vous

HTML : Site web "allégé"

Dernière réponse : dans Programmation

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 allege

Lassé par la pub ? Créez un compte

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+

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" 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" target="_blank">http://www.google.fr</a>"></iframe>
    

  8. </body>
    

  9. </html>

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+

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.

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

Créer un nouveau sujet

Tom's guide dans le monde