Dreamweaver CC 2017/2018 : Les nouveautés

Rechercher et remplacer dans Dreamweaver CC

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez les améliorations apportées à la fonctionnalité Rechercher/remplacer de Dreamweaver CC. Il s'agit notamment de la possibilité de rechercher des balises ou de faire des recherches sans qu'aucun fichier ne soit ouvert.

Transcription

Bonjour à toutes et à tous, je m'appelle Damien Bruyndonckx et dans ce chapitre, je vais vous présenter les quelques nouveautés et améliorations qui ont été introduites dans Dreamweaver CC 2017 par la mise à jour du printemps 2017. La première d'entre elle concerne la fonctionnalité de recherche et remplacement. Pour bien comprendre ce qui se passe, je vais me diriger vers ce menu Rechercher qui se trouve ici. Si vous êtes habitués à travailler avec ce menu Rechercher, vous constatez tout de suite qu'il y a un élément supplémentaire par rapport à la version précédente. En fait, cette fonctionnalité de recherche et remplacement existe maintenant sous deux formes différentes. Premièrement, vous avez ici la version light qui s'appelle, dans le menu, Rechercher dans le document actif et le raccourci clavier pour ceci est le traditionnel Cmd + F sur Mac Ctrl + F sur Windows. Et puis nous avons maintenant la version complète de cette fonctionnalité qui s'appelle ici Rechercher et remplacer dans des fichiers et là, le raccourci clavier est Maj Cmd + F sur Mac ou Maj Ctrl + F sur Windows. On va voir comment cela se passe. Je suis ici dans un document html, je vais lancer mon raccourci clavier Cmd + F ou Ctrl + F et là, première différence de taille, vous aviez l'habitude de voir apparaître tout ça dans la partie supérieur de l'écran, maintenant c'est en bas que ça se passe. Regardez, mon champ de recherche est ici, dans le fond. Pour le reste, vous allez retrouver toutes les options auxquelles vous êtes habitués. Remarquez ici cette petite flèche qui monte, qui vous permet de faire apparaître le champ de remplacement. Remarquez également l'icône avec l'entonnoir, ce sont des filtres et vous retrouvez ici toutes les options que vous aviez l'habitude de retrouver sous la forme d'icônes ici, à côté du champ de recherche. Remarquez également que, quand toutes ces cases sont décochées, l'icône de l'entonnoir se présente comme ceci, tandis que quand vous cochez au moins l'une de ces cases, vous allez voir apparaître un petit V vert sur l'icône de l'entonnoir qui vous indique que quelque chose est actif dans cette icône. La nouveauté de ce panneau du fond est la liste déroulante qui se trouve ici, pour le moment nous avons la mention Toutes balises. Pour vous montrer comment cela marche je vais faire une recherche. Par exemple, je vais rechercher le mot Lorem et vous voyez que j'ai trouvé trois occurrences de ce mot dans mon document. La première se trouve ici en ligne 39 et se situe dans un élément H1 c'est-à-dire dans une balise H1 de l'html dans un titre de niveau 1. La deuxième occurrence se trouve ici un petit peu plus bas en ligne 45 dans un titre de niveau 2, dans une balise H2 de l'html et la troisième occurrence est un peu plus bas dans la ligne 65 au niveau d'une balise B donc d'un paragraphe. Vous pouvez maintenant limiter l'action de votre recherche à une balise particulière. Ici vous avez la liste de toutes les balises de l'html et regardez, je vais aller rechercher par exemple la balise H1 qui est ici et maintenant, je ne trouve plus qu'une seule occurrence de mon mot Lorem, celui qui se trouve ici dans le titre de niveau 1. Pour le reste, vous voyez, c'est exactement comme avant. Je vais revenir sur la situation initiale donc Rechercher dans toutes balises, c'est-à-dire dans mon document complet comme avant, donc. Je vais supprimer mon mot-clé de recherche et fermer cette boîte. On va maintenant passer à la version complète de cette fonctionnalité. Rappelez-vous, dans le menu Rechercher ça s'appelle Rechercher et remplacer dans des fichiers, Maj Cmd + F ou Maj Ctrl + F si vous voulez utiliser le raccourci. Cela se présente ici sous la forme d'une petite boîte et vous voyez que dans cette boîte, nous avons deux onglets, l'onglet élémentaire et l'onglet avancé. Dans l'onglet élémentaire, vous allez retrouver les mêmes options que ce que vous aviez dans le fond : le champ de recherche, le champ de remplacement, la petite icône de l'entonnoir avec toutes ces caches à cocher, vous avez ici la liste déroulante des balises, bref tout ce qu'on avait déjà en bas. Il y a deux choses en plus ici dans cette boîte de dialogue : vous avez d'abord cette petite case qui s'appelle Exception, qui était déjà présente dans la version précédente et qui vous permet de prévisualiser votre recherche avant de faire un remplacement, histoire d'être bien certain que c'est ça que vous voulez remplacer et puis, surtout, ici, vous pouvez faire votre recherche non seulement dans le document actif mais également dans les documents ouverts, dans des dossiers, dans des fichiers sélectionnés au préalable dans le panneau Fichiers de Dreamweaver ou bien dans l'entièreté du site local. Je ne sais pas si vous avez remarqué mais cette fonctionnalité n'était pas présente dans le panneau du bas. Si vous voulez rechercher autre part que dans votre document actif, c'est dans cette boîte de dialogue que vous devrez maintenant vous diriger. Il y a aussi le deuxième onglet, l'onglet avancé. Là, les personnes qui utilisent Dreamweaver depuis plus longtemps vont être ravies de retrouver une fonctionnalité qui avait été supprimée de Dreamweaver, elle était présente dans d'anciennes versions, la voilà de retour, regardez, vous pouvez toujours faire une recherche dans plein d'endroits différents. Je vais rechercher ici une balise particulière. Je peux aller la chercher ici dans la liste déroulante, c'est la balise B. Je pourrais aussi la taper directement dans le champ de recherche. Cette balise, je peux la rechercher avec des attributs particuliers, sans attributs, elle peut contenir un texte particulier ou ne pas contenir le texte en question. Bref, j'ai plein d'options pour préciser ma recherche. Si je fais ici avec attributs, je peux choisir quel attribut, dire que c'est égal, plus grand, plus petit, différent d'autre chose. Avec le bouton Plus, ajouter des filtres supplémentaires, avec le bouton Moins, les retirer. Vous voyez que vous avez vraiment un tas d'options à votre disposition. Je vais rechercher tous les balises B donc vous voyez que je n'ai pas besoin de préciser ma recherche plus avant. Quelle est l'action que je peux faire avec ces balises B ? Qu'est-ce que je vais faire une fois que je les trouve ? Je peux remplacer la balise et son contenu, remplacer le contenu uniquement, supprimer la balise, définir un attribut, supprimer un attribut, etc, etc... Ce que je vais faire, je vais modifier cette balise et, à la place, d'utiliser B, je vais utiliser Strong. Regardez, je vais faire un Remplacer tout. Qu'est-ce qui va se passer ? Dreamweaver a trouvé trois occurrences de ma balise B à l'intérieur de mon document et m'a remplacé ça par trois occurrences maintenant de ma balise Strong. Voilà le retour d'une fonctionnalité très puissante. Pour ceux qui sont plus récents dans Dreamweaver, qui l'utilisent depuis moins longtemps, vous allez voir que vous allez trouver ici plein de possibilités de recherche et de remplacement. Dernière petite nouveauté : je vais fermer cette page html et si je vais Cmd ou Ctrl + F regardez que j'ai une boîte qui apparaît et me dit que Cmd + F est la version raccourcie, la version light de cette fonctionnalité de recherche qui ne vous permet que de rechercher dans le document actif. Là, pour le moment, il n'y a pas de document actif mais rappelez-vous que nous avons aussi une autre version de cette fonctionnalité de recherche. C'est Cmd Maj + F ou Ctrl Maj + F et cela marche également quand aucun document n'est ouvert ici dans Dreamweaver et ça aussi c'est une nouveauté qui sera, j'en suis certain, fort appréciée. Voici donc dans cette première vidéo les nouveautés et améliorations qui concernent la fonction de Recherche et de remplacement de Dreamweaver CC 2017.

Dreamweaver CC 2017/2018 : 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 2018

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 !