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

Intégration de styles CSS de Photoshop à Dreamweaver

Retour à la formation
Chapitre 12 Leçon 7
Précédent
Suivant

Cette vidéo vous apprend à intégrer des styles CSS extraits de Photoshop dans Dreamweaver.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons la procédure pour extraire des styles CSS à partir de calques dynamiques de Photoshop et les intégrer dans Dreamweaver. Vous apprendrez à copier le style CSS d'un groupe de calques, à coller ce style dans une feuille de style, et à ajuster les éléments pour s'assurer de la validité du code. Une partie importante de la leçon est de comprendre comment retravailler les éléments, tels que les sections, articles et éléments de navigation, directement dans Dreamweaver pour obtenir une mise en page correcte et fonctionnelle. En finalité, la vidéo s'assure que chaque élément est positionné correctement avec les styles appropriés avant de rajouter des éléments graphiques supplémentaires et des images dynamiques.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de:

- Apprendre à copier et coller des styles CSS de Photoshop à Dreamweaver.
- S'assurer de la validité du code CSS.
- Structurer correctement les éléments HTML en utilisant les bons styles.

Prérequis pour cette leçon

Les prérequis nécessaires pour suivre cette vidéo sont:

- Connaissance de base en HTML et CSS.
- Expérience avec Photoshop pour extraire des styles.
- Avoir Dreamweaver installé.

Métiers concernés

Cette leçon est pertinente pour les métiers suivants:

- Développeur web.
- Designer UI/UX.
- Intégrateur Front-End.

Alternatives et ressources

Les logiciels ou solutions alternatives incluent:

- Utilisation de Adobe XD pour l'exportation de styles CSS.
- Sketch pour les utilisateurs Mac.
- Outils de développement intégrés dans Visual Studio Code.

Questions & Réponses

Le logiciel utilisé est Photoshop pour copier les styles CSS à partir de calques dynamiques.
Vérifier la validité est important pour s'assurer que les styles sont correctement appliqués et que le code fonctionne sans erreur.
Dreamweaver est utilisé pour coller les styles CSS et structurer les éléments HTML de manière adaptée et fonctionnelle.