Créez une nouvelle feuille de style

D'abord, vous allez créer une feuille de style externe qui contient une règle CSS définissant un style pour du texte de paragraphe. Quand vous créez des styles dans une feuille de style externe, vous pouvez contrôler l'aspect de pages Web multiples à partir d'un même emplacement au lieu d'avoir à définir des styles pour chacune des pages.

A SAVOIR...

Compléments sur les règles CSS

Les règles CSS peuvent se trouver dans les emplacements suivants :

Les feuilles de style CSS externes regroupent des règles CSS enregistrées dans un fichier .css externe distinct (pas dans un fichier HTML). Le fichier .css est lié à une ou plusieurs pages d'un site Web à l'aide d'un lien situé dans la head section d'un document.

Les feuilles de style CSS internes (ou incorporées) regroupent les règles CSS incluses dans une balise style dans la head section d'un document HTML. Ainsi, l'exemple suivant définit la taille de police pour l'ensemble du texte dans le document mis en forme à l'aide de la balise paragraphe :

<premier>
<style> 
   p{
   taille de police : 80px
   }
</style>
</premier>

Les styles en ligne sont définis avec des instances spécifiques de balises dans un document HTML. Par exemple, <p style="taille de police : 9px"> définit la taille de la police uniquement pour le paragraphe mis en forme avec la balise qui contient le style incorporé.

Dreamweaver restitue la plupart des attributs de style appliqués directement dans la fenêtre de document. Vous pouvez également afficher un aperçu des styles appliqués au document dans une fenêtre de navigateur. Certains attributs de style CSS sont représentés différemment dans Microsoft Internet Explorer, Netscape Navigator, Opera et Apple Safari.

Choisissez Fichier> Nouveau.
Dans la boîte de dialogue Nouveau document, Sélectionnez Page de base dans la colonne Catégorie, sélectionnez CSS dans la colonne Page de base et cliquez sur Créer.

Une feuille de style vierge apparaît dans la fenêtre de document. Les boutons pour les modes Création et Code sont désactivés. Les feuilles de style CSS sont des fichiers de texte uniquement, c'est-à-dire que leur contenu n'est pas prévu pour être affiché dans un navigateur.
Enregistrez la page (Fichier > Enregistrer) sous le nom cafe_townsend.css.
Quand vous enregistrez la feuille de style, assurez-vous que vous le faites dans le dossier cafe_townsend (le dossier racine de votre site Web).

Saisissez le code suivant dans la feuille de style :

p{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
}

Au fur et à mesure que vous tapez, Dreamweaver vous propose des options de code pour vous aider à terminer votre saisie. Appuyez sur Entrée (Windows) ou Retour (Macintosh) quand vous apercevez le code que Dreamweaver vous propose pour terminer la saisie à votre place.

N'oubliez pas d'inclure un point-virgule à la fin de chaque ligne, après les valeurs de propriété.

Quand vous aurez terminé, le code devrait avoir l'aspect suivant :

CONSEIL

Pour plus d'informations sur une quelconque propriété CSS, reportez-vous au guide de référence O'Reilly qui est livré avec Dreamweaver. Pour afficher le guide, choisissez Aide > Référence et sélectionnez O'Reilly - Référence CSS dans le menu déroulant du panneau Référence.

Enregistrez la feuille de style.

Ensuite, vous allez associer la feuille de style à la page index.html.

M'envoyer un message électronique lorsque des commentaires sont ajoutés à cette page | Rapport de commentaire

Page en cours: http://livedocs.adobe.com/dreamweaver/8_fr/using/gs_06_c5.htm