Exporter des Compositions Photoshop en HTML

Avantages et limites de l’'outil Tranches
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de comprendre le processus d'exportation, identifier les limitations de l’outil tranche, et apprendre à structurer le code HTML et CSS généré.

Cette leçon explique comment l’exportation de fichiers Photoshop en HTML fonctionne, en abordant les noms de fichiers, les styles CSS, et les comportements automatisés.

Dans cette leçon, nous explorons le processus d’exportation d’un document Photoshop nommé Composition.psd en une page HTML. En utilisant l’outil tranche de Photoshop, nous pouvons créer une page nommée automatiquement Composition.html, avec des noms d'images incrémentés. Nous expliquons comment accéder au code source de la page HTML via un navigateur et examinons la structure du fichier, mettant en évidence les styles CSS en haut et les balises en bas. Les identifiants des images et des balises suivent une logique de nommage cohérente avec des ajustements mineurs. Cependant, cette méthode présente des limites pour la personnalisation, la rendant plus adaptée aux prototypes ou aux pages fixes. En fin de compte, cette leçon vous apporte une compréhension approfondie des avantages et des contraintes de l’outil tranche de Photoshop pour des exportations HTML standard.

Voir plus
Questions réponses
Pourquoi les noms des images sont-ils incrémentés automatiquement lors de l'exportation ?
Les noms des images sont incrémentés automatiquement pour assurer l'unicité et la gestion facile des fichiers lors de l'exportation depuis Photoshop.
Quel est l'avantage principal de l'utilisation de l'outil tranche de Photoshop ?
L'outil tranche permet une exportation rapide et structurée de compositions graphiques en éléments HTML, facilitant ainsi la création de prototypes.
Quelles sont les limitations de l'exportation HTML depuis Photoshop ?
La limitation principale est la difficulté de personnalisation des styles et des structures HTML/CSS générés automatiquement, ce qui peut compliquer les ajustements futurs.

Programme détaillé