Dreamweaver CS6 : Les nouveautés

Aperçu des nouveautés du Creative Cloud CS6

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Cette mise à jour de Dreamweaver, exclusivement réservée aux utilisateurs d'un compte Creative Suite, est résolument orientée HTML5 et flux de travail. Vous allez rapidement en parcourir les principaux points qui seront plus détaillés dans les étapes à venir. Vous verrez également que cette fois-ci, certains points ne sont améliorés que pour les utilisateurs Macintosh.
07:52

Transcription

Si vous venez de réaliser la mise à jour vers Dreamweaver CS6 12.1, il se peut que vous ne vous apercevez pas de tout les changement au niveau de l'interface, il est vrai que peu de changements sont visibles dans l'interface, rien a changé à ce niveau-là. Mais, il y a une forte intégration vers HTML5 est apparue et on va utiliser un peu cette étape pour faire un rapide tour. Si vous avez l'habitude d'utiliser l'espace par défaut, je vous invite à réinitialiser cette espace par défaut, à réinitialiser designer donc. Et donc, cela va faire disparaitre les deux onglets par défaut, les deux onglets Business Catalyst et Adobe Browser Lab, qui en fait prennent beaucoup de ressources lors du démarrage de Dreamweaver et si vous n'en avez pas l’utilité, ce n'est pas nécessaire de les activer, si toutefois, vous en avez besoin, pour Business Catalyst, il suffit depuis le menu fenêtre de revenir activer Business Catalyst ici, et puis le panneau extension ici, vous pouvez accéder directement à Abode Browser Lab également. Alors, comme je le disait tout à l'heure, il n'y a pas trop de changement au niveau de l'interface qui sont apparus, et vous allez vous en apercevoir au fur et mesure que vous allez utiliser Dreamweaver, notamment, au niveau du menu d'insertion qui a été complètement réorganisé, on va voir cela avec la palette d'insertion ici, qui a été redispatchée et l’inspecteur de propriété qui intègre énormément de nouvelle propriété propre à HTML5. Donc, on va voir ces trois éléments conjointement, Ici, dans un premier temps le menu d'insertion a vraiment été réinitialisé, a été réagencé, surtout pour garder une cohérence avec le menu panel, si vous regardez à droite l'insertion panel et ici, l'insertion du menu, vous voyez que tout va être identique dans l'ordre, de façon à garder une certaine cohérence entre les deux lectures. La palette Insertion, alors, je vais faire un peu de place, en fermant ces éléments, là, voilà, ici Dans la partie comme une du menu insertion, ici, vous voyez que d'entrée, une manière forte de pouvoir intégrer soit une vidéo HTML5, ici, directement, va marquer fortement cette insertion de HTML5 dans cette version 12 de Dreamweaver CS6. Lors du survol, vous verrez que les icônes ne se mettent plus en couleur, dans cette version, il y a beaucoup de nouvelle icône qui ont été crées, donc pour l'instant, les survols en couleur ne sont plus activés, peut-être que dans une prochaine version, on va pouvoir bénéficier de ce retour vers l'iconographie en couleur. Regardons directement au niveau de la mise en forme, ici, vous voyez qu'un grand nombre de balises sémantiques ont été intégré avec les balises header, hgroup, nav, aside, article, section, pied de page, donc, qui ont vraiment été placé dans cette partie mise en forme, dans la partie média également, vous voyez la relation avec Adobe Edge Animate qui a été activée, Video HTML ou Audio HTML5. Bien entendu, on a préservé Flash SWF et le format FLV pour les navigateurs qui ne serait pas compatibles, ou si vous voulez encore utiliser ces types de média-là, et puis pour la partie formulaire, là, elle est vraiment entrée, on a plus la balise input label comme on avait l'habitude de le voir avec une verbosité de la boite de dialogue qui se mettait en place. Ici, on a vraiment de manière détaillé chaque type d'élément de formulaire, qu'il s'agisse des balises texte classique, email, mot de passe, URL, tél., tout a été prédécoupé, prédéfini et la balise label, ici, doit être utilisée de manière conjointe. Cela a été mis en place surtout pour un soucis de flux de travail, pour permettre d'intégrer très rapidement l’ensemble des éléments de formulaire pour pouvoir à chaque fois renseigner énormément de boites de dialogue pour les labels, avant, après, les raccourcis, tout va pouvoir se passer dorénavant depuis l'inspecteur de propriété. Alors, justement, si je reviens dans la partie média, vous voyez qu'il y a déjà une proposition qui a déjà été utilisée, et justement, au sein de cette page, j'utilise une animation, Edge Animate, ici, qui a été intégrée, on le voit grâce à l'iconographie de son logo, une prise en compte de ces allez-retours qu'il peut y avoir entre les deux applications. De même si je regarde sur cette page ici, une vidéo a été intégrée dans la page, et comme vous le voyez, ici, maintenant, le nouvel inspecteur de propriété reflète l'intégralité des options nécessaires pour gérer cette vidéo en HTML5. C'est-à-dire, cela peut partir simplement de paramètres actifs ou non comme les contrôles, la mise en lecture en boucle de cette vidéo, ou le démarrage pour le lancement de la page, On a également toute la partie des éléments source vidéo, et tous les éléments vidéo alternatifs, si le format n'est pas reconnu par le navigateur. Bien entendu, il est possible de faire appel à une solution alternative, à base de Flash, pour pouvoir lire sur des vieux navigateurs, qui ne connaitraient pas encore la balise HTML5, les titres et les textes de placement peuvent être aussi accessibles par là, ainsi que l'image poster. Alors ici, le poster n'a pas été pour l'instant placé et on va en profiter pour regarder quelques nouveautés qui sont apparues et qui ont été longuement demandées par les développeurs. Par exemple, je pars sur la partie de mon fichier ici, je voudrais aller chercher ce poster qui est ici au format PNG et je vais pouvoir tout simplement depuis l'espace de travail que je sois sur Windows ou sur le Finder de MacIntosh, je vais pouvoir comme ça, glisser ma vidéo, alors, je vais pouvoir déplacer ma vidéo dans le dossier, ici, par exemple, voilà. Je vais ouvrir le dossier, et je vais faire si je regarde bien, un déplacement de ce fichier, en fait, je n'ai pas fait un déplacement, j'ai copié mon fichier, c'est-à-dire que la partie originale est restée quand même ici, et là, une copie s'est placée à l'intérieur du dossier. Toujours dans ces types d'améliorations, ici, au niveau des préférences, on a également la possibilité dans la partie format de code de pouvoir demander une taille de tabulation qui soit utilisée comme un nombre d'espace et non pas comme une touche de tabulation, quelque chose qui a été longuement demandé par les développeurs. Toujours dans les améliorations également, des améliorations iconographiques qui sont assez intéressantes, par exemple au niveau des typographies utilisées, ici, on va pouvoir voir différents types d'icônes, voilà, ici, donc, toute une série d'icônes au niveau des typographies standards, donc, dès que je fais appel aux typo standards, je vais avoir un petit écran d'ordinateur dessiné sur la partie gauche, et dès que je fais appel à une font installée, à un font face ou un google font, type font etc. Je vais avoir une petite icône qui va me montrer que j'utilise une typo non standard Enfin, il y a d'autres changements dans cette interface, avec la disparation de certaines palettes, par exemple, de l'éditeur de balise, ou le pointeur de balise, mais peut-être qu'on ne peux plus montrer qu'elles n'existent plus sur cette interface-là. Peut-être que vous vous en n'étiez pas aperçus peut-être que vous ne les utilisez pas, voilà, il y a beaucoup de changement au niveau cosmétique et flux de travail, justement, pour une meilleure intégration des flux HTML5 Voilà un rapide survol des diverses modifications qu'on va pouvoir trouver dans cette version CS6 12.1 sous Windows. Du côté du MacIntosh, également quelques petites modifications en interface, et une particularité maintenant à MacIntosh, c'est que dans la palette des fichiers, on a la possibilité ici d'avoir un outil qui va nous permettre de rechercher des fichiers et leur contenu directement donc, c'est très pratique. Et ici, dans la palette d'insertion, l'intégralité des icônes, si vous les regardez ne sont plus un peu floutées, elles sont vraiment très cristallines, parce qu'en fait, elles sont toutes compatibles avec les nouveaux systèmes d'affichage rétinien. Comme on vient de le voir, un grand nombre de nouveautés sont apparues dans l'interface de Dreamweaver CS6 12.1, notamment au niveau de l'intégration de HMTL5 et d'un meilleur du flux de travail.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 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 !