CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web Exportation des CSS et balises HTML de Photoshop vers Dreamweaver

Exportation des CSS et balises HTML de Photoshop vers Dreamweaver

Identifier les spécificités HTML5 de chaque type de conteneur Photoshop dans Dreamweaver
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Photoshop CC pour le Web
Revoir le teaser Je m'abonne
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Gestion de l'export des styles et balises

Objectifs

Les objectifs de cette vidéo sont :
- Comprendre comment récupérer et exporter les styles CSS depuis Photoshop.
- Maîtriser l'intégration de ces styles dans une page HTML via Dreamweaver.
- Apprendre à gérer les particularités des objets dynamiques et des calques groupés.

Résumé

Apprenez comment exporter efficacement les styles CSS et balises HTML de Photoshop à Dreamweaver pour créer des pages web optimisées.

Description

Dans cette leçon, nous allons explorer comment gérer l'export des feuilles de style et des balises HTML de Photoshop vers Dreamweaver. Vous découvrirez comment copier les styles CSS directement à partir des calques dans Photoshop, y compris la gestion des bitmaps et des formes vectorielles. Nous aborderons également les processus permettant de créer une page HTML dans Dreamweaver et d'y importer ces styles, en examinant les particularités des objets dynamiques et la manière de les intégrer correctement. Au travers d'exemples pratiques, vous apprendrez à surmonter les défis liés à la position et aux dimensions des blocs importés et à optimiser votre workflow pour une intégration fluide et efficace.

Voir plus

Questions - réponses

Pourquoi utiliser un groupe principal nommé 'Body' dans Photoshop ?
Utiliser un groupe principal nommé 'Body' permet de copier l'ensemble des styles des éléments contenus en une seule opération, facilitant ainsi leur importation dans Dreamweaver.
Quelle est la limitation majeure des objets dynamiques en CSS ?
Les objets dynamiques ne conservent pas bien leur position relative dans une page web, nécessitant souvent des ajustements manuels pour un positionnement correct.
Comment Dreamweaver gère-t-il les bitmaps et les formes vectorielles importées de Photoshop ?
Dreamweaver peut gérer les bitmaps importés en tant qu'images et les formes vectorielles en adaptant leurs styles CSS, y compris les contours et propriétés de formes enrichies.

Programme détaillé