Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Trouver et Ajouter des Images | Construction du Site Web du Blog
Essentiels du Développement Web avec l'IA
course content

Contenu du cours

Essentiels du Développement Web avec l'IA

Essentiels du Développement Web avec l'IA

1. Aperçu du Cours et IA dans le Codage
2. Anatomie du Site Web
3. Introduction à ChatGPT
4. Construction du Site Web du Blog

book
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:

html

index.html

copy

Résultat

html

index.html

css

index.css

copy

État du site Web

Tutoriel Vidéo

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 5
We're sorry to hear that something went wrong. What happened?
some-alt