Journal Apprendre le XHTML + CSS par l'exemple

Posté par  (site web personnel) .
Étiquettes : aucune
0
3
nov.
2004
Bonjour,
J'ai écris à mes heures perdues une modeste formation XHTML et CSS: http://tahitybob.chez.tiscali.fr/formation/introduction.html(...)

Je dis "modeste" car je suis loin d'être un gourou sur la question. Il n'y a rien de fondamentalement original dans ce texte mais j'espère avoir adopter une démarche concrète utile.

Si le sujet vous intéresse j'aimerai beaucoup avoir votre retour positif ou négatif.
Si vous êtes un expert du domaine merci de rectifier les (probables) boulettes que j'ai écrites!
Si vous ne connaissez pas le sujet vos commentaires m'intéresse également afin de savoir si j'ai été clair.

Pour finir disons que c'est loin d'être comme je le voudrais mais je n'ai plus trop le courage et les moyens d'y passer plus de temps...

Merci par avance et comme on dit "hope it helps!"

  • # UTF8

    Posté par  . Évalué à 6.

    Un probleme de charset sur http://tahitybob.chez.tiscali.fr/formation/etape1.txt(...) chez moi

    http://tahitybob.chez.tiscali.fr/formation/etape3.html(...) les éléments <p> ne peuvent pas contenir autre chose que du inline donc pas de liste ...

    http://tahitybob.chez.tiscali.fr/formation/chapitre3.html(...)
    dans les rêgles tu peux enlever "sauf exceptions" puisque tu fais du XHTML toutes les balises se ferment

    http://tahitybob.chez.tiscali.fr/formation/chapitre4.html(...) tu mets des ":" ou pas mais il ne faut pas mélanger (liste des syntaxes d'url)

    je lirai la suite plus tard

    Dam

    • [^] # Re: UTF8

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

      Merci pour tes commentaires.
      Au sujet d'etape1.txt c'est normal que les accents ne s'affichent pas correctement puisqu'il s'agit du texte brut sans aucun code qui sert de point de départ.
      Cela dit il est vrai que ce n'est pas très joli affiché dans le navigateur je vais peut être le changer.

      Pour chapitre3 en fait je voulais faire la différence entre les balises en 2 parties (ex: <strong> blabla </strong> ) et celles "auto-fermantes" comme img qui se ferment avec /
      Ma phrase est maladroite: c'est corrigé!

      Le reste est corrigé (plus 2 ou 3 petites erreurs que j'ai vues en passant)!
      Merci encore!

      • [^] # Re: UTF8

        Posté par  . Évalué à 3.

        Tout d'abord je m'excuse d'avoir moinssé ce post par un dérapage de souris (sic). :-)

        Quelque autres remarques pour améliorer ton travail (qui est déjà très bien).
        Le chapitre 2 est a supprimer totalement. Il est très grand temps d'en finir avec les entités HTML pour écrire les lettres accentuées. Tous les navigateurs supportent au minimum le latin1 depuis belle lurette. Il faut au contraire encourager la disparission de ces trucs qui ne font que rendre les codes HTML moins lisibles et allourdir les traffics réseaux.
        Chapitre 3 : dans la 2e occurence de "<strong>du texte en gras</strong>", les "< >" ne devraient pas apparaître. L'affirmation "Contrairement au HTML les balises doivent être écrites en minuscule" est, si je me trompe pas, fausse car le HTML laisse la liberté de casse. Le <th> peut également servir à donner le titre d'une ligne, il n'est pas réservé aux titres de colonnes.

        Je précise que je suis parfaitement d'accord avec les conseils donnés dans le 1er post. Un dernier conseil, et pas des moindres : il faut ABSOLUMENT changer d'hébergeur. En effet tiscali saccage les pages HTML qu'il héberge en rajoutant du javascript moisi partout, après la fin de la page qui plus est. Par pitié, change d'hébergeur si tu veux être crédible.

        • [^] # Re: UTF8

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

          Au sujet du codage des accents je ne me sentais pas confiant, je n'étais pas sûr que cela ne posait pas de problèmes d'affichage sur certains navigateurs.
          S'il n'y a pas de soucis je vais corriger cela, par contre cela va m'obliger à introduire le charset plus tôt dans la formation. Bref cela va me prendre un peu de temps à rectifier ;( ! Je vais voir comment je vais gérer cela.

          Pour le chapitre 3 bien vu c'est corrigé.

          Pour l'hébergeur je suis malheureusement au courant du carnage du code fait par Tiscali. C'est agaçant certes mais pas forcément critique...
          Je suis chez Tiscali car c'est mon FAI du coup j'ai 100 Mo sans pub "gratuit" (enfin compris dans l'abonnement) bref pour moi c'est plutôt pratique!
          Si quelqu'un me file 100 Mo dans ces conditions je prends!
          Cela dit je vais voir si je trouve un peu de place sur un autre serveur juste pour la formation.

          Merci pour tes commentaires,

          PS: au passage j'ai aussi ajouté la précision au sujet de l'espace avant le / mentionné dans un autre post plus haut

  • # < br / >

    Posté par  . Évalué à 3.

    Ch 3 L'espace entre "br" et "/" est important il ne faut pas l'oublier.

    Tu pourrais préciser qu'en toute rigueur il n'est pas nécessaire mais qu'il s'agit d'une question de compatibilité avec les vieux navigateurs.

  • # Exemples

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

    Bon site, assez clair et agréable à lire. Tu devrais par contre ajouter l'affichage que donne tes exemples de code, pour que ce soit plus parlant.

  • # Fork ou non ?

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

    Salut,

    Je suis dans un institut de formation informatique, et ils y forment des dev avec une doc pourrit inspiré d'un code html généré par word...

    Bref, je vous refaire leur doc, et c'est là que tu arrives avec ton super boulot et tout.

    Comme il y a des petits trucs a corriger, je voulais te demander: je fais mon truc dans mon coin, bref, je forke? Ou alors y'aurai pas moyen de contribuer directement?

    • [^] # Re: Fork ou non ?

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

      Merci pour le compliment!
      Pour le reste c'est à toi de voir tu es libre de forker si tu le souhaites cela dit si tu veux contribuer pas de soucis au contraire je suis super preneur!

      Concrêtement tu peux me joindre par mail (redirection DLFP ou lien sur le site) ou éventuellement via jabber: tay ar0base amessage point be.
      Si tu as un wiki sous le coude c'est encore mieux (perso je n'ai pas ça en stock...).

      Au passage c'est bien sûr valable pour toutes les personnes intéressée.

      Si mon boulot peut contribuer à former des informaticiens je serais hyper fier surtout que je ne suis pas informaticien à la base ;)!

  • # chouette mais comment le dl ?

    Posté par  . Évalué à 2.

    Moi je suis preneur, vraiment simple et clair (j'ai pas tout lu mais j'ai bien survolé).

    Donc une petite requete, il y aurait-il moyen d'avoir ca en pdf histoire que je le ramene a ma maison.

    et du coup j'aurai le temps de l'etudier et eventuellement de te faire part de mes opinions.

    En tout cas merci pour le tuto.

  • # L'homme qui tombe a pic

    Posté par  . Évalué à 2.

    Ca, c'est genial, j'ai enfin pu me mettre au xhtml et au css.

    >>Merci par avance et comme on dit "hope it helps!"

    Merci a toi et "It helps a mort" !

  • # Nouvelle adresse

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

    Suite aux divers commentaires ci dessus j'ai déménagé ma formation chez Monde Libre (http://www.mondelibre.org(...)) à cette adresse:
    http://ouvertoubleu.mondelibre.org/formation/introduction.html(...)

    De cette façon les pages sont maintenant valides (sauf erreur bien sûr).

    Par ailleurs la plupart des critiques ont été prises en compte dans cette version mise à jour.

    Tay

Suivre le flux des commentaires

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