Forum Programmation.web Architecture d'une page web "propre".

Posté par  .
Étiquettes : aucune
0
25
mar.
2005
Il y a quelque temps, une entrée de forum demandait comment bien concevoir un fichier xml [1], et parmi les réponses, j'avais proposé le lien [2] qui donne un avis assez pertinent sur la question.
Auriez-vous un équivalent sur les pages web en elles-mêmes, car j'ai l'impression qu'à trop vouloir sacquer la pagination en tableaux, on tombe dans la même galère avec les div. Dans quels cas utiliser ceux-ci "proprement", dans quels cas ne pas les utiliser ? Dans quels ordre les placer ? bref, ce genre de choses.
Je me pose ces questions, car je suis en train de développer une appli web, et pour me simplifier (?) la vie, j'ai tout casé dans des divs. Le fichier final a à peu près cette structure :

  • Un formulaire qui contient

    • Un div d'Id "Ecran" (la zone de travail de l'application)

    • Un div d'Id "Panneau" qui contient les boutons d'inter-action avec la zone précédente


  • Un div d'Id "Informations" qui donne une information succinte sur l'écran présenté ci-dessus

  • Un div d'Id "StatusOk" (s'il y a lieu) qui donne un message confirmant le bon déroulement de la dernière action effectuée

  • Un div d'Ip "StatusKo" (s'il y a lieu) qui contient les éventuels messages d'erreurs retournés par la dernière commande

  • Un formulaire contenant
    • un div d'Id "Menu" qui présente un menu dynamique que j'aimerai faire ressembler à celui présenté sur openweb[3] (c'est en cours, mais c'est pas ça qui est ça...)




    Cette structure vous parrait-elle justifiée ? Ne vaudrait-il pas mieux passer le menu en premier ? Changer les div Status{Ok,Ko} en p ? Bref, quelles sont vos expériences dans le domaine ?
    Mes pages sont valides xhtml, et utilisent les CSS autant que faire ce peu, mais je ne suis que moyennement satisfait du résultat, et j'aimerais vraiment avoir votre avis sur la question.
    Par avance merci pour vos suggestions, liens, critiques (tapez pas trop fort quand même), etc.
    Bon WE @ tous !

    [1] : http://linuxfr.org/forums/32/7536.html(...)
    [2] : http://www.w3schools.com/xml/xml_attributes.asp(...)
    [3] : http://www.openweb.eu.org/articles/menu_universel/annexes/variante.(...)

  • # Un site interessant

    Posté par  . Évalué à 3.

    Je ne sais pas repondre a toutes tes questions mais j'ai trouve un article interessant qui s'appelle "trop de div tue le div"

    http://www.alsacreations.com/articles/economie/(...)

    et le reste du site est interessant aussi :

    http://www.alsacreations.com/articles/(...)

    -- Vincent

  • # La sémantique

    Posté par  . Évalué à 4.

    Openweb le dit mieux que moi, mais le plus important à respecter pour les balises est la sémantique du contenu.

    Exemple : tu dis toi -même que tu pourrais passer les div status en p. La raison de cette modification, c'est si dans status tu n'as que du texte. Il paraît alors raisonnable d'utiliser la balise p.

    Autre exemple : si ton menu est dans le style de celui d'openweb, il ya de grandes chances que ce soit une liste. Pourquoi ne pas utiliser la balise ul dans ce cas ?

    Un petit dernier pour la route : si Ecran et Panneau ne contiennent que des champs de formulaires, la balise fieldset est ton amie.

    Il est intéressant de regarder la liste des balise : http://www.w3.org/TR/html4/index/elements.html.(...) On n'utilise jamais trop de balises différentes.

    --
    Thomas

    • [^] # Re: La sémantique

      Posté par  . Évalué à 2.

      Je vous réponds à tous les deux d'un coup ici même.
      D'abord merci pour ces quelques infos. Je n'ai pas encore eu le temps de lire les articles pointés du doigt par Vincent, mais je pense que pendant ces trois jours j'en trouverais.
      Le coup de la sémantique, j'y avais pensé, mais visiblement, c'était pas conscient ;-) ! Je vais relire "la carte n'est pas le territoire d'Alfred Korzybski", pour la peine.
      Du coup, j'ai tout reposé à plat, et j'ai épuré ce beau merdier que j'étais en train d'écrire. Il ressemble enfin a quelque chose (et même exactement à ce que je voulais, c'est tip-top). Seul hic, je n'ai pas tout compris concernant le menu d'openweb, en particulier pourquoi le simple fait d'effacer le <p id="access"> du début fout le menu en l'air....
      Et pourtant, j'aimerais bien comprendre.
      J'ai bien essayé de coller toute la structure du menu avant le texte, pour que celui-ci soit à sa place dans le flux html, sans succès.
      Enfin, c'est pas trop grave.
      Si une bonne âme veut bien m'expliquer ça, je suis quand même prenneur.
      Je voudrais aussi que le menu ne bouge pas (position: fixed), et je ne sais pas si c'est compatible avec ce qui est fait sur openweb.
      J'y regarderai mardi, car là... Ben j'vais faire comme tout le monde : me reposer !
      Sur ce, bon WE à tous.
      P.S. : pour mon menu, c'est vrai que je ne l'avais pas indiqué, mais j'avais fait comme sur openweb, avec des paragraphes et des listes, mais j'avais inclus tout ça dans un div, allez savoir pourquoi....

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.