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

Paramétrage et Exportation HTML et CSS dans Photoshop

Retour à la formation
Chapitre 11 Leçon 4
Précédent
Suivant

Cette leçon vous guide à travers les étapes pour configurer les paramètres de compression et exporter du contenu HTML et CSS à partir de Photoshop.

Détails de la leçon

Description de la leçon

Apprenez à configurer différents paramètres de compression et d'exportation dans Photoshop pour optimiser vos projets web. Nous aborderons comment sélectionner et configurer le format d'exportation que ce soit pour les images, pour le HTML seul, ou pour les deux. Vous découvrirez également les paramètres d'exportation avancés, notamment l'utilisation de tranches et la génération de fichiers CSS soit via des tableaux ou des div et identifiants. Plusieurs options seront explorées pour personnaliser le style CSS, que ce soit par id, catégorie, ou insertion. Cette vidéo offre une vue complète pour améliorer la lisibilité et l'efficacité du code HTML sorti de Photoshop.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous enseigner à :

  • Configurer les paramètres de compression dans Photoshop
  • Exporter des images, du code HTML et CSS
  • Utiliser les tranches et styles pour optimiser le code généré

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé de :

  • Connaître les bases de Photoshop
  • Avoir des notions en HTML et en CSS

Métiers concernés

Cette vidéo est particulièrement utile pour les métiers suivants :

  • Développeur web
  • Designer UI/UX
  • Intégrateur web

Alternatives et ressources

En dehors de Photoshop, d'autres outils de création web tels que Adobe XD, Sketch, ou Figma peuvent être utilisés pour travailler sur des projets similaires.

Questions & Réponses

La génération d'une table doit être considérée pour des newsletters car cette méthode garantit une meilleure compatibilité avec les clients de messagerie électronique.
Une tranche est une section distincte d'une image ou d'une page web exportée, permettant des optimisations spécifiques, telles que des noms de fichiers automatiques et des configurations de styles.
Indenter le code HTML avec des tabulations améliore la lisibilité et facilite la maintenance du code, rendant ainsi plus facile pour les développeurs de comprendre et de modifier le code.