L'essentiel de Dreamweaver CC 2017

Utiliser le navigateur de code

Testez gratuitement nos 1309 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Que vous soyez en aperçu direct ou en mode création, le navigateur de code vous permet de visualiser très rapidement l'emplacement sélectionné, aussi bien en HTML qu'en CSS.
02:33

Transcription

Une autre fonctionnalité intéressante qu'on peut avoir lorsque l'on veut ou qu'on souhaite affiner le code de notre page, c'est l'inspecteur de navigation, ou le code navigateur. Ici, si je suis dans l'interface en direct, pur et dur, et que je survole, que j'édite un élément, je vais pouvoir rester, survoler cet élément pendant un certain temps il ne se passera rien. Par contre si je suis en mode création ici, que j'édite un élément. Je survole cet élément. Je reste, un petit peu de survole et vous voyez il apparaît une petite icône de roue de navigation d'ancien navire ici et si je clique là-dessus, je vais pouvoir obtenir une boite de dilaogue. Alors, cette roue de navigation, ancienne icône de netscape ici, peut être désactivée. Je vous conseille fortement de le désactiver parce que des fois quand on est en code, en fenêtre de création, qu'on tape contenu de texte ici, cette roue apparaît et nous embête un peu. C'est un peu comme le sparadra qui se colle et qu'on arrive plus à décoller. Je vous invite à le désactiver parce que ça ne gênera en rien. Vous voyez ici vous faites ALT clic pour afficher la palette. Il suffit que vous vous placiez n'importe où, vous faites ALT clic et la palette apparaît. Et ce, que vous soyez en mode création ou en mode en direct. Peu importe, vous allez un endroit. Vous cliquez ALT clic et la palette apparaît. Alors explorons cette palette. Un gors intérêt, c'est qu'elle va me permettre, ici je suis sur partenaire, si je clique sur code source, ça va me permettre de basculer directement dans le mode fractionné et d'aller à l'emplacement de mon curseur. Peu importe où je serais. Si je suis sur le blog, je clique là et je vais directement dans la partie ad hoc dui code. Donc ça c'est très bien. Ensuite, que je sois en pleine fenêtre ou pas, ce qu'il y a d'intéressant aussi, ce que ça me donne en plus du document en cours, ça me donne tous les documents qui sont liés. Ici notamment j'ai CSS. Donc ici j'ai le 09 tiret 1 CSS et le 09 tiret 2 CSS. Puis en plus j'ai toutes les règles qui sont décrites dans ce document. Ce qu'il y a d'intéressant aussi c'est que si je survole la règle, dans une petite info bulle va me donner toutes les informations nécessaires ici pour les descriptions et les règles qui ont été mis en place sur ce selecteur-là. Ce qui est intéressant également c'est que si je clique sur celui-ci je vais me rendre exactement dans le sélecteur de la description et je vais pouvoir modifier la feuille de style, l'adapter en fonction de mes besoins tout simplement et rès rapidement. Donc code navigation ici c'est cette roue chromatique et toujours accessible sous un clic de souris avec ALT clic.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 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 !