CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Incorporation d'images dans une page HTML

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

Apprenez à intégrer des images dans une page HTML en suivant ces étapes pratiques.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons explorer différentes méthodes pour intégrer des images dans une page HTML. Nous commencerons par créer un nouveau document que nous enregistrerons sous le nom 'modèle'. Ensuite, nous découvrirons comment utiliser la palette insertion et l'onglet commun pour incorporer des images via différentes techniques, notamment l'utilisation d'icônes, le glisser-déposer, et même le copier-coller depuis Photoshop. Chaque méthode sera suivie d'exemples concrets pour insérer des modèles de guitare électrique, tels que la Stratocaster, la Télécaster et d'autres.

Une première méthode consistera à utiliser l'icône d'insertion d'images pour sélectionner et ajouter des photos à notre document. Nous verrons également comment définir des espaces réservés pour les images et ajuster leurs dimensions pour qu'elles correspondent aux tailles souhaitées.

Ensuite, nous explorerons une méthode plus intuitive qui consiste à glisser-déposer directement des fichiers depuis la fenêtre du gestionnaire de fichiers. Cette approche sera illustrée par l'insertion de plusieurs images de guitares différentes, telles que la Freeze Ibanez et la guitare Jackson.

Enfin, nous passerons au copier-coller d'images depuis Photoshop, en détaillant les étapes pour copier, optimiser et enregistrer les images en format JPEG directement dans Dreamweaver.

Objectifs de cette leçon

Acquérir des compétences pratiques pour incorporer des images dans des pages HTML et maîtriser différentes techniques d'insertion.

Prérequis pour cette leçon

Avoir des connaissances de base en HTML et en utilisation de logiciels de création visuelle tels que Photoshop.

Métiers concernés

Ces compétences sont particulièrement utiles pour les développeurs web, les web designers et les intégrateurs HTML.

Alternatives et ressources

En plus de Dreamweaver, d'autres logiciels comme Sublime Text ou Visual Studio Code peuvent être utilisés pour éditer des pages HTML et intégrer des images.

Questions & Réponses

Il faut créer un nouveau document et l'enregistrer immédiatement sous le nom approprié.
L'icône d'insertion d'images dans la palette insertion et l'onglet commun permet cette opération.
On peut copier l'image depuis Photoshop, puis la coller dans Dreamweaver, qui ouvrira une fenêtre pour optimiser et enregistrer l'image.