L'animation flash n'est pas prise en charge

e-learning Dreamweaver Initiation

7. Mise en forme à l'aide de CSS

7.1 Création de feuille de style CSS

CSS signifie Cascade Style Sheet, ce sont des feuilles de style qui vont contenir la mise en forme de certains éléments du site ou la mise en forme du site que nous n'abordons pas dans le module 1


1. Sélectionnez le panneau Styles CSS


Panneau Styles CSS
Création de CSS
2. Cliquez sur le bouton Créer une feuille de style CSS

3. Cette fenêtre apparaît


Régle de tyle CSS

Choisissez le
Type de sélecteur


Classe
Une class est applicable à toutes les balises

Balise
Permet de redéfinir la mise en forme d'une balise HTML existante
Exemple
Si vous sélectionnez cette option et que vous apportez des modifications à la mise en forme de cette même balise, chaque fois que vous allez insérer la balise HTML évoquées elle appliquera automatiquement la mise en forme.

J'ai modifié la balise li dans ma feuille de style CSS
Au lieu d'avoir des puces standards, mes puces sont remplacées par une image "un carré" qui est dans mon style CSS
  • Puces modifiées
  • Puces modifiées
Avancé
ID, Sélecteur de pseudo class
Permettra par exemple de modifier la mise en forme de vos liens hypertexte lorsqu'ils sont actifs, visités ...

Nom
Donner un nom à votre feuille de style CSS

Définir dans
Nouveau fichier feuille de style
Ce premier choix permet de stocker votre mise en forme sur une feuille de style séparée de votre page
Intérêt
Les règles de style pourront être réutilisés sur d'autres pages
Seulement ce document
Les règles de style sont stockées dans votre page dans la balise head

Pour lier une feuille CSS
1.Cliquez sur le bouton Créer une feuille de style CSS

2. Cette fenêtre apparaît

Ajouter une feuille de style css

3. Cliquer sur le bouton Parcourir pour lier le fichier.css

Pour importer le fichier et avoir le contenu au sein de votre page HTML, sélectionnez le bouton importer

7.2 Créer, modifier, supprimer une règle de CSS

Créer une règle de style CSS

1. Cliquer sur le bouton Créer une feuille de style CSS
2. Choisissez classe comme dans l'exemple ci dessous

Régle de tyle CSS

3. Définir un nom, par exemple essai

4. Cette boîte de dialogue apparaît (Figure 2.43)

Définir une régle de style CSS

5. Définir la police, la taille, l'épaisseur, le style, l'arriére plan, les blocs, les boites, les bordures etc ...

Modifier une règle CSS

1. Dans le panneau Styles CSS
2. Double cliquer sur la règle que nous avons appelé essai
3. La fenêtre (Figure 2.43) apparaît, faîtes vos modifications

Supprimer une règle CSS

Dans le panneau Styles CSS
1. Cliquez sur le bouton Créer une feuille de style CSS

7.3 - Appliquer une feuille de style CSS à une balise

1. Sélectionner l'élément
2. Dans le panneau Propriété, remplisser le champ class ou style en fonction de l'élément

Plan du site | Contact | Création LCFormateur
Ce site est liste dans la categorie Enseignement et formation : Formations professionnelles de l'annuaire Referencement et Dictionnaire