CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Application et Récupération de Styles de Texte en CSS depuis Photoshop

Retour à la formation
Chapitre 14 Leçon 1
Précédent
Suivant

Apprenez à appliquer et récupérer des styles de texte depuis Photoshop en CSS pour vos pages HTML.

Détails de la leçon

Description de la leçon

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.

Objectifs de cette leçon

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.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire d'avoir :
- Des connaissances basiques en HTML et CSS.
- Une familiarité avec les fonctionnalités de base de Photoshop.

Métiers concernés

Les connaissances acquises dans cette vidéo peuvent être appliquées dans les métiers de développement web et de design graphique, notamment pour créer des interfaces utilisateurs esthétiques et fonctionnelles.

Alternatives et ressources

En dehors de Photoshop, des logiciels comme GIMP ou Illustrator peuvent également être utilisés pour gérer et extraire des styles de texte.

Questions & Réponses

La propriété CSS permettant de définir la police d'un texte est 'font-family'.
Il est important d'utiliser des styles de texte avec parcimonie pour garantir une bonne lisibilité et ne pas surcharger visuellement l'utilisateur.
Si certains styles de texte ne sont pas interprétés correctement en HTML, on peut utiliser une image au format PNG tout en veillant à respecter les principes d'accessibilité et de référencement.