Modification des États du Bouton avec CSS
Objectifs
Les objectifs de cette vidéo sont d'apprendre à utiliser les pseudoclasses CSS pour personnaliser les états d'un bouton et à manipuler des images d'arrière-plan en fonction des interactions de l'utilisateur.
Résumé
Apprenez à distinguer les styles des boutons en fonction de leurs états avec les pseudoclasses dans Dreamweaver.
Description
Ce tutoriel présente l'utilisation des pseudoclasses CSS pour styler les boutons en fonction de différents états : link, visited, over et active. Vous apprendrez à attribuer des couleurs spécifiques au texte en fonction de l'état du bouton, ainsi qu'à gérer l'affichage d'images d'arrière-plan à partir d'une image unique subdivisée en trois parties. Vous découvrirez comment utiliser la propriété background-position pour ajuster l'affichage de l'image en fonction de l'état du lien. Le tutoriel est principalement réalisé dans Dreamweaver.
Questions - réponses
over est utilisée pour styliser le lien au survol de la souris.
background-position est utilisée pour ajuster l'affichage de l'image d'arrière-plan en fonction de l'état du lien.
Programme détaillé
Module 1 - Introduction de la formation à Photoshop CC pour le Web
Module 2 - Les raccourcis utiles de Photoshop CC
Module 3 - Création de formes vectorielles, édition de formes
Module 4 - Les réglages élémentaires de Photoshop
Module 5 - Exporter individuellement les images bitmaps pour le Web
Module 6 - Exporter un SVG depuis Photoshop CC
Module 7 - Créer plusieurs versions dune composition Photoshop CC
Module 8 - Réaliser un Gif animé
Module 9 - Réaliser un rollOver CSS
Module 10 - Réaliser un Sprite Sheet (animation pelliculée)
Module 11 - Exporter une page XHTML statique à laide de loutil Tranches
Module 12 - Réaliser une composition HTML5 sémantique à partir de Photoshop
Module 13 - Gérer les styles CSS de formes primitives avec Photoshop
Module 14 - Gérer les styles CSS de textes éditables avec Photoshop
Module 15 - Exporter les calques par lot à laide de lextension Photoshop Generator
Module 16 - Générer automatiquement les icones dune application mobile
Module 17 - Exporter une composition Photoshop vers les autres logiciels Adobe
Module 18 - Réaliser un Gif vidéo
Module 19 - Réaliser un montage vidéo pour le Web avec Photoshop
Module 20 - Conclusion
