Introduction

Voici un cours qui est plus une présentation mais qui va vous permettre d'en savoir plus sur les standards du web, pourquoi ont ils étaient créés et pourquoi ils sont necessaire...

Sachez tout d'abord que le XHTML et le CSS ne sont pas obligatoire, ils sont juste nécessaire... Vous devez sans doute en avoir entendu parler, mais vous n'avez aucune opinion ou vous vous dites: "Je m'en fou, de toute façon ça me sert a rien", je pense que cet avis changera après avec lu cette présentation !

Étape 1

• Pourquoi ?

  Vous saviez peut être que IE et NETSCAPE ont créés des extentions html propriétaires, c'est à dire que seul certaines fonctions étaient accécible que par le navigateur qui les avez créées... Les webmasters créés donc des sites web, ces sites web ont dans leur code source divers balises HTML correspondantes à celle créées par les navigateurs, le navigateur IE interprété mal ou pas les balises créées par NETSCAPE, les webmasters avaient donc un choix a faire:
  * Choisir de faire un site pour IE ou pour NETSCAPE..
  * Faire une partie IE et une partie NETSCAPE

  
  

  Vous deviez donc choisir de faire un site pour chaque type de navigateur, embettant et demandant 4 fois plus d'effort ça n'allait pas du tout !. C'est pourquoi depuis 1994, un organisme appelé le W3C cré une standarisation avec des normes web a respecter pour que votre site marche sur plusieurs navigateurs...
  Les fabriquants de navigateurs étaient entièrement d'accord et ont décidés de respecter ces normes ce qui stop les problèmes avec les webmasters faisant deux sites pour chaque navigateurs...

  Étape 2

• L'accecibilité par tous !

  Les sites actuels en HTML nécessitent des navigateurs graphiques pour être consultés...
  Les personnes atteinte d'un handicap physique, moteur ou neurophysiologique ne pouvaient pas acceder au site !. L'ancien HTML ne prévoyait pas de synthétiseurs vocaux ou de plages braille..
  Le W3C intègre ces considération dans les standards et donc facilite la création de sites web accecible à tous...

  Étape 3

• Les css !

  Je vais vous donner un exemple, vous faites un site entièrement en html avec des balises font pour préciser la couleur... Vous disposez donc de 50 pages créés avec toutes les même couleurs (Lien, Mise en page etc...).
  
  Vous disposez donc de :Texte et vous voudriez changer la couleur #000000 par du rouge par exemple !, vous devez donc modifier vos 50 pages !! bon courage a vous !
  
  Je viens maintenant au xhtml, pareille, vous avez créé 50 pages et vous avez utilisé des css pour vos couleurs... Vous attribuez une class dans une feuille css nomée couleur et vous lui mettez celle-ci en noir: Exemple:.couleur {
  color: #000000;
  }
  Vous faites ensuite vos textes de couleurs avec: Texte
  Vous avez donc vos 50 pages et un jour vous vous dites: "Ha, j'en ai marre du noir, je vais prendre du rouge pour changer !", vous avez juste a modifier la couleur précisée dans votre feuille css et cela le modifira dans toutes vos pages !
  
  Vous ne trouvez pas ça facile ?

  Étape 4

• Les validateurs

  Vous faites un site en css, vous voyez qu'il est valide via le traducteur de code W3C, celui-ci vous dit que votre code est correct. Vous allez vous dire: "Houra, je suis fort !, j'ai fait du XHTML valide !" !!! (...)
  Surtout pas ça !, un validateur regarde si votre code respecte une syntaxe primaire, vous pouvez mettre des strong partout sur dans votre page et le validateur peut dire que c'est valide, alors qu'en faite ça ne respecte pas vraiment les standards...
  Vous allez donc me dire, mais à quoi sert le validateur alors ?, il sert tout simplement a vous aidez, si vous avez oublié d'achever une balise, utiliser une fonction non existante etc... La il vous sera utile et vous aidera à corriger...
  Dans le but du XHTML strict, vous ne devez avoir AUCUNE balise de mise en forme de texte etc.. dans votre code source. Il doit y avoir juste les éléments permettant de selectionner vos class etc... N'utilisez pas de strong pour du texte en gras etc.., rassemblez tout dans une feuille css et attribuez des class via des span...

  Étape 5

