Extraction des Styles de Texte en CSS
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à extraire des styles de texte depuis Photoshop en CSS.
- Comprendre l'importance de l'accessibilité et du référencement.
- Savoir quand utiliser une image au format PNG pour les styles complexes.
Résumé
Apprenez à appliquer et récupérer des styles de texte depuis Photoshop en CSS pour vos pages HTML.
Description
Dans cette leçon, nous allons explorer comment appliquer des styles de texte, de caractère et de paragraphe depuis Photoshop et les récuperer en CSS pour nos pages HTML. Nous allons aborder diverses propriétés de texte telles que les familles de police, les corps de police, la graisse, la hauteur de ligne, le souligné, ainsi que des effets graphiques comme les ombres portées. Bien que ces styles offrent un large éventail de possibilités pour l'embellissement du texte, il est crucial de les utiliser avec parcimonie afin de garantir une bonne lisibilité et accessibilité. Si certains effets ne sont pas interprétés correctement, une image au format PNG peut être utilisée en dernier recours, tout en respectant les principes d'accessibilité, de référencement et de sémantique.
Questions fréquentes
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
