Nettoyer le Code HTML avec Dreamweaver

Apprenez à nettoyer les balises HTML inutiles en utilisant Dreamweaver pour optimiser votre code.

Détails de la leçon

Description de la leçon

Dans cette vidéo, nous explorons les différentes méthodes pour nettoyer le code HTML à l'aide de Dreamweaver, en particulier les balises insérées par d'autres logiciels comme Word. D'abord, nous ouvrons une page « maquette » et utilisons la commande ‘nettoyer le code XHTML’ pour afficher diverses options de nettoyage. Dreamweaver peut supprimer des marqueurs spéciaux propres à ses modèles ainsi que des balises définies spécifiques.

Nous passons ensuite à une page HTML générée depuis Word, souvent bourrée de balises non conformes et de règles de style inutiles. Dreamweaver offre une commande dédiée au nettoyage HTML des documents Word, simplifiant et conformant le code XHTML. Cet outil réalise un nettoyage efficace en quelques secondes, retirant des balises métas, des instances XML et des propriétés de style MSO superflues.

La vidéo illustre comment le code devient plus propre après le passage de Dreamweaver, rendant ainsi le document prêt à être intégrée à votre site web en toute conformité.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Comprendre l'importance de nettoyer le code HTML.
  • Apprendre à utiliser les fonctionnalités de nettoyage de code de Dreamweaver.
  • Conformer le code aux standards XHTML.

Prérequis pour cette leçon

Avant de suivre cette vidéo, il est recommandé d'avoir :

  • Des connaissances de base en HTML et XHTML.
  • Une familiarité avec l'interface de Dreamweaver.
  • Des notions sur l'utilisation de logiciels comme Word pour générer des pages HTML.

Métiers concernés

Ce sujet est pertinent pour les métiers suivants :

  • Développeurs web souhaitant optimiser leur code.
  • Intégrateurs HTML soucieux de la conformité du code.
  • Webmasters chargés de la maintenance de sites internet.

Alternatives et ressources

Parmi les alternatives, on peut envisager :

  • Utiliser des éditeurs de code textuels comme Sublime Text ou Visual Studio Code.
  • Emploi de services en ligne de validation et nettoyage de HTML tel que HTML Tidy.
  • Utilisation d'autres logiciels WYSIWYG comme Adobe Muse ou Microsoft Expression Web.

Questions & Réponses

Il est important parce que le code généré est souvent encombré de balises non conformes et de styles inutiles, ce qui peut ralentir le chargement des pages web et affecter leur conformité aux standards web.
Dreamweaver offre des commandes spécifiques pour nettoyer les balises non conformes et inutiles, telles que 'nettoyer le code XHTML' et 'nettoyer HTML Word', ce qui rend le code plus propre et conforme aux standards.
Dreamweaver peut supprimer des marqueurs spéciaux, des balises métas superflues, des instances XML, des propriétés de style MSO et d'autres balises ou règles de style non conformes.