Salut.
Aujourd'hui, nous allons parler du
processus très important, mais souvent négligé, de validation de votre site.
Ce que je veux dire par là, c'est qu'il est temps pour nous de vérifier votre code.
Alors pourquoi voulons-nous valider ?
J' aime appeler les navigateurs les parents d'hélicoptère de la programmation.
Donc beaucoup de fois, vous allez écrire votre code et ensuite vous arrêterez et vous
vérifierez et ça a l'air génial.
Et puis vous écrivez un peu plus de code et vous arrêtez et vous vérifiez.
Et ça a l'air super.
Et par le simple fait que ça a l'air si bon, vous supposez que vous devez avoir raison.
Mais le problème p est que les navigateurs sont programmés pour chercher
vos erreurs et les corriger.
Le problème avec cela est que, tous les navigateurs ne résolvent pas les choses de la même manière.
Il est également important de se rappeler que tout le monde n'accède pas à votre
page avec les navigateurs traditionnels.
Alors que votre page devient plus complexe, ces petits problèmes cachés,
ces petites erreurs cachées que les navigateurs cachent, peuvent devenir
dévastateurs pour les personnes qui essaient d'y accéder avec des logiciels différents.
Il y a donc 3 approches pour valider votre code pour la cohérence.
L' une consiste à valider ce que nous appelons l'URI ou l'URL.
Un autre est de valider par votre nom de fichier ce qui signifie que, au lieu de donner votre URL,
vous pouvez réellement télécharger votre fichier pour le vérifier.
La troisième voie est ce que j'ai appelé par Direct Input.
Alors, allons de l'avant et passons à travers un exemple très rapidement.
De ce côté, je vais utiliser est appelé le validateur.
D' accord.
Donc, si vous vérifiez ici, nous pouvons commencer par aller à validator.w3.org.
Comme vous vous en souvenez, le w3 est vraiment l'association pour
essayer de s'assurer que tout le monde respecte les mêmes normes.
Et voici trois options.
Nous pouvons valider par URI, la validation par téléchargement de fichier, et
la validation par entrée directe.
Maintenant, c'est un choix quelque peu important.
Parce que pour certains d'entre vous, vous ne pouvez pas décider d'acheter un système d'
hébergement, auquel cas vous ne pouvez pas lui donner une URL.
Vous ne pouvez pas taper C ://cela
ne fonctionne tout simplement pas lorsque vous mettez quelque chose qui est spécifique à votre ordinateur.
Donc, au lieu de cela, je vais vous montrer un exemple de validation par entrée directe.
Commençons par regarder la page que nous allons valider.
Ici, j'ai ma petite photo d'Ashtabula avec la plage.
Et comme vous pouvez le voir, ça a l'air assez bien,
vous ne voyez aucun problème avec ça alors que vous allez et venez.
Mais voyons ce qui s'est passé quand j'ai vraiment attrapé tout ce code.
Donc, si vous voulez ce raccourci, cela fonctionne pour presque tout le monde.
Je vais aller de l'avant et faire le Control-A et Control-C.
Retournez ici et quand je l'ai mis et
que je clique sur chèque, une fois que je commence à descendre, vous pouvez voir que ça a l'air bien.
Tout de suite, il dit que vous avez une erreur et cette erreur indique balise de fin errante, et
c'est pour une section.
Dans la plupart des cas, les validateurs peuvent en quelque sorte vous donner un indice
sur quelle ligne vous avez foiré, alors revenons en arrière et vérifions le code.
Quand je vais ici et que je descends à la ligne 25.
Oups.
Monte un peu ici.
Non, toujours rien là-bas.
J' ai vraiment de longues files d'attente.
Oh, le validateur a raison.
Comme vous pouvez le voir, j'ai accidentellement mis la section deux fois.
Ce que je voulais vraiment dire était d'avoir une section de fin ici et une section de début ici.
Allons-y et débarrassons-nous de ça.
Je vais sauver, je vais tout saisir à nouveau et essayons ci-dessus de mettre une nouvelle entrée.
En fait, je vais me rafraîchir.
Retourne ici.
Et voyons si j'ai plus de chance cette fois.
Bien, bien.
Pas d'erreurs ou d'avertissement à montrer, donc je vais juste aller de l'avant et
remettre ma page là-bas.
Donc, c'est vraiment juste le moyen le plus simple d'entrer et de
s'assurer que la syntaxe de votre code est correcte.
Maintenant, je vous ai donné un exemple très simple où je n'ai eu qu'une erreur.
Ce qui va généralement arriver, c'est que cela va générer beaucoup et
beaucoup d'erreurs.
Et ce que je veux arriver, c'est m'assurer que vous ne paniquez pas quand vous
les verrez tous.
La raison en est, est parce que l'erreur est ce que nous appelons comme propagation.
Le vérificateur devient confus.
Quand vous voyez une erreur en haut, cela conduit à tout un tas d'erreurs.
Donc ce que vous voulez faire,
c'est que vous voulez toujours corriger la première erreur que le validateur a vu.
Une fois que vous avez corrigé cela, il y a de très bonnes chances
que les 52 erreurs détectées soient tombées à 12 ou 11.
Maintenant, il y a aussi la chance qu'une fois que vous aurez corrigé une erreur,
il sera capable de voir que vous en aviez 20 ou 30 de plus.
Mais encore une fois, travaillez étape par étape.
Si l'erreur que vous donne le validateur n'est pas aussi claire que celle que je viens de voir,
ce que vous pouvez faire est de rechercher en ligne et dans les différents forums.
Parce que je peux vous assurer que d'autres personnes ont déjà vu les mêmes erreurs.
Donc, ce que vous voulez faire en ce moment, en fait, revenons ici, c'est aller de l'avant et
essayer de valider le fichier par URI.
Choisissez votre site préféré et allez-y et saisissez-le.
Je vais aller de l'avant et le mettre, pas le mien parce que je suis sûr que ça valide.
Je vais mettre en http://www.umsi.umich.edu, afin que
mon patron puisse me fâcher quand je montre que son site potentiellement ne valide pas.
Tout de suite, vous pouvez voir que' il va trouver beaucoup d'erreurs.
Peu importe le site que vous mettez dans, surtout s'il s'agit d'un site très populaire,
vous allez voir qu'il y a beaucoup d'erreurs dans ce gros,
les sites ne valident pas.
Assurez-vous que vos sites sont meilleurs que les leurs.
C' est donc une chose à valider pour ce que nous appelons la syntaxe.
C' est une autre question à valider pour ce que nous appelons l'accessibilité.
Encore une fois, nous avons parlé de l'importance de veiller à ce que
vos sites soient accessibles au plus grand nombre de personnes.
Donc, l'un des endroits où vous pouvez aller pour vérifier qui est wave.webaim.org, et
c'est un site pour vous d'aller et de valider votre accessibilité.
Alors jetons un coup d'oeil à celle-ci encore.
Je monte ici, et je vais à la vague, j'ai accès au web.
Ce que vous devez faire ici est, vous ne pouvez pas télécharger votre code par fichier,
ou simplement par le code lui-même, vous devez mettre une URL.
Alors je vais aller de l'avant et aller à la même que nous avons faite avant, qui
était les plages.
Et mettez-le ici.
Et vous voyez que je n'ai pas eu d'erreurs, mais j'ai reçu quelques alertes.
Et les alertes me le disaient simplement.
Je ne suis pas sûr si votre texte alternatif est aussi bon qu'il devrait l'être.
Et aussi, un autre point est de dire que vous avez le même, un lien redondant,
ce qui signifie que vous avez le même lien deux fois.
Donc, en ce moment tout semble bon en ce qui concerne la syntaxe et
le très haut niveau d'accessibilité pour la sémantique.
Donc, l'une des bonnes choses à propos de la validation de l'accessibilité est qu'elle
vous donne une idée de choses que vous n'avez pas vraiment pensé auparavant, mais
la panne est que cela ne fonctionne que sur les pages hébergées.
Ainsi, les sites validés sont toujours plus robustes et
plus accessibles que les sites qui ne valident pas.
Donc, en tant que codeur, il est de votre travail de vous assurer que vous allez sur ces
différents sites de validation et de corriger votre code pour être à la hauteur des normes.
Si vous ne codez pas, il est également important pour
vous de visiter régulièrement les sites que vous visitez et de les valider.
En vous donnant une réelle idée des différentes façons, les gens ressentent l'importance ou
non de rendre leur site accessible à tout le monde.
Bonne chance.