Présentation des standards, par Guillaume123

Titre: Présentation des standards
Auteur: Guillaume123
Présentation des standards actuels du web

Le tutoriel

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

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

2) L'accecibilité par tous !
Les sites actuels en HTML nécessitent des 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

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 pas créés avec toutes les même couleurs (Lien, Mise en page etc...).

Vous disposez donc de :<font color="#000000">Texte</font> 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: <span class="couleur">Texte</span>
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

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

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 moin 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

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 vocaux

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 handicapes, aux nouvelles technologies d'avancé et de faire un pas en avant, ayez la concience de ceux-ci.

Étape 7

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

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

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

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

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 <div> peuvent être remplacés par des <ul> par exemple ou par des <blockquote>
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

12) 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...

Navigation

Retour à la liste des tutoriaux (X)HTML/CSS

Commentaires sur ce tutoriel

eureka eureka, le Dimanche 25/06/2006 à 09h46'57
Merci pour cet article, cela dit niveau "fautes d'orthographe/conjugaison/grammaire" c'est relativement inadmissible.
Conséquence ? ça décrédibilise le reste des articles présents sur ce site, par manque de sérieux à première vue, si c'est le premier tutorial qu'on lit (ce qui est mon cas)
La moindre de chose est d'utiliser un corecteur d'orthographe, ou de se faire relire par une personne qui est plus pointilleuse.

Partagez ces connaissances avec les autres c'est GENIAL (merci pour ça !), mais y mettre la former c'est un petit plus qui ne se néglige pas

Quand au contenu, reste que depuis 96 les navigateurs ne sont pas encore aux normes.
Et quant à l'éditeur, il serait sympa de proposer quelques freewares, Dream c'est du software, pas donné à tout le monde

________________
eureka

Anonyme Anonyme, le Vendredi 02/12/2005 à 14h26'20
bon tuto

________________
Ancien compte supprimé

hysuki hysuki, le Mercredi 26/10/2005 à 16h18'40
Il y a pas que netscape et IE , d'ailleur firefox est lus utilisé que nestcape^^

________________
hysuki

Pages

Première page... 1 ...Dernière page

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

Les Amis des Animaux | -671 pointsastuces blog et ciné live | -1016 pointsDark Lord Center | -1022 pointsBlogHotel - Hébergement de Blog gratuit | -1907 points

Discussions récentes dans les forums

Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 16
Google:
Publicité: Vidéo humoristique de publicité télé.