Comment charger uniquement le contenu d'un site?

Comment charger uniquement le contenu d'un site? - HTML/CSS - Programmation

Marsh Posté le 20-08-2006 à 22:19:01    

Bonjour,
 
J'ai créé ma page d'accueil en XHTML et CSS.  
 
Pour les autres pages du site :
 
- Comment faire pour charger uniquement le contenu, c'est a dire éviter de charger a nouveau le menu de gauche, l'entete avec la banniere, etc...?
 
- Comment faire pour que la hauteur de la page s'adapte automatiquement au contenu?
 
Merci ;)

Reply

Marsh Posté le 20-08-2006 à 22:19:01   

Reply

Marsh Posté le 20-08-2006 à 23:51:13    

Je comprends pas bien?!?
 
Tu codes ce que tu veux :spamafote: Mais avoir de quoi se diriger correctement sur chaque page est peut être mieux qu'à l'époque du menu + pages :)

Reply

Marsh Posté le 21-08-2006 à 08:38:16    

Désolé, je ne l’ai pas précisé mais je suis débutant et ca ne fait qu’une semaine que j’apprends le XHTML et CSS. Donc j’ai réussi à faire la page d’accueil qui n’est pas trop mal :) . Mais voila, avoir une page d’accueil c’est bien mais maintenant je me demande comment on fait pour créer les autres pages ??
Je souhaite que le menu et l’entête reste toujours les même, donc je reviens a ma question de départ. Comment fait-on pour que ce soit uniquement le bloc centrale qui change de contenu??
 
Merci d’avance

Reply

Marsh Posté le 21-08-2006 à 09:02:10    

ben tu changes le code du bloc central uniquement, tout ce qui est en cache va pas se recharger.  
 
j'imagine qu'on va pas parler d'include server-side ou autre langage dynamique?


---------------
IVG en france
Reply

Marsh Posté le 21-08-2006 à 09:31:36    

Oui on va eviter de parler d'include server-side ou autre langage dynamique car j'ai juste utilisé un menu deroulant avec des sous menu en java. Changer le code du bloc ok, mais je dois l'enregistrer dans un nouveau fichier html??
Par exemple si je suis sur la page d'accueil et que je clic sur le lien presentation, ce lien doit il etre un copier-coller de ma page d'accueil avec juste le code du bloc centrale qui est changé? Car comme tu as dit tout ce qui est en cache va ne se recharge pas.
 
Desolé si cela te semble evident mais cela ne l'est pas encore pour moi :)

Reply

Marsh Posté le 21-08-2006 à 09:37:00    

effectivement, tu devrais lire un ou 2 tutoriaux de html avant ;)
 
tu as une liste de liens sur cette page pour debuter comme il faut: http://css.alsacreations.com/Comme [...] nformation  
 
sinon, oui tu copies/colles ton code dans un nouveau fichier .html en changeant ce que tu veux dans le bloc central. apres tu dois pas oublier de changer les liens du menu evidemment.
Menu qui si possible se fait sans javascript (et non pas java), mais en css/html uniquement, sauf cas specifique c'est pas necessaire et plus genant qu'autre chose.


---------------
IVG en france
Reply

Marsh Posté le 21-08-2006 à 10:18:36    

Merci beaucoup Uriel
 
Je lirai ces tutoriels ce soir car pour le moment je suis sur mon lieu de travail :) et concernant le menu j'aurai preferai le faire uniquement en html et css mais je n'ai trouvé que le javascript pour faire des sous menu qui s'affichent au passage de la souris. J'ai lu aussi sur des forums que le javascript était justement reservé pour gérer les aspects dynamiques et que le css est uniquement reservé a la mise en forme.  
En plus mon navigateur IE bloque le menu en java si tu as une autre solution que le java, je suis preneur!!
 
merci :)


Message édité par Teddyted le 21-08-2006 à 10:19:55
Reply

Marsh Posté le 21-08-2006 à 10:23:44    

c'est javascript, pas java [:icon4]
 
quant aux menus en pure css ca existe, tu trouveras divers exemple sur le web, sinon il y a http://css.maxdesign.com.au/listamatic/ (en) qui en donne beaucoup.
ou ici en francais: http://css.alsacreations.com/Const [...] horizontal


