Contenu du cours
Essentiels du Développement Web avec l'IA
Essentiels du Développement Web avec l'IA
Trouver et Ajouter des Images
Objectif
Ajoutons quelques images au site web pour le rendre plus attrayant pour les utilisateurs. Comment pouvons-nous faire cela ? Nous pouvons trouver des images sur des sources telles que Unsplash. Là, nous pouvons rechercher le sujet souhaité, sélectionner l'image, copier son adresse et l'utiliser sur le site web.
Étapes
1. Recherchez le sujet souhaité
Visitons le https://unsplash.com/. N'hésitez pas à taper n'importe quel sujet qui vous intéresse ici.
2. Sélectionnez l'image
Trouvez l'image que vous préférez et cliquez dessus.
3. Copier l'adresse de l'image
Pour copier l'adresse de l'image, faites un clic droit sur l'image et sélectionnez "Copier l'adresse de l'image" dans le menu contextuel.
4. Utilisation de l'image
Nous pouvons coller l'adresse copiée dans l'attribut src
de l'image pour ajouter l'image sélectionnée à notre site web. Nous devrions également spécifier la largeur de l'image pour s'assurer qu'elle s'adapte bien au site. De plus, nous pouvons fournir un contenu descriptif pour l'attribut alt
ou utiliser le titre de l'article pour l'alt
de l'image.
Exemple:
index.html
Résultat
index.html
index.css
État du site Web
Tutoriel Vidéo
Merci pour vos commentaires !