L'essentiel de Dreamweaver CC 2017

Exploiter les barres d'outils

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les barres d'outils sont constituées d'icônes repositionnables. Ainsi, vous serez en mesure de personnaliser votre outil de travail.
04:50

Transcription

Il existent diverses barres d'outils au sein de Dreamweaver qui sont repositionnables, pour la plupart, on va dire, et surtout reconfigurables. Donc ici on a la première barre d'outils par défaut, qui est sur la partie gauche, ici, et qui contient l'ensemble des fichiers classiques, c'est à dire l'ouverture des documents, le placement des documents, etc. Donc on reviendra non pas en détail sur chacune de ces fonctionnalités mais on sera amenés à les utiliser au cours des étapes prochaines, donc vous pourrez voir un peu leur fonctionnement. Attention, ces palettes sont interactives, c'est à dire que dès l'instant où on va avoir un document ouvert, par exemple ici si j'ouvre un document HTML, Si je suis dans la partie visuelle, vous voyez que vous avez une série d'icônes. Si je passe dans la partie code, j'ai une autre série d'icônes. Donc il arrive souvent que au départ on cherche une icône et, parce qu'on est pas dans le bon emplacement, on s'aperçoit pas tout à fait des icônes qu'on a sous la main ou pas sous la main, donc ça va demander un petit temps d'adaptation, mais vous allez voir, c'est très intuitif et très bien adapté à nos flux de travail. Presque on va dire qu'on a toujours l'icône qu'il faut sous la souris quand on y va. Cette barre est, comme toutes les palettes, barres d'outils est déplaçable, par contre elle ne peut rester que verticale. On ne peut pas l'horizontaliser. Mais vous allez pouvoir l'accrocher où vous voulez tout simplement par ce petit liseré bleu qui apparait et qu'avec lui ça y est, je peux me magnétiser, je peux m'ancrer à cet endroit-là. Cette barre est complètement personnalisable. Vous avez ici des petits boutons qui vont vous permettre de venir sélectionner par rapport à un choix d'outils bien défini les outils que vous voulez afficher ou pas dans cette barre d'outils. La deuxième barre d'outils en fait est par défaut une palette. C'est la palette d'insertion, ici. Alors, vous pouvez très bien laisser cette palette d'insertion sous forme de palette, et chaque fois que vous allez en avoir l'utilité, donc si je fais un nouveau document HTML, par exemple ici vous allez pouvoir jongler entre diverses catégories. Les catégories formulaires, par exemple jQuery mobile ou encore Modèle, par exemple. Vous allez pouvoir utiliser cette palette de cette manière-là. Mais vous avez la possibilité également de la désancrer ici, la rendre flottante, bien sûr, et surtout l'ancrer sous forme de palette d'outils, donc vous pouvez par exemple venir l'ancrer de ce côté-là, elle se comportera toujours sous forme d'une palette d'outils. Mais si vous venez l'ancrer sur la partie haute du document, ici, voyez, là, sur le liseré bleu, quand vous lâchez, vous avez une palette à onglets qui apparait, c'est à dire qu'on a plus maintenant le petit menu déroulant qui va nous permettre de choisir la catégorie, mais on va pouvoir venir choisir directement la catégorie et avoir les icônes correspondantes accessibles sur la partie basse. Vous avez une partie Favoris ici qui va vous permettre de venir personnaliser une barre qui pourrait rassembler un certain nombre d'icônes quelles qu'il soit, au sein de cette barre. Quel que soit l'onglet que vous ayez choisi, vous avez la possibilité de personnaliser les favoris et à ce moment-là, c'est cette barre-là que vous allez personnaliser. Il y a une seule palette qui va pouvoir se personnaliser, et c'est celle-ci. Voilà, il suffit ensuite de prendre les éléments et de les déplacer sur la partie droite pour ensuite les voir apparaitre directement. Ici vous pouvez les réorganiser, mettre des séparateurs. Vous avez libre choix d'action à ce niveau-là. Par contre, dès l'instant où vous allez revenir sur cette palette d'insertion ici ici, vous allez retrouver à chaque fois le label de description de l'icône sur le côté. Chose que vous n'avez pas quand vous êtes en barre horizontale de ce sens. Troisième barre d'outils, qui apparait uniquement lorsqu'un document est ouvert, ici, donc dès l'instant que vous ouvrez un document, vous avez cette palette ici qui vous permet d'avoir l'action entre la visualisation que du code, exclusivement, la visualisation du mode indirect, c'est à dire vous vous comportez comme dans un navigateur, les animations se jouent, les effets de rollover sont pris en compte directement. Soit en mode création pure et dure, qui va alors être déstabilisant au départ, dans certains cas, parce qu'en fait on va se retrouver avec le document brut de décoffrage, sans aucune mise en page, sans aucun élément de rendu. Mais, par contre, vous allez avoir du texte au kilomètre, et des fois c'est plus facile de travailler dans ce sens-là, ce qui n'est pas le cas dans le site qui est actuellement en cours de travail. Et vous avez le troisième onglet, qui vous permet ici de fractionner, c'est à dire d'avoir d'une part le rendu visuel et d'autre part le code, de manière interactive. On verra en détail comment on peut affiner ces paramètres-là mais déjà, trois palettes d'outils. Première palette d'outils interactive entre le rendu et le code sur la partie gauche. Palette d'outils d'insertion qui peut être placée sur la partie haute ou rejoindre directement la boîte des palettes, ici. Et troisième partie d'outils qui vous permet de pouvoir fractionner le document sur lequel vous êtes en train de travailler.

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 !