La validation est un moyen simple de vérifier qu'une page est conçue conformément aux standards web et offre de solides garanties quant à sa compatibilité avec les futures plates-formes web.
Cette vidéo explique comment optimiser votre workflow et valider votre site web à l'aide du panneau Résultats et des fonctionnalités associées.
Je commence par sélectionner l'espace de travail Création.
La première étape du processus de validation est l'ouverture du panneau Rapports du site pour obtenir un rapport sur l'état du code.
Je choisis Fenêtre > Résultats > Rapports du site.
Je clique sur le bouton de lecture dans le panneau, puis je sélectionne les options de rapport sur la page ou le site et les informations sur lesquelles je souhaite un rapport.
Je choisis Document actif, je coche toutes les options sous Rapports HTML, puis je clique sur Exécuter.
Le rapport signale quelques problèmes que je corrigerai aux étapes suivantes.
Dreamweaver inclut deux commandes bien pratiques pour nettoyer le code HTML.
Je vous montre.
Le code sélectionné contient des balises div vides et des balises de police imbriquées redondantes.
Pour corriger le problème, je vais utiliser la commande Nettoyage du HTML.
Je choisis Commandes > Nettoyage du HTML.
Une boîte de dialogue du même nom s'affiche.
Elle comporte plusieurs options.
Je peux automatiquement supprimer les balises vides, combiner les balises font imbriquées et améliorer le code HTML mal structuré ou illisible.
Je coche les deux premières cases, puis je clique sur OK.
Les tâches s'exécutent et un récapitulatif s'affiche.
Je vais maintenant vérifier que la balise Web Fonts Script enveloppe correctement les polices.
Dans le style de paragraphe, la police est définie sur web open-sans.
Mais dans la balise Web Fonts Script en haut de la page HTML, la police open-sans n'est pas mentionnée.
Je vais rectifier le tir avec la commande Nettoyer la balise Web Fonts Script.
Je choisis Commandes > Nettoyer la balise Web Fonts Script.
L'état de la balise en question est corrigé pour correspondre au code CSS de la page.
Je vais maintenant utiliser le panneau Vérificateur de lien pour valider les liens sur la page.
Le vérificateur de lien répertorie les liens rompus, ceux externes ou ceux abandonnés sur le site.
Je choisis Fenêtre > Résultats > Vérificateur de lien.
Dans le menu, je choisis Liens brisés, je clique sur le bouton de lecture et je sélectionne l'option Vérifier les liens dans le document actuel.
Le vérificateur de lien affiche un lien rompu.
Je corrige le problème, puis j'appuie sur Entrée pour actualiser le mode Code.
Je peux également vérifier les liens externes et télécharger des rapports si nécessaire.
Pour terminer, je vais valider la page à l'aide d'un service de validation W3C, qui identifiera les erreurs que j'aurais pu manquer et confirmera que la page est conforme aux standards et s'affichera correctement dans tous les navigateurs.
Je choisis Fichier > Valider > Valider le document actuel.
Un message indique que Dreamweaver va envoyer le document à un service de validation W3C.
Je clique sur OK.
Les résultats s'affichent dans le panneau Validation.
Ils indiquent les erreurs et avertissements et suggèrent des modifications.
Ici, la principale erreur est l'absence de balise anchor fermante pour l'adresse e-mail.
Je corrige l'erreur en mode Code.
Je peux ensuite relancer le service de validation et traiter les avertissements ou télécharger un rapport et poursuivre.
Par ailleurs, j'ai effectué la validation selon le standard HTML5, mais je peux changer le type de document en choisissant Paramètres dans le panneau Validation ou via Édition > Préférences > Validateur W3C.
Vous le voyez, les outils de validation de Dreamweaver facilitent le nettoyage et la correction des problèmes de code, et permettent de confirmer que le site est prêt à être mis en ligne.
Utilisez le panneau Résultats et apprenez à exploiter ces fonctions de validation pour optimiser le workflow de production.
