Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Dreamweaver CC 2017

Exploiter la palette Fichiers

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
L'élément incontournable de maintenance et de travail sur un projet de site est la palette Fichiers. Vous allez découvrir l'excellente ergonomie et la richesse de ses fonctions.
05:46

Transcription

La palette des fichiers ici va nous permettre de vraiment comprendre l'arborescence, la relation et l'organisation du site. Ici, Dès l'instant où on a semblant de début de travail de site, on a la possibilité d'accéder à l'intégralité de cette arborescence par simple clic, et on va pouvoir se promener à l'intérieur des fichiers. Pensez que vous avez chaque fois un menu contextuel, simplement en sélectionnant un fichier et en cliquant dessus, on a la possibilité d'avoir accès à une multitude de fonctions. Pareil pour les dossiers, ici, et surtout la possibilité d'explorer. C'est à dire, explorer ça va permettre d'accéder directement à la partie Windows ou Macintosh, bien entendu. de cette arborescence. Faites bien attention de ne jamais modifier le fichier, le nom de fichier ou d'organisation depuis le système operating, depuis le système de votre machine, qu'il s'agisse de Mac ou de PC, de Windows. Ne faites pas cela, parce que sinon, Dreamweaver va complètement perdre le fil de la relation entre les documents. Il est très important de venir modifier cette arborescence directement à ce niveau-là. Regardez, ici, si je prends le fichier CSS, par exemple, je vais avoir le fichier qui s'appelle 09-index.css. Il suffit que je le renomme avec 09-index tiret css, dès que je fais cette manipulation, Dreamweaver me dit, attends, on va analyser, je dis vas-y, analyse, il me dit attention, tu as un fichier qui est en relation, il s'appelle 09-index. C'est ce que tu veux le mettre à jour ? Oui, mets-le à jour. Voilà, la mise à jour a été faite. Et bien entendu si ici je reviens et que je refais cette modification ici, voilà, bien entendu, ici, la remise à jour se refait. Si je le fais depuis Windows, c'est terminé, je ne pourrai jamais faire cette modification-là, et je peux casser l'arborescence de mon site. La partie de la palette de fichiers ici vous avez tout un petit menu textuel ici dans lequel vous allez avoir besoin de venir très rapidement, c'est ici demander à voir l'ensemble des fichiers cachés. C'est à dire que si vous utilisez des fichiers de type par exemple voyez notes ici qui sont apparus, si vous avez des fichiers de type HT Access ou des fichiers de configuration qui ne seraient pas vus par la palette classique, vous allez les manquer. Donc si des fois vous recherchez un fichier et que vous ne le trouvez pas ici dans l'arborescence, pensez vraiment à rapidement vite venir dans le menu d'affichage ici et de demander d'afficher les fichiers masqués. Une autre partie qui peut parfois avoir son incidence c'est l'actualisation, ici. Vous êtes dans Photoshop, vous travaillez sur une image, vous revenez dans Dreamweaver, vous venez dans le dossier images, vous ne voyez pas cette image. Pensez à venir actualiser ici, ou vous tapez sur la touche F5 pour mettre à jour directement cette palette. Des fois, il peut y avoir une petite latence, liée à d'autres occupations ressources du processeur, qui va faire que le fichier ne va pas forcément apparaitre directement dans la palette des fichiers. Donc n'hésitez surtout pas à cliquer à l'intérieur de la palette. Pensez à cliquer par contre à l'intérieur de la palette et vous faites F5, ça va actualiser cette palette, ou alors vous venez cliquer sur ce petit icône de rafraichissement. Ne pas confondre l'icône circulaire ici de rafraichissement de la palette avec l'icône circulaire ici de synchronisation avec le serveur. Toute cette partie d'icônes que vous allez avoir dans cette partie-là concerne le client FTP, et la synchronisation avec le serveur. On verra cela un peu plus tard dans une étape qui sera dédiée. Dans la partie haute, ici, vous avez l'affichage local dans la mesure où vous avez défini un serveur, et si vous cliquez sur cet élément, vous allez pouvoir passer sur le serveur distant. En se connectant là-dessus, en bien sur si cela a été configuré, vous vous connectez directement sur le serveur, et vous voyez que l'ensemble des fichiers est devenu jaune. S'ils sont gris, c'est que vous êtes en local, s'ils sont jaunes, c'est que vous êtes sur le serveur distant. Ce qui veut dire que si maintenant j'ouvre cette palette-là et que je travaille ici, je ne vais pas travailler sur le fichier base.html qui se trouverait ici sur ma machine, mais je vais rapatrier le fichier HTML qui se trouve sur le serveur. Et c'est lui que je vais modifier, c'est pas le fichier local que je vais modifier. Donc faites bien attention à cette symbolique de couleurs ici pour être sûrs de modifier le fichier que vous souhaitez modifier. Maintenant, si vous utilisez ici le dernier élément, le serveur d'évaluation, c'est parce que si vous travaillez avec un site par exemple en PHP, ou que vous utilisiez une base de données locale pour pouvoir développer, vous avez peut-être besoin de travailler sur une version locale mais serveur de votre production. Donc à ce moment-là, les dossiers sont verts, et là, pareillement, si vous modifiez, vous ne modifierez pas le fichier local de votre disque local, mais vous allez modifier le fichier qui repose sur le serveur d'évaluation. Alors, si vous travaillez en équipe, il y a de fortes chances que les trois machines, locale, évaluation et distante soient trois machines complètement distinctes. Si vous êtes tout seul à travailler, vous risquez d'avoir que deux seuls dossiers, le serveur distant et le serveur d'évaluation, qui sera en fait le clone |de l'affichage local. Voilà ce qu'on pouvait dire sur la palette des fichiers. On reviendra plus en détail sur la palette des fichiers au moment où on travaillera sur la partie client FTP, et puis on reviendra également sur la palette fichiers quand on va travailler sur les synchronisations avec le serveur, notamment comment on va pouvoir voiler des fichiers, ou pouvoir suivre les fichiers de rapport T client FTP. Juste avant de terminer, un petit raccourci pas-mal utile, c'est que si vous ouvrez ce dossier, et si vous ouvrez ce dossier. La fois d'après, quand vous allez rouvrir le dossier-site, vous allez vous retrouver avec l'intégralité des dossiers ouverts. Il suffit pour cela que vous appuyez sur la touche Control, et que vous fermiez un dossier, ou que vous l'ouvriez, peu importe, mais que vous fassiez une action sur le fichier en ayant maintenu la touche Control appuyée. La fois d'après, là je lâche Control, quand vous rouvrez, vous avez fermé ou vous avez ouvert, tout va dépendre, vous avez l'opposé de ce que vous aviez au préalable. Donc si vos dossiers sont tous ouverts, et ça peu importe le nombre de récursions que vous aurez à l'intérieur des dossiers, pensez à la touche Control, vous cliquez, vous refermez, et là, la fois d'après, tous vos fichiers seront rentrés dans l'ordre.

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 !