Dreamweaver CC 2017 : Les nouveautés

Utiliser le code hints CSS

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Du côté de l'écriture des CSS, l'outil d'aide est amélioré. Il permet d'aborder plus facilement les pseudo-classes ou éléments, les éléments de classe, ou encore les écritures courtes et multiples.

Transcription

Côté css, l’outil d’aide ŕ l’écriture s’est également amélioré. Par exemple ici, lorsque vous allez utiliser, soit des pseudo-classes ou des pseudo-éléments, si vous tapez h1 par exemple, et que vous placez un simple Ť : ť, vous avez toutes les pseudo-classes, avec active, checked, disabled, empty, enabled, qui sont possibles comme attribution ŕ cet élément, mais si vous doublez le Ť : ť, vous avez toute la série, cette fois-ci de pseudo-élément, avec after, before, first-letter, first-line, selection, etc. qui vont pouvoir se placer. Donc c’est vraiment intéressant parce que l’éditeur s’adapte vraiment ŕ nos besoins ŕ ce niveau-lŕ. Si je reprends par exemple les classes ici, vous avez aussi par exemple les imports, keyframes, @medias qui vont pouvoir se permettre de venir auto-compléter votre code, chose qui n’existait pas. Alors, par exemple ici, si je prends un body et que je vais lui ajouter un background color, ce qu’il y a d’intéressant, c’est que j’ai vraiment les possibilités qui se sélectionnent, donc je peux avoir directement par exemple la couleur ici, puis l’image, le linear-gradient et les backgrounds. Et vous avez toute cette premičre partie qui est une écriture courte, qui va nous permettre de pouvoir venir donner toutes les informations nécessaires, que l’on va avoir ŕ cette propriété-lŕ. Pareil, si j’utilise par exemple une propriété qui a plusieurs valeurs, comme le margin par exemple, je pourrais trčs bien dire que j’ai zéro pixel, mais si je repars, voyez, on me donne le margin-top, le margin-right, le bottom et le left dans l’ordre dans lequel je vais pouvoir venir le définir, et ça c’est quelque chose qui n’existait pas, qui me permet donc de pouvoir venir coder rapidement un css, que je sois donc dans des pseudo-classes, des pseudo-éléments, des éléments de classe ou des écritures courtes ou encore des éléments ŕ multiple propriétés, multiple valeurs. Donc cela ne s’arręte pas lŕ en fait, parce que si vous regardez lŕ, ici j’ai tapé zéro pixel, donc on a zéro pixel sur toutes les valeurs. En gros, ça me dit ce que va donner l’écriture finale, une fois que je suis en écriture courte comme ça. Et si je continue ŕ écrire par exemple ici : auto, ici on me dit : Ť bah voilŕ, la premičre valeur sera zéro, les suivantes : auto, zéro, auto ť. Et si je donne une troisičme valeur, comme 10em, ici voyez, on me donne bien la margin-top sera de Ť zéro ť, le margin-right de Ť auto ť, le bottom de Ť 10em ť et le left, de Ť auto ť. Voilŕ donc, ça va me permettre de pouvoir également visualiser le rendu final de l’écriture courte que je suis en train de faire.

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:19 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 !