Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Ricerca e Aggiunta di Immagini | Creazione del Sito Web del Blog
Quizzes & Challenges
Quizzes
Challenges
/
Sviluppo Web con ChatGPT

bookRicerca e Aggiunta di Immagini

Obiettivo

Aggiunta di immagini al sito web per renderlo più attraente per gli utenti. Come è possibile farlo? È possibile trovare immagini su fonti come Unsplash. Qui è possibile cercare l'argomento desiderato, selezionare l'immagine, copiarne l'indirizzo e utilizzarla sul sito web.

Passaggi

1. Ricerca dell'argomento desiderato

Visita il sito https://unsplash.com/. Inserimento libero di qualsiasi argomento di interesse.

2. Selezionare l'immagine

Individuare l'immagine preferita e fare clic su di essa.

3. Copiare l'indirizzo dell'immagine

Per copiare l'indirizzo dell'immagine, fare clic con il tasto destro sull'immagine e selezionare "Copia indirizzo immagine" dal menu contestuale.

4. Utilizzo delle immagini

È possibile incollare l'indirizzo copiato nell'attributo src dell'immagine per aggiungere l'immagine selezionata al sito web. Si consiglia inoltre di specificare la larghezza dell'immagine per garantire una corretta visualizzazione sul sito. È possibile fornire un contenuto descrittivo per l'attributo alt oppure utilizzare il titolo dell'articolo come valore per l'attributo alt dell'immagine.

Esempio:

index.html

index.html

copy

Risultato

index.html

index.html

index.css

index.css

copy

Stato del sito web

Video tutorial

question mark

Dopo aver trovato un'immagine su Unsplash e aver scelto "Copia indirizzo immagine", cosa dovresti fare con quell'indirizzo nel tuo HTML?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

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?

Awesome!

Completion rate improved to 5

bookRicerca e Aggiunta di Immagini

Scorri per mostrare il menu

Obiettivo

Aggiunta di immagini al sito web per renderlo più attraente per gli utenti. Come è possibile farlo? È possibile trovare immagini su fonti come Unsplash. Qui è possibile cercare l'argomento desiderato, selezionare l'immagine, copiarne l'indirizzo e utilizzarla sul sito web.

Passaggi

1. Ricerca dell'argomento desiderato

Visita il sito https://unsplash.com/. Inserimento libero di qualsiasi argomento di interesse.

2. Selezionare l'immagine

Individuare l'immagine preferita e fare clic su di essa.

3. Copiare l'indirizzo dell'immagine

Per copiare l'indirizzo dell'immagine, fare clic con il tasto destro sull'immagine e selezionare "Copia indirizzo immagine" dal menu contestuale.

4. Utilizzo delle immagini

È possibile incollare l'indirizzo copiato nell'attributo src dell'immagine per aggiungere l'immagine selezionata al sito web. Si consiglia inoltre di specificare la larghezza dell'immagine per garantire una corretta visualizzazione sul sito. È possibile fornire un contenuto descrittivo per l'attributo alt oppure utilizzare il titolo dell'articolo come valore per l'attributo alt dell'immagine.

Esempio:

index.html

index.html

copy

Risultato

index.html

index.html

index.css

index.css

copy

Stato del sito web

Video tutorial

question mark

Dopo aver trovato un'immagine su Unsplash e aver scelto "Copia indirizzo immagine", cosa dovresti fare con quell'indirizzo nel tuo HTML?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 5
some-alt