L'essentiel de Dreamweaver CC 2017

Exploiter les fichiers apparentés

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Les fichiers apparentés permettent de travailler en souplesse sur un document. Ainsi, vous verrez que Dreamweaver reproduit, en temps réel, la moindre modification et vous informe sur l'état d'enregistrement des fichiers.
04:43

Transcription

Focalisons maintenant sur l'utilisation de ces documents relatifs aux documents source. Donc ici, j'ai un document qui est le document hôte, et qui relie deux éléments Javascript et CSS. Alors, l'apparition de ces documents ici est contrôlée directement depuis les préférences. Si je viens dans la partie générale, ici, j'ai la possibilité de voir ce qu'on appelle les fichiers apparentés. Donc, Découvrez les fichiers apparentés, association manuelle, automatique, manuellement, désactivé, et vous avez la possibilité de mettre à jour les liens lors du déplacement des fichiers demander, jamais, toujours. Donc, le mieux c'est de rester en manuel et demander, au départ, pour bien prendre en main ce genre de fonctionnalité. Après, ce sera à vous d'adapter en fonction de vos besoins. Donc, ici, ça se traduit comment ? Regardez : ici j'ai un fichier Javascript. Ce fichier Javascript me dit, il y a une erreur parce qu'il manque le use strict statement, ici. Bon, je vais le rajouter, alors. Je fais « use strict ». Point-virgule. J'enregistre. Il y a plus d'erreur. Par contre, je viens d'enregistrer, alors. Je n'enregistre pas. Regardez. Si je n'enregistre pas mon erreur, Ici, il y a une petite étoile qui apparaît à côté du nom. Qui me dit, en gros, le fichier n'a pas été enregistré. Mais, ça fonctionne quand-même, puisque si je viens dans le CSS, ici et que je lui dis, je ne veux plus un lightgreen, mais je voudrais un lightgrey, par exemple, je vais prendre du gris, ici, et vous voyez qu'en temps réel l'interface ici s'adapte et se corrige. Pourtant, j'ai deux fichiers qui ne sont pas enregistrés, ici. Et si je reviens dans le document source, à ce moment-là, tout me donne l'impression de bien fonctionner, mais mon oeil doit être attiré par ces petites étoiles, qui me dit qu'il n'y a pas eu d'enregistrement suite aux modifications. Et je vais pouvoir également modifier le format source, ici, et là, cette fois-ci, l'étoile n'apparait pas au niveau du code source, ici, mais elle apparait ici, au niveau de l'onglet du document. Donc, c'est à vous de surveiller ces petites étoiles, pour être sûrs de toujours avoir vos documents enregistrés, en fonction de ce que vous souhaitez faire. Ici, vous avez la possibilité de venir dans Fichier, et de faire Enregistrer tout ici. Vous avez la possibilité également de venir sur l'onglet du document, de faire un petit Control-clic ici clic droit de la souris, et de faire Enregistrer tout ici directement. Et là, voyez que toutes les étoiles disparaissent, et j'ai pris en compte les modifications qui ont été apportées. Pareillement sur les fichiers apparentés, ici je vois que j'ai un fichier qui s'appelle 2-bis, ici et c'est vrai que dans le fichier panel il s'appelle 2-bis. Alors, je vous avais expliqué, dans la première partie, dans les premiers chapitres, de ne jamais renommer ces noms de fichiers directement dans l'explorateur window, ici. Si vous venez dans le menu Explorer, ici, vous vous retrouvez dans l'explorateur window. Je vous conseille de vraiment venir renommer ce fichier ici, parce que regardez. Si je coupe cette partie 2-bis ici, je la coupe, Control-X. J'ai fermé le fichier, c'est bien rappelé. Ici, si j'actualise mon panneau, le petit rond, pas le petit rond qu'il y a dans la partie haute, mais dans la partie basse ici, j'actualise, voilà c'est fait. Mais regardez ici, au niveau de mon chemin d'accès, il cherche toujours le 02-bis. Donc ici, quand je vais venir sur le 02-bis, ici, il me dit attention, je ne le trouve pas. Où est donc ce fichier ? Moi je cherche le 02-bis qui avait ce contenu-là, je ne le trouve pas. Et si je ferme mon document et que je rouvre ce document HTML, ici, voyez que le 2-bis il est complètement masqué. Il existe plus, puisqu'il y a plus de mémoire qui me garde le contenu, je ne l'ai plus. Donc, la seule façon que je vais avoir c'est de le renommer 2-bis, ici. Retourne volontairement dans l'explorateur window, et je vais lui demander cette fois-ci de modifier en 2-bis, voilà. Qui fait que maintenant il revoit automatiquement, puisqu'il recolle les wagons. Alors là je vais pouvoir venir actualiser cette partie-là, voilà. il recolle les wagons, il retrouve, et il me redonne le document. Par contre, si je souhaite le renommer en 2 et pas bis, ici je vais supprimer cette partie-là. Et donc ici je suis dans le File panel, je suis dans le panneau des fichiers de Dreamweaver, et donc à ce niveau-là, si je modifie un document, il me dit Attention. Est-ce que tu veux vraiment modifier cet élément-là parce qu'il va changer le lien qui est porté par le document. Veux-tu mettre à jour ? Mettre à jour. Et là, le lien vient d'être changé directement dans le code, ici, et vous voyez que la petite étoile est apparue au niveau du document ici maître ; voilà. Donc, pensez que les documents apparentés au document hôte peuvent être complètement modifiés, peuvent être renommés, peuvent être changés, mais uniquement depuis l'interface de Dreamweaver. Évitez de faire toute modification de manière extérieure, surtout en ce qui concerne les noms de fichiers, et ensuite vous suivez les petites étoiles au sein de Dreamweaver pour savoir quand des modifications ont été apportées.

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 !