Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Créer un site web avec Dreamweaver CC

Vérifier le site

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Avant de poursuivre la mutualisation des fichiers, vérifiiez la validité des contenus et les erreurs HTML. Contrôlez également les liens internes entre les documents et les liens de navigation.
03:48

Transcription

Il va être temps maintenant de pouvoir commencer à créer des nouvelles pages, des nouveaux contenus, à enrichir notre site, et pour cela il va falloir dans un premier temps, vérifier le site. Déjà, ici on s'aperçoit qu'on a un petit indicateur vert qui nous informe des bonnes validités de notre HTML. Voyez, ici je vais créer une balise « li » fermeture de li, ici sans l'ouvrir. J'ai une erreur qui est détectée automatiquement. Si je double clique, il me dit attention les tags doivent être formés par paire et il n'y a pas de tag de démarrage sur cet élément-là. Et si je survole ici, il m'indique qu'il y a une erreur. Donc, tout ça, ça s'appelle le linting et Dreamweaver est capable de linter l'intégralité de notre projet depuis les Préférences ici, Edition Préférences pour Windows Dreamweaver Préférences pour Macintosh et ici, dans la partie Linting on a la possibilité de demander à linter à la fois les CSS, le HTML et le JS. Vous pouvez éditer les fichiers, donc si vous voulez éditer par exemple dans le HTML certaines informations, il suffit de cliquer là-dessus. Vous avez un fichier particulier, c'est extrêmement explicite, en disant par exemple les attributs ne peuvent pas être empty si vous mettez true, dès l'instant vous allez avoir un attribut qui sera empty, automatiquement vous allez avoir une erreur qui sera générée. Je vous invite à paramétrer votre système pour pouvoir le checker et vous assurer que tout soit bon au moment où vous écrivez vous avez juste à vérifier de ce côté-là pour vous assurer que tout est bon. Au niveau de la vérification, encore, vous allez pouvoir venir dans la partie Résultats Validation par exemple, et cette validation, si vous la lancez sur le document, alors vous pouvez venir régler des paramètres. Alors là ici on va s'assurer que ce soit sur du HTML 5. On va demander de nous afficher les erreurs et les avertissements et si vous lancez sur ce document ici, vous allez pouvoir vérifier et valider l'intégralité de ce document. Je vous invite à basculer dans cette interface-là, c'est beaucoup plus simple. Et là, il vous dit « consider using the h1 element as a top level ». Alors ça c'est peu discutable. Le système nous dit qu'il faut qu'il y ait qu'un seul h1. Alors c'est faux, on peut avoir plusieurs h1 à condition qu'ils ne soient pas au même niveau et aucun de nos h1 ne sont au même niveau donc il n'y a pas de soucis. Et là dessus, vous allez pouvoir cliquer, et directement accéder à la partie de l'information pour pouvoir venir valider l'intégralité de votre document. Vous pouvez également rechercher, c'est très important, tous les liens du site. Alors nous on n'a fait aucun lien, d'accord ? Ici il nous dit attention tu as des liens brisés, et voilà les liens brisés en fait, il se trouve que celui-ci est brisé. Donc on va pouvoir venir le raccommoder, j'allais dire, puisqu'on a cet élément-là qui pointe vers ERASLGHT/stylesheet ici et qui ne contient pas donc cette webfont. Alors si on vient dans webfont, on va regarder, et effectivement, on n'a pas ERASLGHT ici. De ce fait, automatiquement, on a une erreur de fichier. On va la corriger. Le ERASLGHT a été réimporté correctement et là, maintenant, si je le relance en lecture voilà tout est passé correctement. Donc pensez à vérifier l'ensemble de vos fichiers pour vous assurer que d'une part il n'y ait pas d'erreur de chargement comme on vient de le voir ici par exemple pour les font et que d'autre part, vous offriez à vos internautes, des liens qui sont valides et qui ne sont pas erronés. Dernier élément important ici à revérifier sont les fichiers orphelins. Les fichiers orphelins ici on va en avoir beaucoup, ce sont tous les fichiers qui ne sont pas utilisés, qui n'ont pas de lien vers eux. Ça peut être des images, qui ne sont pas utilisées, ça peut être des éléments quels qu'ils soient, qui souvent vont se retrouver isolés sur votre site. Il y a de fortes chances qu'ils ne servent pas qu'ils ne soient pas utilisés et ça peut être intéressant de venir s'assurer justement qu'il n'y ait pas de soucis de ce côté-là.

Créer un site web avec Dreamweaver CC

Réalisez votre premier site web avec Dreamweaver. Abordez les principales étapes de conception, telles que la création d’une page web, l’ajout de contenu multimédia, etc.

3h04 (37 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :25 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !