Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Dreamweaver CC 2017

Utiliser l'aperçu en temps réel

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Le tout nouveau mode d'aperçu en temps réel vous permet de visualiser, dans un navigateur, les modifications apportées à la page web en cours de développement. Cela fonctionne aussi bien en HTML, CSS ou JavaScript, et sans avoir à enregistrer.
03:40

Transcription

Dreamweaver permet de bénéficier également d'un aperçu en temps réel dans les navigateurs. Alors, pour cela on va se rapprocher de cet icône ici dans la partie basse de l'interface, et qui permet d'accéder à deux éléments. Nous allons nous focaliser sur la partie haute pour l'instant, sur l'aperçu dans le navigateur. Par défaut, lorsque vous installez Dreamweaver, il repère tous les navigateurs qui sont présents sur votre machine, et les liste ici. Maintenant, vous pouvez toujours modifier la liste, en passant par ce raccourci ici, ou en venant directement depuis les Préférences. Vous avez ici la possibilité de définir, comme vous le voyez par ces deux raccourcis clavier ici qui sera adjoint le navigateur secondaire et le navigateur primaire, vous pouvez choisir celui que vous souhaitez. Vous pouvez également modifier tout navigateur qui sera installé, par exemple ici je ne veux pas voir Chrome mais je veux voir Chromium, puisqu'en fait il s'agit de Chromium, et non pas de Chrome. Voilà. Et donc vous allez pouvoir modifier cet élément-là tout simplement au niveau de son aperçu. Vous allez pouvoir supprimer des navigateurs que vous ne voudriez pas voir apparaitre dans cette liste, ou en ajouter des nouveaux, tout simplement en venant parcourir pour le pointer sur votre disque dur et puis ici le nommer de manière à ce qu'il soit étiqueté comme vous le souhaitez. Voilà. Donc ici, je vais annuler cette partie-là. J'applique les modifications que j'ai fait, et je ferme cette fenêtre. Donc maintenant ici, quand je viens, je vais pouvoir lancer un aperçu dans Chromium directement. Et l'intérêt qu'il va y avoir c'est que ici au niveau de Chromium, je vais être en temps réel sur la modification. Alors, je vais faire un peu de place afin d'avoir cette fois-ci sur la partie droite de l'écran Dreamweaver, sur la partie gauche, Chromium puisque c'est Chromium qui a été demandé. Et là, maintenant, je vais pouvoir venir faire des modifications qu'il s'agisse de modification de type textuel. Ici, vous voyez que le point est apparu instantanément. Ici, j'ai pas enregistré mon document, je le supprime, ça se modifie. Ou des informations qui pourraient être par exemple de type, ici je vais prendre class, et je vais venir ajouter la classe liens ici, et vous voyez que la classe liens va être directement modifiée, va être adaptée sur le navigateur. Alors, on est pas obligés de travailler dans la partie code, ici. On pourrait venir dans la partie de rendu en direct, ici et je pourrais venir modifier également quoi que ce soit dans la partie en direct, ici ça se modifierait instantanément sur le navigateur, ici. Il y a pas de soucis, toutes les modifications sont prises directement en compte. Alors si ici je prends la partie liens, ici, je la supprime, et au lieu de la mettre sur la partie li, je vais la mettre sur la partie a, partie ancre, ici. J'ajoute la partie cette classe liens, et vous voyez qu'instantanément, ça se reflète. Donc, un aperçu en temps réel dans le navigateur qui permet d'avoir donc un outil très souple d'utilisation et qui va pouvoir se démultiplier. Regardez ici, j'ai ouvert deux navigateurs, qui pointent tous vers la même page, c'est à dire la 127.0.0.63944, qui a été automatiquement générée par Dreamweaver, c'est à dire je n'ai pas à m'occuper de cette adresse-là, je peux relancer autant d'aperçus que je veux, ici, et autant de navigateurs que j'ai de disponibles, et ici si je prends ma classe liens et je la supprime, voyez, en temps réel, ça se supprime sur les deux navigateurs. Et donc c'est très intéressant de pouvoir en même temps que l'on apporte des modifications soit dans l'interface de rendu, soit dans l'interface de code, soit dans les deux en simultané, ça va se répercuter sans avoir besoin d'enregistrer directement dans tous les navigateurs qui vont être reliés à cette page.

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 !