L'essentiel de Dreamweaver CC 2017

S'organiser avec les palettes

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
L'interface de Dreamweaver est composée de nombreux sous-ensembles tels que les palettes, les onglets et les panneaux. Apprenez à manipuler et à organiser tous ces éléments.
05:15

Transcription

Bien que chacune ait ses propres propriétés et contenus, on va dire, les palettes vont être utilisées et utilisables de la même manière. Donc toutes les palettes vont pouvoir être dockées ou ancrées les unes aux autres, comme ça, sous forme de panneaux. Les panneaux peuvent être également placés et empilés au sein de certaines barres latérales. Principalement latérales. On en a certaines qui vont pouvoir être horizontales également. Regardez, ici j'ai la palette des fichiers. J'ai la palette Bibliothèques, la palette CSS Designer. Les trois sont différentes, ont des fonctionnalités différentes et distinctes, mais chacune va fonctionner avec un petit menu contextuel sur la partie droite, qui va être, comme son nom l'indique, contextuel, en fonction du contenu de la palette. Ce menu va être différent. Il va partager un certain nombre de menus communs, comme Fermer, Fermer le groupe d'onglets ou le panneau, mais chacun aura ses propriétés propres. Les palettes sont constituées également des parties basses ici. Donc, dans la partie basse on peut avoir des séries d'icônes qui correspondent à certaines fonctionnalités propres à cette palette, et qui vont s'adapter. Certaines n'en ont pas, comme ici le CSS Designer. Les panneaux peuvent s'empiler les uns sur les autres au niveau de ces barres latérales. Ces barres latérales sont complètement redimensionnables, ici, et par contre on peut pas les redimensionner dans le sens vertical tant que les panneaux soient fermés. Mais si je clique sur l'onglet DOM ici et si je clique sur l'onglet Fichiers, j'ai ces deux groupes de panneaux qui se partagent. Ici, je vais pouvoir venir dans la partie médiane séparer directement et modifier leur positionnement horizontal ou vertical, moyennant certaines limites de fonctionnalité, pour préserver une certaine lisibilité. Chacun de ces onglets, de ces éléments, peuvent être manipulés à l'intérieur-même du document et du panneau ici. On va pouvoir les réorganiser, on va pouvoir même les sortir de là. Une fois qu'ils sont sortis, on va pouvoir venir les redocker sur la partie droite, et créer, en fonction des disponibilités de surface d'écran que l'on a, on va pouvoir avoir des palettes qui vont être plus larges, comme ça. Ou on va pouvoir même réorganiser son système en les plaçant sur la partie droite, par exemple ici. Faites attention, certaines palettes, comme le CSS Designer, par contre là ça va me demander d'avoir un document ouvert, vont nous permettre ici dès qu'on va passer dans une certaine largeur, de se répartir sur deux colonnes. C'est la seule palette qui permet cela, mais sachez que c'est possible. Voilà, ensuite il est possible de venir réorganiser à l'intérieur-même de ces espaces ici des parties. Ouvrir, fermer et réagencer les espaces disponibles pour chacun des éléments. Ici sur la partie haute totale, vous avez des petites flèches. Ces petites flèches vont vous permettre de réduire l'intégralité du groupe d'onglets ici. Voilà, vous pouvez le réduire. Vous pouvez le réduire en deux niveaux. Le premier niveau, c'est à dire icône plus nomination de la palette. Mais si vous voulez, vous pouvez manuellement le fermer, le réduire au stade d'icône, ici. Bien entendu, chaque fois que vous allez venir sur un de ces éléments, si je viens par exemple sur la palette du DOM, dès que je clique dessus, je vais ouvrir cette palette. Elle reste ici active jusqu'à ce que je clique à l'extérieur ou que je clique sur le choix d'une manipulation faite par la palette elle-même. Ce qui est possible sur la palette de droite, enfin, le groupe d'onglets de droite, est également possible sur le groupe d'onglets de gauche. On va pouvoir comme ça venir refermer ou ouvrir l'intégralité du groupe d'onglets. Si je prends la partie palette ici, je vais déplacer l'intégralité du panneau. Si je prends que le petit onglet, je vais déplacer le petit onglet. Sauf dans le cas où il y a qu'une seule un seul élément, comme ici, j'ai la palette Fichier qui est seule. Si je réouvre cette partie-là, je vais passer par exemple dans la Bibliothèque, voilà, si je reprends la partie du fichier, je peux revenir docker le fichier ici à l'intérieur, et ensuite le réorganiser comme bon me semble. Et si je prends l'intégralité des trois, voyez je déplace l'intégralité du panneau. Voilà donc c'est très ergonomique, c'est très intuitif. Et vous voyez, pour le redocker, soit je le docke en dessous du DOM, soit en dessus, soit dans le groupe. Voilà donc c'est très intuitif, c'est très ergonomique, et cela reste toujours très souple de fonctionnement et de manipulation. Si vous recherchez un onglet, et que cet onglet n'est pas apparent, n'hésitez surtout pas à venir dans le menu Fenêtre où l'intégralité des onglets sont représentés. Faites bien attention, certains vont se retrouver dans des menus contextuels comme ici la palette Résultats, ou encore ici la palette des Extensions. Vous avez la possibilité, enfin, de pouvoir prendre tout élément et de venir - tout élément unique, c'est à dire onglet ou panneau d'onglets, et venir les placer sur la partie basse de votre écran. Alors, il est vrai que certaines palettes sont pas du tout adaptées à la partie horizontale. On verra qu'il existe des palettes qui sont complètement adaptées à une utilisation horizontale, comme par exemple la palette des Résultats ici qui va nous permettre d'avoir des résultats de recherche et qui aura beaucoup plus d'information sur la manière horizontale que sur la manière verticale.

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 !