e-learning Dreamweaver Initiation7. Mise en forme à l'aide de CSS
7.1 Création de feuille de style CSSCSS 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
3. Cette fenêtre apparaît ![]() Choisissez le 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
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
Seulement ce documentLes règles de style pourront être réutilisés sur d'autres pages Les règles de style sont stockées dans votre page dans la balise head Pour lier une feuille CSS
2. Cette fenêtre apparaît ![]() 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 CSSCréer une règle de style CSS
![]() 3. Définir un nom, par exemple essai 4. Cette boîte de dialogue apparaît (Figure 2.43) ![]() 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 CSS1. Dans le panneau Styles CSS2. 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 CSSDans le panneau Styles CSS
7.3 - Appliquer une feuille de style CSS à une balise1. Sélectionner l'élément
|
1-Se familiariser avec l'interface
1.1 Organisation de l'espace de travail
1.2 La barre d'outils Insertion 1.3 La gestion de sites avec Dreamweaver 2- Création de contenu texte
2.11 Le texte, les polices, le formatage
2.12 Les paragraphes 2.13 Les entêtes 2.14 Les puces, les listes numérotées 2.15 Les sauts de ligne, les espaces insécables, les caractères spéciaux 3- Insertion d’images
3.1 Généralités et utilisation
3.2 Insérer une image 3.3 Les images de fond 3.4 Les images survolées 4- Les hyperliens
4.1 Lien sur du texte
4.2 Lien sur une image 4.3 Lien de messagerie 4.4 Les ancres nommées 4.5 Les attributs 5- Mise en page à l’aide des tableaux 6- Mise en page à l'aide de calques 7- Mise en forme à l'aide de CSS
7.1 Création de feuilles de style
7.2 Créer, modifier, supprimer une règle de CSS 7.3 Appliquer une règle de style CSS à une balise 8- Insertion de médias Flash 9 - Créer un menu de navigation 10- La balise HEAD 11- Transférer vos données |
et