Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Recherche et Ajout d’Images | Création du Site Web du Blog
Développement Web Avec ChatGPT

bookRecherche et Ajout d’Images

Objectif

Ajout d’images au site web afin de le rendre plus attrayant pour les utilisateurs. Comment procéder ? Il est possible de trouver des images sur des sources telles que Unsplash. Sur ce site, il est possible de rechercher un sujet, de sélectionner une image, de copier son adresse et de l’utiliser sur le site web.

Étapes

1. Recherche du sujet souhaité

Accès au site https://unsplash.com/. Saisie libre du sujet d’intérêt dans la barre de recherche.

2. Sélection de l’image

Identifier l’image préférée et cliquer dessus.

3. Copier l’adresse de l’image

Pour copier l’adresse de l’image, effectuer un clic droit sur l’image et sélectionner « Copier l’adresse de l’image » dans le menu contextuel.

4. Utilisation des images

Nous pouvons coller l'adresse copiée dans l'attribut src de l'image pour ajouter l'image sélectionnée à notre site web. Il est également recommandé de spécifier la largeur de l'image afin d'assurer une bonne intégration sur le site. De plus, il est possible de fournir un contenu descriptif pour l'attribut alt ou d'utiliser le titre de l'article comme valeur pour l'attribut alt de l'image.

Exemple :

index.html

index.html

copy

Résultat

index.html

index.html

index.css

index.css

copy

État du site web

Tutoriel vidéo

question mark

Après avoir trouvé une image sur Unsplash et choisi « Copier l’adresse de l’image », que faut-il faire avec cette adresse dans votre HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 5

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 5

bookRecherche et Ajout d’Images

Glissez pour afficher le menu

Objectif

Ajout d’images au site web afin de le rendre plus attrayant pour les utilisateurs. Comment procéder ? Il est possible de trouver des images sur des sources telles que Unsplash. Sur ce site, il est possible de rechercher un sujet, de sélectionner une image, de copier son adresse et de l’utiliser sur le site web.

Étapes

1. Recherche du sujet souhaité

Accès au site https://unsplash.com/. Saisie libre du sujet d’intérêt dans la barre de recherche.

2. Sélection de l’image

Identifier l’image préférée et cliquer dessus.

3. Copier l’adresse de l’image

Pour copier l’adresse de l’image, effectuer un clic droit sur l’image et sélectionner « Copier l’adresse de l’image » dans le menu contextuel.

4. Utilisation des images

Nous pouvons coller l'adresse copiée dans l'attribut src de l'image pour ajouter l'image sélectionnée à notre site web. Il est également recommandé de spécifier la largeur de l'image afin d'assurer une bonne intégration sur le site. De plus, il est possible de fournir un contenu descriptif pour l'attribut alt ou d'utiliser le titre de l'article comme valeur pour l'attribut alt de l'image.

Exemple :

index.html

index.html

copy

Résultat

index.html

index.html

index.css

index.css

copy

État du site web

Tutoriel vidéo

question mark

Après avoir trouvé une image sur Unsplash et choisi « Copier l’adresse de l’image », que faut-il faire avec cette adresse dans votre HTML ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 5
some-alt