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
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
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/. Saisir librement tout 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 recommandé de spécifier également la largeur de l'image afin d'assurer une bonne intégration au site. De plus, il est possible de fournir un contenu descriptif pour l'attribut alt ou d'utiliser le titre de l'article 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 devez-vous 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

Suggested prompts:

How do I add an image to my website using the copied address?

Can you explain how to set the image width and alt attributes?

What should I do if the image doesn't display correctly on my website?

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/. Saisir librement tout 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 recommandé de spécifier également la largeur de l'image afin d'assurer une bonne intégration au site. De plus, il est possible de fournir un contenu descriptif pour l'attribut alt ou d'utiliser le titre de l'article 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 devez-vous 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