Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Muse CC 2015

Insérer du texte

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Examinez diverses manières d'insérer du texte provenant d'un fichier externe. Il s'agit notamment de fichiers de type Word ou Texte.

Transcription

Dans cette vidéo, je vais vous montrer plusieurs façons d'insérer du texte dans muse, alors je me trouve ici dans la page d'accueil de mon site qui est en cours de développement, vous le voyez, et depuis le chapitre précédent j'ai inséré une image ici sur cette page au-dessus, j'ai également inséré un rectangle rouge ici de 50 pixels de haut qui accueillera plus tard la barre de navigation principale de cette page, j'ai surtout inséré sur cette page un tout petit rectangle ici sans fond ni contour donc un rectangle qui sera totalement invisible à l'internaute qui visitera ma page, et ce rectangle je m'en sers quand je le déplace vers le bas pour augmenter la hauteur de ma page, et donc pour générer un espace vide ici dans lequel je vais pouvoir confortablement insérer du nouveau contenu. L'occasion pour moi de vous rappeler que la hauteur d'une page web n'est pas connu à l'avance, elle n'est pas fixe non plus, donc les différentes pages du site peuvent très bien avoir des hauteurs différentes. La hauteur d'une page web est en fait dictée par le contenu que vous allez mettre sur cette page web, et donc on est très loin de ce qui prévaut dans l'industrie de l'impression où vous connaissez à l'avance la taille de votre support et où la taille de ce support est identique de page en page, par exemple dans votre brochure. Alors on va maintenant insérer du texte sur cette page, il y a plusieurs méthodes pour cela, et la première vous la connaissez déjà, puisqu'on l'a déjà évoquée plus tôt dans ce cours, il s'agit tout simplement d'aller activer l'outil texte qui se trouve ici dans la palette d'outils, et de dessiner une zone de texte, un rectangle dans lequel je vais pouvoir taper du texte : "Venez fêter la fin de l'année scolaire" "avec nous" Voila, alors cette zone de texte, alors c'est une zone de texte mais c'est également avant tout un rectangle. Et donc une fois que vous prenez votre outil de sélection et que ceci est considéré comme un rectangle donc, vous allez retrouver dans la partie supérieure de votre écran et bien toutes les propriétés toutes les icônes tous les contrôles que vous avez l'habitude de voir pour des rectangles tout à fait classiques, et donc notamment la possibilité de mettre ici une couleur de fond sur cette zone de texte une autre possibilité que nous n'avons pas encore évoquée dans ce cours, la possibilité d'arrondir les coins de ce rectangle. Je vais prendre par exemple un arrondi de 25 pixels ici, notez que vous pouvez faire ça sur des rectangles classiques, il n'y a pas besoin que le rectangle soit une zone de texte pour arrondir les coins comme ceci. Je vais maintenant sélectionner le texte à l'intérieur de cette zone, aller rechercher dans mes bibliothèques cc la couleur que je veux affecter à ce texte, ici se sera le bleu de mon jeu de couleur. Changer un la taille de mon texte. Voila je vais augmenter un petit peu la taille de la police de caractères, aller chercher dans les outils de texte supplémentaires la possibilité de centrer le texte à l'intérieur de la zone de texte. Alors autre possibilité, pour cela je retourne vers mon outils de sélection, pour considérer mon outil comme un rectangle et bien la possibilité dans le menu Fenêtre d'aller chercher le panneau des espacements qui se trouve ici, et se panneau vous permet, vous le voyez de générer une marge intérieure à votre objet. Je vais mettre par exemple une marge de 12 pixels. Alors cette marge intérieure, c'est ce qu'on appelle un Padding pour ceux qui connaissent le CSS et donc vous voyez que j'ai maintenant un écart de 12 pixels entre le bord de mon objet et ma zone de texte et donc le texte respire un peu dans cette zone de texte et c'est beaucoup plus joli comme ça. Remarquez également ici une petite ligne pointillée, ça c'est tout simplement parce que la zone de texte est trop petite maintenant pour accueillir l'ensemble du texte et les marges intérieures, et donc l'objet a été automatiquement agrandi pour pouvoir accommoder ces nouvelles marges intérieures et donc cette petite ligne pointillée dit simplement que la hauteur de cet objet s'arrête normalement à la ligne pointillé mais il a été agrandi pour accommoder donc ces marges intérieures. Donc voila une première façon d'insérer du texte dans Muse, c'est l'utilisation de l'outil texte, vous pouvez tapez directement du texte ou bien évidemment copier-coller du texte qui vient de l'extérieur. Alors une autre façon d'insérer du texte dans Muse, et bien c'est de l'importer comme on faisait des images, et pour ça je vais utiliser la même méthode, donc Fichier, Importer, et dans les sources de cette formation, vous allez retrouver un dossier qui s'appelle texte, dans ce dossier vous allez retrouver 4 sous-dossiers, un pour chaque page du site et dans le dossier accueil, une série de dossiers txt, alors je vais prendre le premier d'entre eux, la premère colonne .txt je vais l'ouvrir, et vous allez que comme pour les images tout à l'heure et bien mon curseur se charge maintenant de texte, il me suffit de cliquer pour générer une zone de texte vous le voyez dont le contenu provient du fichier texte que j'ai importé. Cette zone de texte est une zone de texte tout à fait classique par ailleurs et je peux tout à fait la redimensionner et la déplacer sur ma page comme je le fais d'ailleurs de n'importe quelle autre zone de texte. Autre possibilité je vais importer de nouveau un texte, je vais prendre ici la 2ème colonne .txt plutôt que de cliquer sur la page, vous pouvez cliquer-glisser et donc vous voyez que vous pouvez déjà choisir la taille de cette zone de texte au moment de son importation. Alors quand on importait des images, rappelez-vous que l'on pouvait importer plusieurs images en une fois, on peut faire la même chose avec le texte, donc Fichier, Importer de nouveau, je vais prendre les 3 fichiers texte qu'il me reste à importer, vous constatez que comme pour les images mon curseur est maintenant chargé de 3 fichiers textes, vous voyez ce 3 entre parenthèses et donc je vais importer le premier d'entre eux, qui sera le texte de la 3ème colonne et puis je vais importer le suivant que je vais mettre ici voila, alors là vous constatez que évidemment que ce texte est assez grand donc ma zone de texte n'est pas assez grande donc j'ai cette ligne pointillée qui m'indique que la zone de texte doit être agrandie pour afficher l'ensemble du texte, Voila, et donc ici je vais cliquer pour insérer la zone de texte suivante et vous voyez que cette zone de texte augmente à son tour la hauteur de la page. Voila alors je vais bien sûr peaufiner ces textes plus tard dans ce chapitre, je vais également peaufiner la mise en page de cette page d'accueil plus tard dans ce chapitre. L'objectif de cette vidéo, c'était de vous montrer comment importer du texte sur cette page et vous voyez qu'il y a plusieurs techniques pour cela, Et notamment la possibilité d'importer du texte depuis un fichier externe est une façon rapide de travailler, une façon tout à fait efficace également c'est une manière de pouvoir travailler ensemble, dans une équipe puisque pendant qu'une équipe éditoriale génère les fichiers txt, et bien vous l'équipe graphique vous pouvez déjà créer vos gabarits et commencer vos mises en page, il vous suffira d'importer les textes de l'équipe éditoriale dans vos mises en page par la suite.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :21 juil. 2016
Durée :3h50 (44 vidéos)

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 !