Accueil Formations Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Utilisation de Generator pour l'Intégration de Fichiers PSD dans des Projets HTML

Retour à la formation
Chapitre 15 Leçon 3
Précédent
Suivant

Découvrez comment intégrer des fichiers PSD directement dans vos projets HTML grâce à Generator, en temps réel avec Dreamweaver et Photoshop.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons comment le mécanisme de génération de fichiers avec Generator peut être utilisé pour améliorer la production de pages HTML. En plaçant le fichier PSD au cœur de votre projet, vous pouvez invoquer directement des images générées à la volée par Photoshop. Toute modification effectuée dans Photoshop se répercute automatiquement sur votre page HTML, qu'elle soit ouverte dans Dreamweaver, un navigateur ou un autre éditeur. La vidéo présente une démonstration pratique : mise à jour des URLs dans Dreamweaver pour adapter le dossier, puis modification des couches dans Photoshop avec une synchronisation instantanée des images affichées dans la page HTML.

Objectifs de cette leçon

L'objectif principal de cette vidéo est de montrer comment utiliser Generator pour maintenir les fichiers graphiques à jour en tant réel dans les projets HTML, améliorant ainsi l'efficacité et la productivité.

Prérequis pour cette leçon

Les connaissances de base en Photoshop, Dreamweaver et des notions de HTML et CSS sont nécessaires pour suivre cette vidéo.

Métiers concernés

Les professionnels les plus susceptibles de bénéficier de cette vidéo incluent les développeurs front-end, les web designers, et les graphistes travaillant sur des projets web interactifs.

Alternatives et ressources

Des alternatives potentielles pourraient inclure l'utilisation de logiciels tels que Sketch pour la conception graphique ou Brackets et Visual Studio Code pour l'édition de code HTML.

Questions & Réponses

Generator permet de maintenir les images à jour en temps réel, ce qui simplifie considérablement le flux de travail entre Photoshop et les éditeurs HTML comme Dreamweaver.
Vous aurez besoin de Photoshop, Dreamweaver, et des connaissances de base en HTML et CSS pour suivre efficacement cette leçon.
L'intégration directe des fichiers PSD permet de gagner du temps et de s'assurer que toutes les modifications graphiques sont immédiatement reflétées dans le projet web, réduisant ainsi les risques d'erreurs et les temps de mise à jour.