Dans cette leçon, vous allez apprendre à ajouter du texte aux pages dans Adobe Dreamweaver. Afin que nous puissions utiliser les fonctionnalités du site de Dreamweaver, nous devons créer un nouveau site. Donc on va remonter dans le menu du site, et nous allons aller sur un nouveau site. Si vous ne savez pas comment créer un nouveau site, vous pouvez revenir au module deux et regarder la vidéo, création d'un site dans Dreamweaver. Nous allons nommer ce module cinq, et nous allons cliquer sur cette icône de dossier, et nous allons naviguer jusqu'à l'endroit où vous avez les cinq fichiers de cours du module. Et dans votre module cinq, nous allons cliquer sur le dossier de sélection pour le désigner comme notre dossier de site principal. Nous allons passer aux paramètres avancés. On va cliquer sur les infos locales, et en haut où il est écrit dossier d'images par défaut, nous allons parcourir le fichier, nous allons choisir le dossier images, et cliquez sur le dossier de sélection, et nous allons cliquer sur enregistrer. Dès que nous faisons cela, notre site est ici sur la droite, dans notre panneau de fichiers. Nous allons maintenant ajouter du texte à nos pages quelques façons différentes. Tout d'abord, nous allons créer un nouveau document et nous ajouterons du texte à ce nouveau document non stylisé. Donc, nous allons aller dans le menu fichier pour nouveau, assurez-vous que dans la première colonne, nous avons un nouveau document, de la deuxième colonne, nous allons choisir HTML, du cadre, nous n'en choisirons aucun, mais avec le type de document défini sur HTML5, nous allons cliquer sur le bouton créer. Maintenant, quand notre page apparaît, selon où vous en êtes avec votre code ou vue en direct en haut, Je vais vous faire passer en mode code juste une minute. Et nous allons passer au panneau des fichiers. Nous allons ouvrir le dossier divers, et nous allons double-cliquer sur le dossier de texte de randonnée. Maintenant, c'est un document texte qui a été créé dans le Bloc-notes, mais vous pouvez créer le même type de fichier dans l'édition de texte sur un Mac si vous l'avez, et c'est un fichier très simple, nous avons juste un bulletin mensuel de randonnée en haut, quelques paragraphes, nous avons quelques randonnées, certains vêtements et sous-titres d'équipement. Maintenant, vous remarquerez, lorsque vous ouvrez un fichier texte dans Dreamweaver, il l'ouvre comme s'il reconnaissait le fichier, mais vous ne voudriez jamais enregistrer ce document, même si c'est en mode code, vous ne voudriez jamais enregistrer ce document en tant que fichier HTML, car il manque une chose très importante dans ce fichier. Et ce sont des balises. Il n'y a pas de balises enroulées autour de notre texte. Maintenant, pour intégrer cela dans notre nouveau document sans titre, qui est un fichier HTML, nous allons sélectionner tout ce texte, J'ai juste cliqué et glissé vers le bas, vous pouvez faire une commande ou un contrôle A pour tout sélectionner, ou remonter sous le menu édition pour tout sélectionner, ça aurait marché aussi. On va copier ça, et encore une fois, associez différentes façons de le faire. Contrôle C, vous pouvez faire un clic droit et copier, ou vous pouvez aller dans le menu d'édition pour copier. Si nous revenons à nos deux sans titre, maintenant, c'est là qu'il faut être très prudent, car si vous êtes en mode code, et vous collez ce texte directement dans la vue code, vous pouvez voir que cela fonctionne. Mais si nous cliquons sur l'onglet en direct ici au centre, vous pouvez voir qu'il n'y a pas de mise en forme de paragraphe. Tout est dans un seul gros paragraphe. Donc, nous allons monter dans le menu d'édition et annuler, car il existe plusieurs annulations dans Dreamweaver. Maintenant, cette fois, nous allons revenir à cette vue en direct, et nous allons changer cela en vue de conception, parce que la vue de conception est meilleure pour éditer notre contenu. Si nous plaçons notre curseur en haut de cette page et collons, vous remarquerez que notre texte arrive avec toutes les pauses qui sont là. Donc, si nous passons à notre vue code, c'est la meilleure partie de Dreamweaver c'est que quand on regarde ce texte, toutes nos balises s'enroulent autour de notre contenu textuel, et permettant le formatage que nous voyons ici. On va remonter dans le menu fichier, on va faire une sauvegarde sur ça, et dans ce module cinq, nous allons juste appeler ça copier le texte de soulignement. N'oubliez pas les conventions de nommage, pas d'espaces, pas de caractères spéciaux, les traits de soulignement et les traits d'union sont acceptables. On va sauver ça. Maintenant, nous venons d'ajouter ce contenu à une toute nouvelle page, et il n'y avait pas de styles et pas de zones de la page pour nous inquiéter. Nous avions une table rase, mais qu'est-ce qu'on fait si on a besoin de mettre du texte sur une page qui a déjà une mise en page? Donc, dans ce cas, nous allons passer à notre panneau de fichiers, et nous allons double-cliquer sur about.html. Et vous pouvez voir que nous avons des carets et une barre oblique à côté de ça, et c'est une bonne chose à propos de ce panneau de fichiers, cela nous en dit un peu plus sur le type de fichier dont il s'agit, donc il nous fait savoir qu'il s'agit d'un fichier HTML, parce qu'il y a les carets et la barre oblique dedans. Nous allons donc double-cliquer dessus pour l'ouvrir. Maintenant, nous avons ici une page de mise en page, et vous pouvez voir comment il a beaucoup de contenu. Et ici en haut à gauche, il y a une zone, si nous plaçons notre curseur dans cette zone, vous pouvez voir que nous obtenons un curseur clignotant. Maintenant, en bas de notre page, c'est l'un de ces domaines dans Dreamweaver cela vous aidera à apprendre le code. Nous avons parlé dans le module trois de HTML, et comment nous devons imbriquer nos balises correctement, et ici en bas, il nous indique toutes les balises qui sont imbriqués autour de cette balise H3. Il y a un article qui a une classe d'article gauche, il y a une balise de section, il y a une balise div qui a un conteneur, et ils appartiennent tous à notre corps. Donc, ce que nous allons faire maintenant, c'est aller dans notre panneau de fichiers, et nous allons double-cliquer dessus à propos de txt dans le dossier divers, et nous avons quelques informations sur le groupe qui crée cette newsletter mensuelle de randonnée, et donc nous allons sélectionner tout ce texte. Maintenant, nous ouvrons des fichiers texte directement dans Dreamweaver, mais vous pouvez copier et coller à partir d'un e-mail, à partir d'un document word, à partir d'un PDF, c'est pourquoi nous avons ce dossier divers qui peut contenir tous les fichiers contenant du texte que nous allons mettre sur nos pages. Si vous aviez un document Microsoft Word là-dedans, et double-cliqué dessus, cela ouvrirait un mot pour vous. Dreamweaver ne peut pas ouvrir les fichiers Word ici, mais cela vous permettrait d'ouvrir Word. Nous allons donc sélectionner ce texte. On va le copier, on va aller à nos propos, et nous allons placer notre curseur tout en haut, et nous allons coller. Encore une fois, faites un clic droit pour coller, contrôle V, éditer pour coller, n'importe lequel de ceux-ci fera l'affaire. Maintenant, lorsque nous collons notre contenu ici, vous pouvez voir que nous obtenons toute la mise en forme de nos paragraphes, mais vous remarquerez également que le texte ici semble un peu différent que la version en direct de ce texte de copie. Et c'est parce que ce document texte de copie n'a pas de styles. Donc, il arrive en utilisant la police par défaut, qui est Times New Roman, mais dans ce about.html, parce que ce document a une feuille de style externe s'y est appliqué, et nous pouvons dire que parce que tout en haut, nous avons un fichier connexe, donc parce que cela a une feuille de style qui lui est appliquée, notre texte arrive déjà formaté. Ainsi, lorsque vous ajoutez du texte à un document dans Dreamweaver, cela dépend vraiment de ce qui se passe d'autre dans ce document, en particulier si vous avez des styles utilisés dans votre document, alors votre texte viendra formaté. Mais si vous ne le faites pas, votre texte sera de type Times New Roman, mais tout votre formatage de paragraphe, les sauts de vos paragraphes, ceux-là viendront, tant que vous copiez et collez dans la vue de conception. Alors dans cette leçon, vous avez appris à ajouter du texte aux pages dans Adobe Dreamweaver.