---------------
IVG en france
Reply

Marsh Posté le 21-08-2006 à 10:39:15    

J'ai posté mon message puis corrigé quelques secondes aprés :)  
desolé....

Reply

Marsh Posté le 22-08-2006 à 02:01:49    

Teddyted a écrit :

Désolé, je ne l’ai pas précisé mais je suis débutant et ca ne fait qu’une semaine que j’apprends le XHTML et CSS. Donc j’ai réussi à faire la page d’accueil qui n’est pas trop mal :) . Mais voila, avoir une page d’accueil c’est bien mais maintenant je me demande comment on fait pour créer les autres pages ??
Je souhaite que le menu et l’entête reste toujours les même, donc je reviens a ma question de départ. Comment fait-on pour que ce soit uniquement le bloc centrale qui change de contenu??
 
Merci d’avance


BAh tu recopies ou tu utilises un brin de php pour gérer le "bloc central" ;) Certains appellent ça pseudo frame...
 
En gros tu laisses ton contenu fixe qui peut être en HTML pur et tu ajoutes une partie dynamique selon un paramètre de l'URL qui si on reste en HTML pur (comprendre pas de dynamique) ne fait qu'inclure un fichier HTML sans l'entête :)
 
STP pas de frames html ;) Au pire regarde côté php et demande de l'aide :)

Reply

Marsh Posté le 22-08-2006 à 02:01:49   

Reply

Marsh Posté le 23-08-2006 à 13:34:01    

Merci pour l'aide, il faut que je termine mes modifications sur ma page d'accueil car j'ai laissé tombé le menu a plusieurs niveaux, je réalise quelques pages supplémentaires. Je mettrai le tout en ligne pour avoir une critique de mon code :)  
 
Salut

Reply

Marsh Posté le 23-08-2006 à 14:33:00    

cgvghvj

Reply

Marsh Posté le 23-08-2006 à 14:37:52    

uriel a écrit :

quant aux menus en pure css ca existe


qu'entends-tu par "menu en pure css" ?

Reply

Marsh Posté le 23-08-2006 à 14:39:00    

-- ouais nan rien, j'ai compris --
 
