[débutant] Besoin d'aide pour refondre un site un peu lourd

Bonjour à tous,
le site en question : http://lagoutte.monette.perso.neuf.fr

Au départ site fait par un glandu avec word, je l'ai repris et épuré avec dreamweaver
La priorité a été de construire toutes les pages.

Je voudrais refaire complètement le site, pas forcément l'apparence (toutes vos remarques seront prise avec attention tout de même, le style se voulait épuré pour mettre en valeur les photos) mais plutot la structure, pour notemment alleger la mise à jour et l'ajout de nouvelles pages

1/ Les pages sont en html sauf un petit code en php pour aspirer des stats (outil utilisé: Spongestat en web2.0 assez pratique), d'où des fichiers en .php

2/ le diaporama silmpleviewer est dur à utiliser: je suis obligé de faire des pages dans chaque répertoire où sont les photos pour que tout fonctionne et recopier à chaque fois le fichier flash, il doit y avoir plus simple .Je n'arrive pas à le faire fonctionner en lui donnant un lien relatif. (besoin du fichier flash, du fichier javascript, du fichier gallery xml et des repertoires thumbs et images dans le même répertoire que la page de diaporama)

3/ je voulais utiliser le css pour gérer les styles, et la j'e me suis penché sur le bord du puits. Je suis tombé dedans! Après de multiples recherches sur le net sur les sites et forums dédiés je ne me suis toujours pas fait de philosophie sur le sujet:
faut-il réaliser des pages en frame et frameset sachant que finalement quatres types de pages existent ? ( Accueil, catégories liés aux boutons, sous catégories avec un bouton remontant vers la catégorie et enfin les pages de diapo)?, peut-on définir des séparations de page type en css? Faut il mieux rester dans le standard page simple avec des div et des tr? autant de question pour lesquels je ne suis même pas sûr de les exprimer clairement.. Et je suis toujours en trains de lire les tuto de votre excellent site

Merci pour toutes les remarques que vous voudrez bien me faire!

Bonjour et bienvenue sur le forum,

Je déplace ton sujet car il n'est clairement pas au bon endroit (la section critique est là pour accueillir des critiques sur des travaux fini et en accord avec les principes d'alsacréations (standards, accessibilité...).

clusterparadize a écrit :

faut-il réaliser des pages en frame et frameset sachant que finalement quatres types de pages existent ? ( Accueil, catégories liés aux boutons, sous catégories avec un bouton remontant vers la catégorie et enfin les pages de diapo)?, peut-on définir des séparations de page type en css? Faut il mieux rester dans le standard page simple avec des div et des tr? autant de question pour lesquels je ne suis même pas sûr de les exprimer clairement..

J'avoue que là, même avant d'avoir vu le site, j'ai peur (et malheureusement, mes peurs se sont confirmées) :
* Les frames c'est has-been, c'est pas pratique et c'est (très) rarement accessible ; il vaux mieux les éviter.
* La mise en forme par tableau, c'est le même topo ; il vaut mieux les éviter également.
* Restent ce que tu appelle les div, où l'important est surtout de bien comprendre comment baliser son texte de façon logique avec les éléments HTML mis à notre disposition (sémantique) et mettre en force ce contenu avec CSS.

Te faire un topo de toute les bonnes pratiques à mettre en place serait un peu long, donc je vais passer, mais je te conseille quelques pistes de recherche :
* La section Apprendre di site regorge d'articles, d'astuces et de tutos très utiles
* Les recommandations d'Opquast valent le coup d'être suivi (dans la mesure du possible)
* N'hésite pas à poser tes questions sur le forum.

Merci Laurie-Anne pour ces éclaircissement,

mes questions concernant les frames etc.. sont essentiellement dûes à la raison d'être du web: l'archivage. En faisant des recherches sur des outils et astuces ont trouve beaucoup de données périmées, d'où mes question pour faire la part des choses.

Je poursuis mon apprentissage dans vos tutos et suis à l'écoutes de vos remarques plus générales (en effet mon code n'est pas encore au top, à l'image de ma connaissance du html à la base, mais sa va venir)

a+

Salut,

clusterparadize a écrit :
mes questions concernant les frames etc.. sont essentiellement dûes à la raison d'être du web: l'archivage. En faisant des recherches sur des outils et astuces ont trouve beaucoup de données périmées, d'où mes question pour faire la part des choses.

Alors tu es au bon endroit, car ici les ressources sont ajoutées et révisées régulièrement, bon nombre de contenus obsolètes ont été supprimés ou refondus pour correspondre aux avancées en matière de création web.
Bon courage pour apprendre, c'est dur au début, mais une fois assimilé, la création de site est beaucoup plus simple et plus pratique.

Merci pour vos conseils et tutos.

J'ai bien travaillé je pense pour me rapprocher des standards actuels. Le travail n'est pas fini!
Pouvez vous m'aider pour un point pour lequel je n'arrive pas à trouver de piste:

la page de test nouvelle formule est cette fois Hors ligne depuis)

Pour les boutons (image de 225 sur 45 px), je n'arrive pas à avoir une taille fixe pour chaque bouton avec un texte centré dans le bouton et ne dépassant pas de ceux ci en cas de redimensionnement de la page (zoom). je n'arrive qu'à avoir ceux sur la page test et ils sont pas glamour


Merci pour vos réponses
Modifié par clusterparadize (11 May 2010 - 22:04)

Bonjour à tous,

j'ai un peu travaillé et ne suis pas trop mécontent des pages diapo nouvelles versions (dispo sur l'adresse du site, voir mon profil si vous voulez). Mais la, je sèche complètement. Sur la page disponible ici j'ai un résultat super sur firefox: les images en lignes avec le texte dessous et lorsque je réduis la taille de la fenêtre tout se met à la ligne proprement. Sur safari, idem. MAIS sur internet explorer c'est le bazar, les images se mettent sur deux lignes décalées une sur deux et en réduisant la fenêtre alors la c'est encore plus le bazar. Je n'arrive pas à comprendre ce qui est mal interprété par IE. A part des spécialistes comme vous je ne vois pas comment m'en sortir et je tourne en rond à changer à l'aveugle les paramètres. Le code css est la
Merci de vos lumières de pro!
Modifié par clusterparadize (15 May 2010 - 23:08)

Sous IE6, tout semble normal (les images apparaissent sur deux lignes, mais c'est normal, elle ne vont pas au dela de mon écran).

En effet sous IE6 tout est normal (j'ai vérifié au bureau ), en revanche sous ie8, il ajuste en auto l'écart entre les trois premières images et passe les deux autres à la ligne en les centrant également soit ceci: Copie écran
Le tout devient confus quand on ne met pas la fenêtre de l'explorateur en pleine page. Comment cela se fait-il? comment être sûr que ie8 interprète bien la page, faire un hack spécial?

En fait j'ai trouvé un site qui permet de tester les différents browser et c'est juste ie8 qui bug, je pense que je ne vais pas trop me prendre la tête..browsershots
Modifié par clusterparadize (13 May 2010 - 15:16)

Bonjour,
j'ai toujours du mal à comprendre pourquoi internet explorer ne gère pas la mise en page de mes éléments vignettes et ne les mets pas en lignes avec un texte sous l'image comme pourtant bien géré par les autres navigateurs. voir cette page http://lagoutte.monette.perso.neuf.fr/Recit_de_voyage.php par exemple

je reste preneur d'idée de correction de mon css
merci de votre aide

A bientôt