Techniques pour insérer des images dans HTML
Objectifs
Acquérir des compétences pratiques pour incorporer des images dans des pages HTML et maîtriser différentes techniques d'insertion.
Résumé
Apprenez à intégrer des images dans une page HTML en suivant ces étapes pratiques.
Description
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.