• Le poid de mes pages

  En codant XHTML 1.0 strict par exemple, votre page s'alegera de minimum 12% et peut vous faire gagner jusqu'a 75% !!!
  Aucune balise de mise en forme de texte dans la page, votre code est donc moins brouillon et plus facile a lire par les moteurs déjà (votre site sera donc mieux référencé) et alegera d'une façon concidérable la qualité et le poid de votre page.

  Étape 6

• Les handicapés sont minoritaire, je ne veux pas m'embêter avec ça !

  Si vous votre site ne respecte pas les standards, toutes les personnes citées ci-dessous seront a exclure de votre site web, vous perdez donc un pourcentage, dites-vous bien qu'a cause de votre "mal codage" des tas de gens sont privée par vos informations...
  
  * Les personnes utilisant les nouveaux moyens d'access au web sont à exclure (PDA, WebTV, Mobiles ...)
  * Les personnes ayant des problèmes de vues tout le temps ou de temps en temps...
  * Les personnes utilisant des navigateurs tel que: Mozilla, Firefox, Conqueror etc...
  * Les personnes équipés en bas débit
  * Les personnes utilisant un navigateur non graphique
  * Les personnes utilisant un navigateur vocal
  
  Chaque individu doit avoir sa place sur le web, c'est pourquoi , respectez les standards, et vous respecterez les gens cités ci-dessus et vous pourrez être fier du travail fait.
  Si vous êtes décidé a rester sur le HTML, assumez vous bien la responsabilité de ne pas laisser de moyen aux handicapés, aux nouvelles technologies d'avancé et de faire un pas en avant, ayez la concience de ceux-ci.

  Étape 7

• J'aimerais passer aux standards, mais malheuresement je n'en ai pas les compétences.

  Si c'est le cas, je vous conseil donc de télécharger un logiciel du type Dreamweaver qui vous facilitera la mise en page...
  Vous avez par exemple: NVU (http://www.nvu.org fondé par les créateurs de mozilla).
  Il ne rendra pas votre code valide xhtml, mais vous fera du code propre et vous fera apprendre (si vous regardez le code source) les nouveaux styles employés...
  Dreamweaver peut aussi le faire, il suffit juste de lui dire avec un doctype en xhtml 1.0 strict.

  Étape 8

• Vais-je gagner du temps lors de la création de mes pages ?

  Oui c'est un fait, vous gagnerez entre 10 et 60% de votre temps a codé en HTML... Une fois que les css sont fait, vous pouvez coder normalement, sans aucune difficultés avec du code visible et accecible à tous!.

  Étape 9

• Je connais le html, la différence est grande entre ces deux langages ?

  Oui, elle est quand même énorme, toutes les balises ou presque du html, vont être supprimées pour laisser place à la souplesse des css...
  Vous devez donc étudier les langages XHTML et CSS.

  Étape 10

• Placer des images, texte sur une image

  Grâce aux css, vous allez pouvoir placer du texte, des images etc... sur une page web la ou vous le voulez !, sans aucun tableau, vous pouvez le placer sur une image, sur le haut du site, le bas etc... Tout est entièrement parametrable via css, c'est un langage hyper bien construit qui a une souplesse extraordinaire et va vous etonner plusieurs fois...

  Étape 11

• Coder proprement

  Le validateur ne suffit pas, c'est rien, juste une machine vous disant un minmum d'informations, dites vous bien sur votre code si vos calques sont bien utiles, si les

  peuvent être remplacés par des

  par exemple ou par des

  
  Ne mettez aucune balise qui sert a rien, essayez de faire votre code proprement, en essayent d'être le plus clair possible, faites du css et oubliez les balises HTML de mise en forme textuelle...
  Plus votre code sera clair, mieux il marchera car il sera plus compréhensible.

  Étape 12

  1. En gros...

  Le XHTML est le langage de demain, commencez a vous y mettre, car d'ici peu il sera completement indispensable
  Les nouvelles techonologies marcheront sans doute avec le XHTML, inovez, construisez en utilisant simplement les CSS et le XHTML..

  Cours d'informatique

  Tout le html