L'essentiel de Dreamweaver CC 2017

Gérer les feuilles de style CSS

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dreamweaver permet de gérer les feuilles de style CSS de deux manières. Suivez la voie traditionnelle en travaillant de manière classique sur les CSS, ou servez-vous d'un préprocesseur LESS ou Sass.
03:28

Transcription

Dans Dreamweaver, il est possible de gérer le CSS de deux manières différentes, on va dire de trois manières même. La première manière va être d'utiliser le classique document CSS ici. Vous allez pouvoir créer des feuilles de style CSS les lier à vos documents, les utiliser dans vos documents HTML pour fabriquer la gestin visuelle de vos sites. Vous allez pour cela utiliser le CSS designer qu'on va voir en détail tout à l'heure ou l'inspecteur de propriétés parce que dès lors que vous avez un document activé, vous avez dans la palette des propriétés la possibilité de gérer les CSS à partir de cet emplacement-là. Bien entendu, els 2 sont étroitement interconnectés et vont vous permettre de pouvoir travailler en toute souplesse et simplicité. Bien entendu, quand vous avez un document ici que vous êtes en mode en direct, il suffit que vous ayez une balise par exemple h1 ici. Vous sélectionnez, alors je vais mettre un petit titre tout simplement pour pouvoir l'activer. Il suffit que vous ayez un élément également ici vous allez pouvoir continuer à gérer les CSS et les class on va dire depuis cet emplacement. Donc un système assez bien interconnecté en relation qui va vous permettre de gérer l'intégralité des CSS au sein de Dreamweaver. La 2ème manière, va se découper en 2 phases, en 2 aspects, va être d'utiliser ce qu'on appelle des préprocesseurs. Soit vous utilisez les préprocesseurs à base de sass, technologie sass, qui utilisent 2 languages SCSS ou SASS et puis, la 2ème philosophie va être d'utiliser un autre préprocesseur qui va s'appuyer sur la technologie LESS. Alors les deux sont utilisables directement sous forme de ces fichiers-là, et le compilateur va se situer à l'intérieur. Enfin, le paramétrage de ce compilateur va se situer à l'intérieur des préférences de site. Donc ici dans les préférences de site, vous avez un nouvel onglet qui est apparu qui s'appelle préprocesseur CSS. Dès lors que vous souhaitez travailler avec des préprocesseurs, vous allez cocher cette case. Faites bien attention, cette case est cochée par défaut. Venez la décocher si vous ne souhaitez pas utiliser les préprocesseurs. Premier réflexe à avoir. Dans le cas où vous utilisez les préprocesseurs, vous avez le choix d'utiliser entre less ou sass. Pas les deux. Attention, enfin si vous pouvez avoir des sites qui vont utiliser les 2 mais ça va rester complètement anecdoitique on dira. Ici donc vous avez tous les paramétrages propres à less et ici les petits paramétrages propres à sass. Notamment au niveau de la gestion des commentaires ou le type de format de code que vous voulez générer en sortie. Justement en sortie vous allez avoir ici un paramétrage qui va permettre de gérer la source et la sortie. Les fichiers source et les fichiers de sortie donc les fichiers natifs less scss sass et les fichiers compilés sous format css. Ce qui concerne maintenant principalement sass vous avez plusieurs librairies qui peuvent être activées qui sont compass, bourbon, bourbon neat, bourbon bitters. On reviendra un petit peu en détail dans une étape dédiée à l'utilisation des préprocesseurs. Voilà vous savez que dorénavant pour gérer les css au sein de Dreamweaver, soit vous utilisez le canal classique d'utilisation de css, conjointement avec le css designer l'inspecteur de propriétés et les petits éléments que vous trouverez dans vos documents. Soit vous utilisez les préprocesseurs avec des formats scss, sass et less.

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 !