Journal Besoin d'aide :)

Posté par  (site web personnel) .
Étiquettes : aucune
0
26
avr.
2003
Salut à tous,

j'avais mis un post précédent il a qq temps à propos de mon site perso, après un peu (bcp!) de boulot, j'ai refait pas mal de choses dans ce site (en autres la certification xhtml 1.0 et css).
Vous noterez qu'il y a quand même des progrès depuis le dernier post...

Je voudrais juste, que vous vérifiiez que tout passe bien sur les navigateurs linuxiens (Konqueror, etc...), surtout la page "skins !".
(c'est elle qui me fait des soucis)

L'url : http://dominique.hoffmann.free.fr .

J'anticipe les râleurs :
- il faut accepter les cookies sinon ça déconne (je suis en train de lorgner sur les css alternatives pour me débarrasser de ce pb).
- il y a des frames (certains y sont allergiques, désolé)
- c'est peut-être un peu lent à charger (Free, c'est gratuit, mais pas le plus rapide).
- je ne veux pas me faire de pub, c'est juste dans l'optique de vérifier que tout fonctionne bien (comprenez ça comme me rendre un piti service ?)

Autre chose, je cherche des infos sur la WAI compliance, à part sur le w3c, je peux trouver ça où ?

Merci à ceux qui répondront !

  • # Ok, tu as anticipe les frames, mais...

    Posté par  . Évalué à 4.

    Tu devrais serieusement les abandonner. On peut avoir exactement le meme comportement avec des include et des feuilles de style, et ca resoud plein de problemes.

    Avec des frames:
    * on a toujours la meme adresse dans la barre de titre, alors que normalement un navigateur affiche un document, donc une url unique.* chaque page de ton site sera indexee independement par les moteurs de recherche.
    * on ne peut pas faire de lien direct vers une page de ton site (ou plutot on peut le faire, mais on perd la navigation)

  • # Ce n'est pas une allergie

    Posté par  (site web personnel) . Évalué à 5.

    Pour les frames ce n'est pas une allergie mais aussi une question d'accessibilité :
    - Avec les frames impossible de mettre un bookmark sur une page sans perdre le menu du site,
    - Pour un navigateur braille ou texte (non-voyants, mal-voyants,...) c'est l'horreur,
    - On ne peut pas faire un lien vers une page particulière de ton site,
    - Ca fait chier les robots des moteurs de recherches

    L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    Sous Galeon 1.3.3 les skins marchent bien.
    Par contre au niveau ergonomie, dès qu'on clique sur un skin on revient automatiquement à la page d'acceuil, je trouve ça nul. Pour tous les tester, il m'a fallu revenir sur skin à chaque fois.
    De plus, dans la frame menu, la texte est blanc et déborde sur le cadre qui le contient, résultat : avec glace ou néon, ca devient illisible.
    Et pour terminé, vu que tu utilises du php pour faire ta frame menu, intègre le direct dans chaque page, cela reviendra au même.
    Voili, voilou.

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à 1.

      ...qu'on clique sur un skin on revient automatiquement à la page d'acceuil

      On m'a déjà fait la remarque, et c'est totalement vrai. Je vais essayer de remédier à ce pb !

      Et pour terminé, vu que tu utilises du php pour faire ta frame menu, intègre le direct dans chaque page, cela reviendra au même.

      C'est-à-dire ? Je ne suis pas sûr de t'avoir compris.
      Tu veux me dire que le php qui me permet de faire le skin doit être intégré à chaque page ?

      • [^] # Re: Besoin d'aide :)

        Posté par  . Évalué à 3.

        Je suis pas un spécialiste, mais je me suis fais expliqué le truc pour un site que je compte faire.
        J'ai expliqué à un pot que je voulais faire une frame pour le menu, et il m'a dit de prendre mon menu.html, de le mettre en .php, puis dans mes pages du site, genre index.html, de commencer par une balise php qui dit "charge menu.php" et ensuite continuer en html tranquillou, comme ça, je n'ai plus besoin de la frame. Mais bon, comme je n'ai pas encore essayé, je peut pas en dire plus, par contre ici (dur linuxfr), doit bien y avoir quelqu'un pour dire si oui ou non je retranscri bien la chose, ou si ce que je dis ne s'applique pas à ton cas à cause des skin justement.
        Je t'avouerai que ceci est mon unique connaissance web (chacun xon truc) et comme je pense qu'elle pourrait te servir, je te l'ai dite dans la foulée des remarques :)

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    Pas d'autre choix que de se laisser emporter par le sujet :) le WAI est une philosophie 8)

    sinon un bon point de départ :

    * www.accessify.com [en]
    * www.dublincore.org [en]
    * www.madeforall.com [en]
    * www.oasis-open.org [en]
    * www.openweb.eu.org [fr]
    * www.w3c.org [en]
    * www.webstandards.org [en]

    Pas fini mais déjà 'un peu' une bonne synthèse pour partir à la découverte de HTML ;)
    http://www.l0t3k.org/programming/docs/html/en/(...)

    Et pour découvrir l'accessibilité sous un angle linuxien :
    http://www.l0t3k.org/linux/docs/accessibility/(...)

    Une section /WEBMASTER/ACCESSIBILITY est en cours de construction :)

    A LIRE LE LIVRE de Joe Clark "Building accessible websites" (NEWRIDERS).

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à -1.

      Tu pourrais au moins éviter d'utiliser des tables pour la mise en page de ton site :)
      "Faites ce que je dis pas ce que je fais" ?

      L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à 2.

      Je vais paraitre vieux jeux mais au niveau lisibilite http://www.l0t3k.org/(...) n'est pas top ! Je n'ai toujours pas trouve les documents soit-disant references par les liens.

      • [^] # Re: Besoin d'aide :)

        Posté par  . Évalué à 2.

        tu peux être + explicite ?

        • [^] # Re: Besoin d'aide :)

          Posté par  (site web personnel) . Évalué à 1.

          Bon je viens d'y passer un peu plus de temps (5') sur le second lien et je viens de trouver les liens completement en bas de page ! Au passage le doc rdf n'existe plus (404).

          Le cadre orange en haut de page est incomprehensible. Les trois blocks juste en dessous n'ont aucun rapport non plus. Si le butineur n'est pas ouvert en 1200x1024 avec de petites fonts, on ne voit pas la section document. Sur le second lien la colonne de droite est vide mais elle prend 1/3 de la largeur. La barre le lien en haut en gris et la colonne de navigation ne se completent pas et ne facilitent pas la navigation. Visuelement le site est beau (en tout cas suivant mes criteres esthetiques) mais la mise en valeur des documents et les news est a revoir.

          A+

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    Bjr

    Sous konqueror (3.0.4) pas eu de problème.

  • # Re: Besoin d'aide :)

    Posté par  (site web personnel) . Évalué à 1.

    Je précise un truc : ce site n'est encore qu'une étape, les frames vont disparaître uniquement quand j'aurais trouvé un moyen d'alléger le moteur du site qui permet le skinnage.
    (qui a dit css alternatives ? ;-) )

    Pour les tableaux, il faut que j'en sache plus sur les css (j'apprends vite, mais il faut quand même du temps), donc ça devrait arriver d'ici qq temps.

    Merci pour vos avis, et à ceux qui ont testé pour les navigateurs !

    Si vous pouviez m'indiquer pour les autres navigateurs...

    • [^] # Re: Besoin d'aide :)

      Posté par  . Évalué à 2.

      Sur mon Mozilla 1.1 (mdk9.0) c'est bon tout passe, le changement de skin aussi.

      Virer les frames semblent assez essentielles. ;)

      Si tu veut virer complètement les tableaux, tu auras quelques soucis avec bordures en images actuelles donc regarde cette méthode(si c'est pas déja fait ) de monsieur jouanneau :
      http://ljouanneau.free.fr/standards/css/cadre/(...)

      Elle fonctionne sur IE5->6, netscape6, mozilla (pas testé plus que 1.1), Konqueror à ma connaissance. Je sais que sur le IE de mac il y a quelques petits problèmes.
      Mais vis à vis du respect WAI,bobbit,etc.. par contre est ce bien légitime..?

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    Galeon 1.2.5 mandrake 9.0 --> OK

    Mais dépèche toi d'abandonner les frames. Oh Oui. Ca c'est sûr. Oulala. Pas de frame, non non. pfiou. C'est pas beau les frames:-)

    Bon courage pour ton site.
    Bien à toi.

    F. Y. Le Gall

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    Pour dire qu'un site est aux normes du w3c, il faut que toutes ses pages soient aux normes. Or edito.php ne l'est pas.
    Sinon c'est clair qu'il faut se débarasser des frames : ça casse la structure du document, ça casse l'historique, ça empêche de bookmarker convenablement, ça embête les moteurs de recherche, ...
    Avec galeon 1.2.8, ton site ne marche pas, cliquer sur les liens ne fait que changer le thème. Ça marche pas mieux avec w3m (qui pourtant gère les frames).

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à 1.

      L'erreur est humaine : je testais mon site en éditant la source, et non en linkant directement l'url de mon fichier (d'où l'impossibilité de voir cette erreur, vu qu'elle n'apparaît que dans ce cas).
      Donc la petite erreur est corrigée, et cette fois, c'est bon, les pages sont compatibles w3c ! Ouf !

  • # Re: Besoin d'aide :)

    Posté par  (site web personnel) . Évalué à 2.

    Pour la validation W3C il faudra repasser :

    http://validator.w3.org/check?uri=http%3A%2F%2Fdominique.hoffmann.f(...)
    http://validator.w3.org/check?uri=http%3A%2F%2Fdominique.hoffmann.f(...)
    http://validator.w3.org/check?uri=http%3A%2F%2Fdominique.hoffmann.f(...)

    etc...

    Bref toujours à cause de la même erreur.

    Tu constateras qu'avec ton système de frames et de JavaScript on ne peut pas faire de lien direct sur tes frames ce qui est très désagréable.

    Sinon je note pas mal de choses inutiles. Par exemple sur http://dominique.hoffmann.free.fr/source/space.php(...) (galleries puis "Des prises de vue inédites") : 


    
[td class="centre"]
    
   ...
    
   [div class="centre"]
    
     [table class="marges"]


    (templeet mange les tags donc remplacer les crochets par > et <)

    Si c'est pour centrer, soit le DIV est en trop soit le class="centre" sur le TD est en trop.

    Sinon effectivement tu pourrais te passer des tableaux. Toujours sur la même page, tu devrais utiliser le positionnement absolu pour placer les 2 images des coins. Voir http://openweb.eu.org/articles/initiation_absolue/(...)

    Le tableau central qui contient les images est lui aussi évitable (2 DIV pour les lignes puis dans chacun, 2 DIV en flottants pour les mettre cote à cote)

    C'est tout pour aujourd'hui ;)

    Pensez à l'environnement avant d'imprimer ce commentaire - Please consider the environment before printing this comment

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à 1.

      Cf message ci-dessus, l'erreur est corrigée ! (le site est définitivement compatible w3c)
      En fait, ce js ne s'exécute que si le thème a été défini en php avec des sessions, d'où l'impossibilité de voir cette erreur.

      Pour le passage sans frame, j'ai déjà qq idées :
      => les skins seront faits avec des css alternatives.
      => toute l'architecture du code du site va être refaite, comme tu l'as judicieusement dit, sans tableaux.

      Je précise que je ne fais vraiment de l'xhtml que depuis qq temps, donc il y a sûrement des énormités dans mon code. (mea culpa, mea maxima culpa), idem pour la compatibilité w3c, je ne m'y intéresse que depuis qq temps.

      En tout cas, merci pour tous ces avis, vous me faites gagner un temps fou, et progresser bcp plus vite !

    • [^] # Re: Besoin d'aide :)

      Posté par  . Évalué à 2.

      (templeet mange les tags donc remplacer les crochets par > et <)

      En fait, il faut mettre &lt; pour le "<", et y'a pas de problèmes avec le >, bien que normalement il faille mettre &gt; (pour le & j'ai dû mettre &amp;)(voir http://www.cwru.edu/help/interHTML/examples/isolist0.html(...) pour la liste quasi-complète)

      A propos de ton site, je n'ai pas eu de problème, ça marche bien (avec mozilla 1.3 c'est normal ;), mais c'est vrai qu'il faudrait essayer éviter les frames, et les skins rempacés par des feuilles de style ce serait parfait. A part ça c'est très bien de porter attention aux standards. C'est ce que j'essaye de faire aussi en tout cas :)

      Moi je suis sur le point de lancer mon site, mais ça foire sous IE et ça fait ch#%¤... (Peut-être un pb avec une div en float, ça fait redescendre toute une autre div quand on passe sur d'un lien dont la couleur de fond change)

  • # Re: Besoin d'aide :)

    Posté par  . Évalué à 2.

    A propos du XHTML, essaye de mettre dans ta page un

    <textarea name="blabla" />

    histoire de rire... et tu vas déchanter du xhtml....

    Pour ma part, j'utilise de nouveau du html4 depuis que j'ai vu ce probleme...

    On me dira que je n'ai qu'a fermer explicitement le tag, mais ce n'est pas valable car quand j'utilise un processeur xslt, les elements vides sont automatiquements ré-écrit en mode fermeture rapide....

    Exemple:
    http://www.bouil.org/bugzilla/html/(...)
    http://www.bouil.org/bugzilla/xhtmlxml/(...)

    Le fin mot de l'histoire est là : http://www.ietf.org/rfc/rfc3236.txt(...)

    • [^] # Re: Besoin d'aide :)

      Posté par  . Évalué à 2.

      Effectivement, il y a quelques petits problèmes encore qui peuvent obliger à préférer du html4.0 au xhtml.

      Personnellement, l'exemple le plus récurrent qui m'a forcé a faire ce choix c'est la perte de la cible '_blank' pour certains sites clients où le client veut bien sur absolument ouvrir ses pages ""partenaires"" dans une nouvelle fenêtre du navigateur.

      Il m'ait arrivé de contourner cela en utilisant un window.open() mais ca me convient pas trop comme méthode (je trouve pas ca très propre vis à vis des navigateurs non javascript).

      Mais même si je ne cernes pas encore tout les avantages du xhtml sur le htm4.0, j'y pense toujours un peu avant de commencer un site client, et le html4.0 n'empêche pas le css-positionning ou l'accessibilité.

    • [^] # Re: Besoin d'aide :)

      Posté par  (site web personnel) . Évalué à 1.

      J'utilise le textarea comme ceci :

      <textarea name="truc">Saisissez votre remarque</textarea>

      Et ça fonctionne bien !

Suivre le flux des commentaires

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