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

L'essentiel de Dreamweaver CC 2017

Importer du texte formaté

Testez gratuitement nos 1341 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Lors de la création d'un site web, vous pourriez être confronté au syndrome de la page blanche. Heureusement, votre client pourra vous aider en fournissant du contenu déjà formaté dans Word, et que vous pourrez importer facilement.
05:00

Transcription

Un des moments les plus solitaires que l'on peut rencontrer quand on créé un site ou qu'on utilise Dreamweaver pour créer du contenu, c'est qu'on se retrouve devant une page blanche et on ne sait jamais trop par où commencer. Donc ce qui est déjà intéressant c'est de se dire qu'on peut avoir une maquette de travail sur laquelle un prototype va venir construire ce contenu et puis demander au client de nous donner dans le meilleur des cas, un document word avec, ou pas, des fautes et on va pouvoir venir comme ça récupérer tout ce contenu mais surtout ce contenu doit être structuré. Alors s'il ne l'est pas, je vous invite à le faire. Vous sélectionnez une partie et vous utilisez la mise en forme que va proposer Word pour pouvoir fabriquer ce contenu ici. Si vous n'avez pas Word, vous pouvez toujours demander à recevoir de la part de votre client directement le contenu écrit dans un simple éditeur de texte txt. Et puis vous allez utiliser une syntaxe markdown. Alors le Markdown je vous invite à vous rapprocher sur cette page du cheatsheet de Markdown qui va vous expliquer comment on formate du conenu. Donc si je mets un dièse c'est un H1, deux dièses c'est du H2 eccetera eccetera. Donc je vous invite à venir parcourir l'intégralité de ce marquage que vous allez pouvoir utiliser. Malheureusement Dreamweaver ne gère pas le Markdown, donc soit vous passez par un outil de type contraire, un éditeur de texte qui va vous permettre de faire, ici de pouvoir dire je veux sauvegarder en HTML cette transformation-là. Soit vous passez par des convertisseurs en ligne sur lequel vous allez pouvoir venir coller l'intégralité de ce markdown ou le fabriquer directement, vous avez un éditeur qui permet de le faire. Pensez à renommer le nom de fichier, vous avez toute une série de paramètres que vous pouvez utiliser dans cette partie-là et puis surtout ici vous pouvez venir demander d'exporter directement vers votre disque de travail et vous allez exporter ce docuument en HTML pour pouvoir l'utiliser. Donc si vous avez du HTML il suffit de récupérer ce HTML et de le coller dans votre page. Si vous avez du Word, formaté bien entendu, il vous suffit de le copier tout simplement en faisant un CTRL C Commande C ou un clic droit, copier, de vous rendre dans votre document Dreamweaver et puis là de venir le coller. Alors si vous n'avez pas paramétré les préférences au départ copie colle, je vous invite à utiliser le collage spécial ici dans le menu contextuel du clic droit. Donc vous faites un clic droit directement dans la page de rendu, et que vous soyiez en création ou en mode en direct, vous avez accès à ce collage spécial ici. Ce collage spécial vous ouvre une boîte de dialogue qui vous propose toute une série de paramètres. Si vous venez dans les préférences de collage ici, ce que je vous expliquais juste au préalable ici vous venez et vous pouvez régler ces paramètres une bonne fois pour toute qui fait que lorsque vous ferez CTRL C CTRL V, à l'intérieur de Dreamweaver, ce collage spécial sera appliqué. Maintenant dans le doute ce que vous faites c'est que vous venez le faire par un clic droit, collage spécial. Alors, qu'est-ce que vous souhaitez? Le texte seul ? Vous n'allez avoir que le texte. Texte structuré, vous aurez la structuration de base au niveau structurel c'est-à-dire les paragraphes, les listes, les tableaux ce qui est expliqué à cet endroit-là dont les titres, les sous-titres bien entendu. Texte structuré avec formatage de base, vous obtiendrez aussi le gras, l'italique et certaines notations comme les commentaires, les bloc quotes, les citations, les trucs de ce style-là. Faites attention selon les tyles de word, ça peut vous générer des balises div supplémentaires pour gérer par exemple les encadrés, les soulignés ou ces éléments-là. Donc choisissez une mise en forme dans word qui soit la plus basique possible et non visuelle. C'est vraiment du structurel que vous voulez. Et là vous importez en plus les styles de word c'est-à-dire tout ce que vous allez avoir mis en couleur, eccetera. Vous avez cette petite option qui est assez sympathique qui vous permet de convertir les guillemets typographiques si besoin, étaient en guillements droits. Donc de simples quotes informatiques et enlever les guillemets ce qu'on appelle à la française avec les chevrons ouvrants, les chevrons fermants. Ici vous pouvez accéder aux préférences. Donc si je reste avec les styles, regardez ce qu'il se passe je récupère des classes qui sont placées à ces niveaux-là et toutes les classes ont été importées directement dans mon docuement en en-tête de document. Donc je vais faire un Ctrl Z et je vais refaire un colllage spécial Voilà ici. Là je vais demander la boucle avant c'est-à-dire le texte structuré plus la mise en forme gras italique. Je dis ok et là j'ai mon document HTML qui est apparu qui est structué, qui est prêt à être employé. Bien entendu, il manque certains formatages comme le le header, le footer, cette partie-là, mais on va voir dans l'état juste après comment on va pouvoir résoudre cette problématique.

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 !