Dans cette leçon, vous en apprendrez plus sur la fonction d'espace de travail dans Adobe Dreamweaver. J'ai ouvert Dreamweaver. Si vous ne l'avez pas ouvert, assurez-vous de l'ouvrir à partir de votre application de bureau Creative Cloud. Et maintenant, quand nous ouvrons Dreamweaver et nous sommes dans cette zone d'Accueil, cette zone d'accueil ; nous pouvons voir ici, nous avons notre onglet Accueil, nous avons notre onglet Learn, nous avons notre Quick Start, et nous avons nos modèles de démarrage. Maintenant, ici à droite, nous avons un certain nombre de panneaux différents. Nous avons le panneau Fichiers, le panneau Bibliothèques Creative Cloud, le panneau Insertion et le panneau CC Designer, ainsi que le DOM, les actifs et le panneau Snippets. Il s'agit de l'espace de travail standard. Si nous allons dans le menu Fenêtre à Disposition de l'espace de travail, vous pouvez voir que nous n'avons que deux espaces de travail par défaut dans Dreamweaver. Le premier est Standard, et c'est celui dans lequel nous travaillons. L'autre est Développeur. Et si on clique sur Développeur, on voit que ça limite vraiment le nombre de panneaux que nous avons ouvert. Il a juste le panneau Fichiers et le panneau Extraits de code. L'espace de travail Développeur est principalement destiné aux personnes qui utilisent Dreamweaver strictement comme un éditeur de code. Maintenant, nous allons revenir au menu Fenêtre, retour à Disposition de l'espace de travail, retour à Standard parce que nous allons utiliser certaines des fonctionnalités que Dreamweaver a qui nous permettent de créer des pages et des sites sans avoir à vraiment connaître le HTML. Il y a un panneau supplémentaire que nous allons ouvrir, cela va nous aider lorsque nous travaillerons dans Dreamweaver. Nous allons donc aller dans le menu Fenêtre, et nous allons aller dans le panneau Propriétés. Maintenant, le panneau Propriétés, quand on l'ouvre, c'est un panneau flottant, mais nous allons l'ancrer ici en bas. On va cliquer dessus et faites-le simplement glisser vers le bas. Et tu vas voir qu'il y a un point culminant bleu dès qu'il arrive au fond. Et si on clique dessus, il se niche à l'intérieur de notre espace de travail. Maintenant, la meilleure partie du travail avec les espaces de travail dans l'un des programmes Adobe est le fait que nous pouvons maintenant sauver cela. Nous allons donc aller dans notre menu Fenêtre vers Disposition de l'espace de travail, et nous allons passer au nouvel espace de travail. Et nous allons nommer ceci : standard avec propriétés. De cette façon, si jamais quelque chose arrive et nous devons nettoyer notre espace de travail, nous pouvons revenir à ce menu Fenêtre dans Workspace, revenir à cette norme avec des propriétés, et cela mettra tous nos panneaux là où nous en avons besoin. Maintenant, notre panneau Propriétés ici en bas semble vide en ce moment, et c'est parce que nous n'avons rien d'ouvert. Nous allons donc passer à l'onglet Démarrage rapide ici dans notre espace d'accueil, et nous allons juste cliquer sur le document HTML d'ici. Désormais, lorsque vous ouvrez un document, il peut s'agir de n'importe quel document HTML. Peu importe le programme qui a créé ce document HTML. Et c'est l'un des avantages de travailler avec Dreamweaver et HTML. Peu importe le programme qui a créé le code HTML, vous pouvez ouvrir n'importe laquelle de ces pages ici dans Dreamweaver. En haut au centre de notre programme, nous avons trois options. Nous pouvons strictement visualiser et travailler dans la vue Code. Nous pouvons faire une vue en direct. Cela va nous montrer exactement ce qu'il y a sur notre page et à quoi cela ressemblera dans un navigateur Web. Si nous cliquons sur ce menu déroulant, il y a une vue Conception cela ne nous donne vraiment pas un véritable aperçu de ce que notre page va ressembler, mais on peut faire des allers-retours entre Live et Design. Et puis nous avons la vue fractionnée. Maintenant, la vue fractionnée est un peu comme le meilleur des deux mondes parce que la vue fractionnée nous permet de voir notre conception mais nous permet également de voir le code. Donc, si nous cliquons ici et revenons à la vue Conception et cliquez vers le haut dans cette zone de boîte blanche, nous pouvons taper "Hello World!" Et vous pouvez voir en haut, c'est ce que quelqu'un verrait s'il regardait cette page, mais aussi ici en bas, nous pouvons voir le code. Ainsi, même si vous n'avez pas besoin de connaître HTML et Dreamweaver, c'est une bonne idée d'apprendre un peu à ce sujet. Et c'est une façon que vous pouvez le faire en regardant le code que Dreamweaver crée dans le back-end. Maintenant, l'autre chose que je voulais souligner est-ce maintenant ici dans nos propriétés, nous avons quelques options pour styliser notre texte. Notre panneau Propriétés va changer en fonction de l'objet que nous avons sélectionné. Donc, plus tard, lorsque nous ajoutons du texte et nous ajoutons des graphiques à notre page, nous allons passer un peu de temps dans le panneau Propriétés, formater ce texte et formater ces graphiques. Mais pour l'instant, nous ne regardons que l'espace de travail. Alors dans cette leçon, vous avez appris à configurer un espace de travail dans Dreamweaver, créer une nouvelle page dans Dreamweaver, et en regardant les différents points de vue que nous avons lorsque nous travaillons sur des pages HTML.
