CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web Guide Pratique pour Intégrer des Styles CSS de Photoshop à Dreamweaver

Guide Pratique pour Intégrer des Styles CSS de Photoshop à Dreamweaver

Placer les styles d’'une forme sur un élément HTML5 isolé 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

Processus d'Importation et d'Application des Styles

Objectifs

Les objectifs de cette vidéo sont de vous enseigner comment copier des styles CSS depuis Photoshop, ajuster ces styles dans Dreamweaver, et valider les ajustements graphiques dans divers navigateurs.

Résumé

Apprenez à utiliser Photoshop pour copier des styles CSS et les intégrer dans Dreamweaver pour améliorer vos projets HTML.

Description

Cette leçon vous guide à travers le processus d'utilisation de Photoshop pour copier des styles CSS et les appliquer dans votre projet HTML via Dreamweaver. Nous commençons par analyser les blocs existants dans le fichier HTML et identifions comment les styles sont définis dans l'en-tête de votre code.

Ensuite, nous passons à Photoshop pour copier les propriétés CSS de chaque bloc individuellement. Cela inclut des éléments cruciaux comme les bordures, les contours, et les dimensions des blocs. Une attention particulière est portée sur l'ajustement de la largeur et de la hauteur des blocs pour compenser l'épaisseur des contours. Nous illustrons également comment arrondir ces valeurs pour obtenir une mise en page plus cohérente.

Enfin, nous revenons dans Dreamweaver pour remplacer les styles précédents par les nouveaux directement dans le fichier CSS et validons les transformations dans la vue d'aperçu. Vous apprendrez aussi comment gérer les particularités des propriétés de CSS selon différents navigateurs.

Voir plus

Questions - réponses

Pourquoi est-il important de soustraire l'épaisseur du contour dans les dimensions des blocs?
Il est important de soustraire l'épaisseur du contour pour que le bloc conserve ses dimensions initiales telles que prévues dans le design.
Quels logiciels sont utilisés dans cette leçon pour manipuler les styles CSS?
Les logiciels utilisés sont Photoshop pour copier les styles CSS et Dreamweaver pour les intégrer dans les fichiers HTML.
Comment valider les transformations des blocs après avoir appliqué les nouveaux styles?
Vous pouvez valider les transformations en utilisant la vue d'aperçu de Dreamweaver et en testant les résultats dans différents navigateurs.

Programme détaillé