Dreamweaver CS6 : Les nouveautés

Enregistrer les fontes dans Dreamweaver

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
La première étape va consister à enregistrer les typos souhaitées depuis la nouvelle palette de gestionnaire de fontes apparue dans Dreamweaver CS6.
04:59

Transcription

Une fois notre choix arrêté sur une typo en particulier, par exemple, ici, la Aurulent Sans, il suffit depuis le site de l'éditeur dans un premier temps, de s'assurer de la disponibilité de la typo, de la licence sur laquelle les conditions d'utilisation vont être définies, et puis de regarder s'il existe directement un kit @font-face, sinon, il faudra le fabriquer. Alors la plupart des fondeurs proposent des kits @font-face directement téléchargeables qui proposent donc le TTF, le EOT, le WOF, le SVG en téléchargement. Pour cela, il suffit de télécharger le kit complet qui est représenté par une archive, donc cette archive, je vais l'enregistrer dans le dossier Téléchargements, ça me va très bien, OK. Le téléchargement terminé, je vais pouvoir ouvrir le dossier contenant le fichier ici, et tout simplement le décompresser par Extraire tout. Alors, préférez des fois Extraire tout à Décompresser ici, par exemple, sur certaines extensions rapides parce que parfois, les dossiers ne sont pas forcément encapsulés dans des dossiers, donc vous allez avoir des tonnes de fichier un peu partout, ce qui est le cas ici, par exemple, dans Aurulent qui va contenir différentes déclinaisons de la typo, on le voit ici avec le BoldItalic, le Bold, l'Italic et le Regular, et vous voyez, chaque fois, l'extension de fichier EOT, SVG, TTF, WOF, donc chaque fois, la typo est représentée dans chacun de ces formats. Vous avez trois fichiers généralement supplémentaires : Le fichier de démo qui permet de visualiser la typo, de voir sa déclinaison, de voir son rendu. Le fichier de style CSS qui lui est associé, qui va permettre de définir la règle @font-face, et toutes les paramètres de description nécessaires. Et enfin, le contrat de licence d'exploitation de cette typo. Alors moi, ce que je vous préconise, c'est de garder l'intégralité de ce dossier sur votre disque dur, et surtout le contrat d'exploitation, et puis, lorsque vous mettrez en ligne, mettre en ligne également le rajoutera, vous verrez, le petit contrat de licence ici. Alors, toutes ces typos sont récupérables dans le dossier Téléchargements, donc, ce qu'on pourrait faire, c'est venir copier ça, et le placer quelque part, par exemple, sur le bureau. Donc ici, je vais venir récupérer le dossier, Copier, je vais aller le placer sur le bureau, Coller, de façon à y accéder plus rapidement ici, voilà. Basculons maintenant dans Dreamweaver, et regardons donc cette nouveauté qui va nous permettre de pouvoir manager, gérer nos typos incorporés, au sein de Dreamweaver. Alors la première chose à faire, c'est de venir dans le menu du site dans la gestion du site, dans le raccourci clavier le plus simple, à ma connaissance, c'est de double cliquer sur ce menu. Vous pourriez très bien venir ici, directement depuis gérer les sites, et puis venir modifier ce site en question, mais en double cliquant sur ce menu déroulant, vous ouvrez directement les configurations de ce site. On bascule dans les paramètres avancés, et ici vous avez un dossier police web, qui par défaut, se met à la racine du site dans un dossier nommé webfonts, mais vous pouvez, vous, venir définir ce dossier où bon vous semble, en fonction de votre organisation et de votre arborescence. On va laisser ce dossier par défaut, et on va venir maintenant dans le menu Modifier, Modifier Polices Web... ici, où un gestionnaire de police web est apparu dans cette version de Dreamweaver CS6. Alors, il suffit de venir ajouter toutes les typos que l'on souhaite rendre disponibles pour nos pages web, ici, directement. Et vous voyez, vous avez toute une série de champs à venir remplir. Alors rassurez-vous, on ne va pas devoir faire les saisies en multiples exemplaires, il suffit de récupérer la police EOT ici, et donc vous cliquez sur ce petit dossier, et on va aller pointer sur le bureau, dans le dossier Aurulent ici, et on va venir chercher la première typo. Alors au départ, on pourrait prendre par exemple la Regular ici, quoi qu'il en soit, ils se classeront toujours par ordre alphabétique, donc, vous prenez dans l'ordre que vous souhaitez. Je vais ouvrir. Et dès l'instant où on ouvre cette typo, Dreamweaver reconnait l'intégralité des fichiers qu'il recherche, et il va pré-remplir tous les champs nécessaires. Alors bien entendu, il va remplir les champs, si les typos existent dans cette déclinaison de typo bien entendu, d'où l'intérêt de télécharger des packs qui possèdent déjà l'intégralité de ces fichiers, de cette description de typo, en fonction des systèmes visés. Ici, vous ne pouvez pas valider, il va falloir placer, que vous détenez cette licence, je n'y reviendrai jamais assez, sur la licence d'exploitation dans la typo, et là, vous validez, OK, et la typo maintenant est présente. Alors ce que vous pouvez faire, c'est ajouter l'intégralité de ces typos directement avant d'aller un peu plus loin. Voilà, toutes les typos ont été importés, on peut maintenant terminer, alors vous pouvez au passage, si vous n'utilisez plus certaines typos, venir les supprimer depuis ce gestionnaire, mais sinon, généralement quand on les ajoute pour un site, on va les utiliser, voilà, vous faites terminer, et si vous regardez maintenant, on va faire un petit peu de place ici, vous actualisez la palette des fichiers, vous allez voir apparaître un dossier webfonts, mais qui va être vide parce que vous n'utilisez pas encore la typo au sein de votre site. Le dossier se remplira uniquement dès l'instant où vous allez utiliser la typo dans vos pages.

Dreamweaver CS6 : Les nouveautés

Allez à la découverte des nouveautés de Dreamweaver CS6, qui gravitent autour du développement d’applications mobiles, de la pluri-distribution et de sites Internet réactifs.

3h16 (40 vidéos)
Aucun commentaire n´est disponible actuellement
Logiciel :
Spécial abonnés
Date de parution :23 avr. 2012
Mis à jour le:5 avr. 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 !