Introduction
Découverte
Créer des pages
Réaliser des pages
Les spécialités de Dreamweaver
Détails de la leçon
Description de la leçon
Dans cette leçon, nous abordons la réalisation des éléments graphiques nécessaires à la conception d'une page HTML en utilisant Photoshop. Vous apprendrez à identifier les éléments essentiels tels que le logo, le dégradé, le hachuré de fond, le menu du guitariste, le filet de contenu et le pied de page.
Ensuite, vous découvrirez comment les découper correctement à l'aide de l'outil tranche de Photoshop. La leçon met en exergue l'importance de la commande 'enregistrer pour le web et les périphériques', qui permet d'optimiser les images pour un meilleur rapport qualité/poids, impactant ainsi les performances de votre site web. Enfin, vous serez guidés pour enregistrer et nommer ces tranches efficacement.
Un point important couvre la création d'éléments graphiques avec fond transparent en format PNG pour une meilleure intégration dans différentes pages web. La leçon fait aussi une parenthèse sur la création de motifs de fond hachurés en utilisant de petits documents optimisés en format GIF. Cet apprentissage est fondamental pour ceux qui souhaitent concevoir des pages HTML légères et performantes.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Apprendre à découper des éléments graphiques avec l'outil tranche de Photoshop.
- Optimiser les images pour le web.
- Enregistrer des éléments graphiques avec fond transparent.
Prérequis pour cette leçon
Les prérequis pour suivre cette vidéo sont :
- Avoir des notions de base en Photoshop.
- Une compréhension générale de la conception des pages HTML.
Métiers concernés
Les connaissances acquises dans cette leçon sont particulièrement utiles pour :
- Web designers
- Développeurs front-end
- Graphistes
Alternatives et ressources
Les solutions alternatives à Photoshop pour réaliser des opérations similaires incluent :
- Adobe Illustrator
- GIMP
- Affinity Designer
Questions & Réponses
Je m'abonne