Discussion :

[FLIGHTY]

Bonjour,
J'ai créer il y a quelques temps un site http://www.rumegiesmeteo.fr

J'essaye de rendre mon site plus dynamique grâce à php...

J'avoue être un peu perdu...

En fait je me perd un peu dans la structure css - php - xhtml.
Je m'explique:

Mes objectifs:

- Faire en sorte que l'image de fond ne soit chargée lors du chargement de la premiére page
- Faire en sorte que le menu ne soit chargé que la premiére fois
- Scinder la feuille de style afin qu'elle ne soit chargée que la premiére fois et que le style puisse être modifié rapidement (en fonction des saisons par exemple)

En résumé faire en sorte que la naviguation dans le menu soit plus rapide et éviter que tout ce qui est commun ne soit rechargé à chaque changement de page. Donc seul le contenu ne changerais dans la zone prévue à cet effet.

Actuellement le menu est intégré dans chaque page et l'image de fond est assemblée.

Je cherche comment procéder pour savoir que mettre dans
- la feuille de style
- la page sur laquelle on navigue
- le fichier menu

En tenant compte
- que la page doit s'adapter à la taille de la fenêtre d'affichage
- des problèmes de sécurité du aux includes
- qu'il ne doit pas y avoir de réécriture d'adresses pages.

En fait je suis perdu parce que je comprends php, xhtml et css mais je ne sais pas par ou attaquer le problème. Avant j'utiliser un éditeur izispot qui est super pour les débutants mais dont les possibilitées sont limitées à partir du moment ou on veut dynamiser un site. Je ne sais pas trop comment m'y prendre pour arriver à assembler l'ensemble. (image de fond menu et contenu)

Je cherche une méthode pour assembler le tout...

Merci de m'aider ou de me diriger vers un tuto.

Dominique

[keaton7]

Salut,

Si je comprend bien, tu cherches a realiser un site avec les avantages de la technologie AJAX. Plus simplement, il te faut charger le contenu d'une page dans une div specifique. Ce n'est pas tres complique quand on prend le morceau par le bon cote disont.

De ce que je sais (modestement bien sur, je ne suis pas une reference), et de ce que je lis, tu devrais :
- Commencer par comprendre les mecanismes de l'AJAX grace au tuto Mozilla que je trouve bien fait :
https://developer.mozilla.org/fr/AJAX/Premiers_pas

Ca, ca va te permettre de comprendre comment charger le contenu d'une page dans un element (un calque precisemment).

Pour penser a une utilisation pratique, tu vas pouvoir appeller ta page avec tous tes elements, en tete, menu a gauche, pied de page avec ton copyright, ou ta déclaration CNIL, ou ce que tu veux, et un grand calque au milieu avec un contenu.

Grace aux connaissances acquises dans le tuto, tu vas faire une requete HTTP en AJAX pour modifier le contenu ce grand calque au clic sur un lien du menu pour le faire charger un autre contenu. Moralite, il n'y a que le contenu qui change.

Pour ma part, je commencerai par la.

Voila ^^.

[FLIGHTY]

OK
Je vais lire le tuto est voir ce qu'il en est...
Mais cela ressemble à ce que je voudrais..
Merci.
Je tiens au courant...
Toutes autres infos bienvenue...

[FLIGHTY]

Ben non: l'ajax égal chinois...
suis encore plus pommé...
DOMINIQUE

[keaton7]

Le truc, c'est que ce a quoi tu fais reference dans ton premier post, c'est plus ou moins ca. Lis le tuto, et essaie d'appliquer ca dans un un exemple. Ca tombera pas tout cuit. Sinon il faut te tourner vers un CMS deja optimise.

[FLIGHTY]

Bien écoute non pour ma part je veux rester avec css-html et php.
Merci quand même.
DOMINIQUE

[12monkeys]

Bonjour

Mes objectifs:

- Faire en sorte que l'image de fond ne soit chargée lors du chargement de la premiére page
- Faire en sorte que le menu ne soit chargé que la premiére fois

Bien écoute non pour ma part je veux rester avec css-html et php.
Merci quand même.
DOMINIQUE

Dans ce cas tu ne pourra le faire que avec des frames, ce qui est fortement déconseillé (pas mal de discussions sur le forum html indiquent pourquoi)

Toutes les autres solutions (pseudo frames php, inclusion de fichiers...) vont nécessiter le rechargement de la page...

- Scinder la feuille de style afin qu'elle ne soit chargée que la premiére fois et que le style puisse être modifié rapidement (en fonction des saisons par exemple)

Pour externaliser une feuille de style, une réponse ici : http://xhtml.developpez.com/faq/?pag...r_lien_externe

[FLIGHTY]

Regarde

Voici un aperçu de mon essais:
http://www.rumegiesmeteo.fr/testb.php

Si on clic sur accueil plusieurs fois, on voit que tout est rechargé.
( ne clic que sur accueil sinin tu sort du test!!! pas grave mais ennuyeux c'est un test lol)
Je comprends pas parce que normalement en utilisant include en php et en scindant la feuille de style, ce que j'ai fais dans le test, normalement seul le contenu devarit changer! l include n'est utilisé que pour le meny qui lui aussi est séparé.

[12monkeys]

Oui tout est rechargé, c'est normal, c'est ce que je te disais dans mon précédent message.

Quand tu clique sur accueil tu recharge la page testb.php, qui va faire appel au serveur pour te récupérer les fichiers php inclus...

Si tu n'en veux pas utilises soit les frames (déconseillé) soit ajax qui est fait pour ça.

[FLIGHTY]

Bon allez je pense que j'y suis plus ou moins arrivé:::

Je vous invite à venir voir et puis vous me direz ce que vous en pensez!!!!

WWW.RUMEGIESMETEO.FR


Bon surf!!!

[FLIGHTY]

Bonjour,
J'ai beaucoup travailler et compris pas mal de choses grâce à votre forum et surtout vos tutos.
J'ai complettement refait mon site www.webcamvoyages.fr . Là miracle, il est valider CSS et XHTML suivant les normes W3C. (L'autre site sité plus haut est en cours de transformation) J'aimerais avoir l'avis de pros afin de m'encourager et éventuellement corriger des erreurs.
Merci

[keaton7]

C'est pas mal, l'idée est sympa

Attention au double ascenseur, c'est toujours un peu pénible a gérer a la navigation.

Les changements de divs sont un peu sensibles, il vaudrai peut-etre mieux mettre des clics la place des :hover, par exemple quand je selectionne l'espagne, je descend mon pointeur pour choisir une cam et pouf, j'ai change de page parce que j'ai eu le malheur de survoler un autre creneau de pages.

Sinon beaucoup de pubs google, en meme temps, c'est toujours moins pénibles que des bannières qui clignotent

La police comic sans ms est pas très fun (malgre son nom), peut-être que pour le titre (tout en haut) il faudrait sortir photoshop et mettre une petite image, un logo, et une police plus sympa

A noter que le soulignement est réservé aux liens !

Ptet mettre un peu moins de cams avec des vignettes plus grosses, parce que je me sens un peu a l'etroit quand j'ai le cadre vert qui apparait en gros au milieu des petites vignettes. Essaie sinon sans le grand cadre bleu principal, c'est ptet lui qui est cause.

On est tous super fiers quand on voit du vert a la validation w3c, mais un site n'est pas un poulet, pas la peine de coller tous les labels

Voila, sinon c'est pas mal

[FLIGHTY]

Merci pour les conseils, on va travailler cela à nouveau...