Maîtrisez les Propriétés des Styles CSS avec Dreamweaver

Dans cette leçon, nous explorons les propriétés de style CSS proposées par Dreamweaver avec des exemples pratiques.

Détails de la leçon

Description de la leçon

Cette leçon vous guide à travers les différentes catégories de propriétés CSS disponibles dans Dreamweaver. Vous apprendrez à :


  • Modifier les styles de texte et d'arrière-plan.
  • Ajuster la taille et le padding des éléments.
  • Appliquer des bordures avec différents styles.
  • Créer et styliser des listes ordonnées et non ordonnées.
  • Ajouter des propriétés CSS3 comme l'opacité directement dans le code.

En utilisant ces connaissances, vous serez capable d'ajuster les éléments de paragraphe et de liste pour obtenir le design souhaité, tout en tenant compte des différences d'affichage entre les navigateurs. Cette leçon est essentielle pour quiconque souhaite peaufiner l'apparence de ses pages web en utilisant Dreamweaver.

Objectifs de cette leçon

Les objectifs de cette vidéo sont les suivants :


  • Comprendre les différentes catégories de propriétés CSS dans Dreamweaver.
  • Apprendre à créer et appliquer des styles CSS aux éléments HTML.
  • Se familiariser avec l'ajout de propriétés CSS3 directement dans le code.
  • Optimiser l'affichage des éléments pour différents navigateurs.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir :


  • Des connaissances de base en HTML et CSS.
  • Une installation de Dreamweaver prête à l'emploi.

Métiers concernés

Cette leçon est utile pour divers métiers du web, notamment :


  • Développeurs Front-End
  • Web Designers
  • Intégrateurs Web

Alternatives et ressources

Outre Dreamweaver, d'autres logiciels peuvent être utilisés pour gérer et appliquer les styles CSS, tels que :


  • Adobe Brackets
  • Visual Studio Code
  • Atom

Questions & Réponses

La propriété CSS utilisée pour définir l'arrière-plan d'un élément est 'background' ou 'background-color' pour spécifier uniquement la couleur.
Dans Dreamweaver, vous pouvez ajouter une image en arrière-plan en utilisant la propriété 'background-image' et en parcourant votre fichier image via l'interface utilisateur.
Il est important de vérifier l'affichage des bordures dans différents navigateurs car certains styles de bordures, comme le double, ridge, ou inset, peuvent ne pas s'afficher de la même manière sur tous les navigateurs.