(je croyais que tu parlais d'un menu qui était stocké dans le CSS, comme un include :pt1cable:)

Reply

Marsh Posté le 23-08-2006 à 14:39:01    

MagicBuzz a écrit :

qu'entends-tu par "menu en pure css" ?


menu deroulant, rollover+list. cf le site listamatic.  
 
 c'est de ça que je parlais, sinon effectivement, y a certains menu qui demandent plus que des css


---------------
IVG en france
Reply

Marsh Posté le 23-08-2006 à 14:40:13    

ouais nan, surtout moi je bloquais sur le coup des includes (c'est vraiment d'la merde le HTML quand on n'a pas d'include côté serveur...)
 
et je croyais que tu parlais d'un truc pour foutre le menu direct dans la CSS et tu me faisais peur :D

Reply

Marsh Posté le 23-08-2006 à 14:40:26    

non non :D


---------------
IVG en france
Reply

Marsh Posté le 23-08-2006 à 16:13:39    

Qu'est ce que des includes???? :)

Reply

Marsh Posté le 23-08-2006 à 16:23:05    

Imagine que tu as un petit site :
 
index.htm


<html>
  <head>
    <title>Accueil</title>
  </head>
  <body>
    <h1>Bienvenue sur mon site</h1>
    <h2>Menu</h2>
    <ul>
      <li><a href="index.htm">Accueil</a></li>
      <li><a href="monchien.htm">Mon chien</a></li>
    </ul>
    <h2>News</h2>
    <dl>
      <dt>22/08/2006</dt>
      <dd>Il s'est passé plein de trucs</dd>
      <dt>21/08/2006</dt>
      <dd>Me suis fait chier</dd>
      <dt>20/08/2006</dt>
      <dd>J'étais même pas là</dd>
    </dl>
    <h2>Ce que j'ai à raconter</h2>
    <p>Il était une fois, un petit site web qui était très joli...</p>
  </body>
</html>


 
monchien.htm


<html>
  <head>
    <title>Mon chien</title>
  </head>
  <body>
    <h1>Voici mon chien</h1>
    <h2>Menu</h2>
    <ul>
      <li><a href="index.htm">Accueil</a></li>
      <li><a href="monchien.htm">Mon chien</a></li>
    </ul>
    <h2>News</h2>
    <dl>
      <dt>22/08/2006</dt>
      <dd>Il s'est passé plein de trucs</dd>
      <dt>21/08/2006</dt>
      <dd>Me suis fait chier</dd>
      <dt>20/08/2006</dt>
      <dd>J'étais même pas là</dd>
    </dl>
    <h2>Que mange-t-il ?</h2>
    <p>Des croquettes, des chaussures, des pieds de table...</p>
  </body>
</html>


 
Maintenant, tu veux rajouter une news, ou une nouvelle page : tu dois te faire chier à modifier toutes les pages pour mettre les infos en question. Chiant à faire et source d'erreurs/oublis.
 
Et là, hop ! Tu as accès aux include côté serveur. Ca te fait 4 pages :
 
menu.inc


    <h2>Menu</h2>
    <ul>
      <li><a href="index.htm">Accueil</a></li>
      <li><a href="monchien.htm">Mon chien</a></li>
    </ul>


 
news.inc


    <h2>News</h2>
    <dl>
      <dt>22/08/2006</dt>
      <dd>Il s'est passé plein de trucs</dd>
      <dt>21/08/2006</dt>
      <dd>Me suis fait chier</dd>
      <dt>20/08/2006</dt>
      <dd>J'étais même pas là</dd>
    </dl>


 
index.htm


<html>
  <head>
    <title>Accueil</title>
  </head>
  <body>
    <h1>Bienvenue sur mon site</h1>
    <!-- #include file="menu.inc" -->
    <!-- #include file="news.inc" -->
    <h2>Ce que j'ai à raconter</h2>
    <p>Il était une fois, un petit site web qui était très joli...</p>
  </body>
</html>


 
monchien.htm


<html>
  <head>
    <title>Mon chien</title>
  </head>
  <body>
    <h1>Voici mon chien</h1>
    <!-- #include file="menu.inc" -->
    <!-- #include file="news.inc" -->
    <h2>Que mange-t-il ?</h2>
    <p>Des croquettes, des chaussures, des pieds de table...</p>
  </body>
</html>


 
Ainsi, si tu veux ajouter une news, tu n'as qu'à modifier un seul fichier, et ça va mettre à jour toutes les pages de ton site. Idem pour le menu.


Message édité par MagicBuzz le 23-08-2006 à 16:23:42
Reply

Marsh Posté le 23-08-2006 à 16:26:45    

Quand tu fais un <link> avec une page CSS par exemple, c'est typiquement un include côté client.
Seul hic, on ne peut pas le faire pour du contenu HTML (y'a bien des bidouilles, mais qui sont soit lourdes, soit non supportées par tous les navigateurs, soit non conformes au W3C (et souvent, les 3 à la fois ;))
Rien que pour ça, les include côté serveur sont très intéressants.
 
A noter que le serveur n'a pas besoin de supporter PHP ou autre pour accepter les include côté serveur. C'est un module "à part" dispo sur IIS ou Apache en standard. Il faut juste l'activer. tu peux vérifier à tout hasard si ton hébergeur les supporte.
Copie/colle mon exemple avec les 4 pages, tu verras ce que ça donne chez ton hébergeur ;)


Message édité par MagicBuzz le 23-08-2006 à 16:27:09
Reply

Marsh Posté le 23-08-2006 à 17:36:38    

Merci pour l'exemple je vais regarder ca ce soir tranquillement. Justement en parlant d'ebergeur je souhaiterai en trouver un temporaire juste histoire de mettre en ligne mon site et de corriger les bugs. Quelqu'un peut me conseiller???
Merci
 

Reply

Marsh Posté le 23-08-2006 à 17:58:46    

si t'as un nom de domaine, tu peux t'héberger tout seul sans problème même chez toi.
 
sinon, regarde chez ton FAI tout simplement dans un premier temps.

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed