Dreamweaver CC 2017 : Les nouveautés

Utiliser Live browser preview

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Concernant le rendu en temps réel, Adobe continue d'améliorer la communication entre l'interface de développement et les périphériques de rendu. Dreamweaver supporte toutes les modifications apportées au code sans avoir à enregistrer.

Transcription

Une amélioration considérable au niveau de la prévisualisation dans les navigateurs. Par le passé, nous avions le menu Fichier, Aperçu dans un navigateur, ici nous avons Aperçu en temps réel. C'est-à-dire qu’on va pouvoir voir directement dans un navigateur en temps réel ce qu’il va être produit soit depuis l’interface de rendu, soit depuis l’interface de code. Alors ici on va pouvoir venir, comme par le passé, dans les navigateurs qui ont été définis repérés par défaut par Dreamweaver ici. Mais on peut toujours venir modifier la liste des navigateurs, rappelez-vous, quand on venait dans les préférences ici on avait la possibilité de rajouter, supprimer des navigateurs, de rendre un principal, un secondaire, et puis d’avoir aussi recours à l’utilisation d’un fichier temporaire qui nous évitait d’avoir à enregistrer. Alors maintenant, c’est quelque chose qui va devenir presque quasi-obsolète dans la majeure partie des cas, puisque cet aperçu temps réel va se reproduire sans qu’on ait besoin d’enregistrer. Maintenant, un autre accès ici, direct, qui va permettre depuis ce petit icône de faire soit l’aperçu dans le navigateur ou de modifier la liste, un peu le même accès que ce qu’on a par le menu Fichier ici. Et puis l’aperçu sur l’appareil mobile, donc avec un QR Code qui va nous permettre en pointant avec une tablette, un smartphone, iOS, Android ou Windows Mobile, de pouvoir venir directement voir en temps réel, sur un périphérique extérieur, les mêmes résultats. Alors ici je vais lancer dans Chromium, par exemple, cet aperçu, et vous voyez qu’ici dans Chromium, bah on a le résultat direct. Je vais redonner un peu d’espace à Dreamweaver. Voilà qui est chose faite. Et je vais pouvoir venir apporter toute modification. Et voyez ici quand je bouge dans Dreamweaver, on bouge dans le navigateur, on n’est pas dans Dreamweaver, ici on est dans le navigateur, et voyez que déjà ça se reflète. Donc c’est déjà un avantage. Si je viens sur le mot Accueil, je double-clique et là, je passe sur l’interface de rendu temps réel ici de Dreamweaver. Et à la place je vais par exemple appeler Page d’accueil. Voilà, dès que je fais ça, ça se reproduit. J'ai pas enregistré mon document, voyez, j’ai toujours le petit astérisque ici. Mais ça se reproduit directement dans l’interface de Chronium ici. Et si je reviens ici dans Page d’accueil, et je replace dans le code ici maintenant Page Accueil, ici directement voyez qu’instantanément, ça se reflète, et ça passe directement dans la partie du navigateur. Bien entendu qu’on peut lancer plusieurs navigateurs comme cela. On va donc pouvoir lancer dans par exemple Firefox ici, et on voit bien que c’est apparu également dans Firefox. Alors ici si je reste sur Chromium ici, là je suis dans Firefox, et que je viens faire la modification : au lieu de « Nous contacter », on fait « Contactez-nous ». Voilà, ici voyez que « Contactez-nous » apparaît en temps réel, à la fois dans Chromium, dans Firefox. Et si je fais un « Contrôle-Z » ici, voilà, je viens de « Nous contacter », voyez qu’instantanément ça se reproduit sur les deux navigateurs. Donc bienvenus les multi-écrans pour pouvoir avoir non seulement nos tablettes temps réel, mais en plus nos visualisations directement sur tous les navigateurs de nos choix. Si vous cherchiez à travailler maintenant dans des URL proches de vos serveurs, rien ne vous empêche de travailler sur vos serveurs d’évaluation comme par le passé. Parce que si vous regardez l’URL ici maintenant, alors là je vais donner un poil plus d’espace, vous voyez qu’on se retrouve dans une localhost ici sur le port 64 048 avec une adresse un peu particulière que Dreamweaver a générée pour pouvoir continuer à dialoguer et à synchroniser. De la même manière, si vous rentrez dans le code source ici de la page, vous allez vous retrouver depuis la console ici avec des éléments qui vont être propres à Dreamweaver, qui vont travailler dans votre code. Donc si des fois vous vouliez travailler sur la partie génération de codes à la volée, ou sur la partie des URL serveurs qui vous sont propres, rien ne vous empêche de venir faire soit un clic-droit ici sur l’onglet et de venir ouvrir dans un navigateur, à la manière ancienne, donc là vous passeriez dans un serveur d’évaluation comme vous l’aviez par le passé, soit vous pouvez venir également, en faisant un clic-droit sur la palette des Fichiers, avoir ici Ouvrir dans un navigateur, vous allez pouvoir retrouver également la même liste de navigateurs, mais cette fois-ci vous passeriez par l’ancien aperçu dans le navigateur que l’on avait à l’époque. Alors juste une petite information à prendre en considération, c’est que si dans votre site vous avez défini un serveur d’évaluation, il faut savoir que ce serveur d’évaluation serait utilisé également pour l’aperçu en temps réel. Donc il vous faudrait le lancer. Même si vous n’utilisez pas votre serveur d’évaluation, Dreamweaver lui, ira l’utiliser puisque vous en avez défini un. Voilà donc une toute nouvelle intégration de l’aperçu en temps réel des contenus que l’on va produire dans Dreamweaver qui va nous permettre de considérablement améliorer notre flux de travail.

Dreamweaver CC 2017 : Les nouveautés

Optimisez votre flux de travail avec les nouveautés de Dreamweaver. Faites le tour des améliorations de l'interface, appréciez les évolutions de l'éditeur de code, etc.

Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :2 nov. 2016
Mis à jour le:13 juin 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 !