Docsity
Docsity

Prepara i tuoi esami
Prepara i tuoi esami

Studia grazie alle numerose risorse presenti su Docsity


Ottieni i punti per scaricare
Ottieni i punti per scaricare

Guadagna punti aiutando altri studenti oppure acquistali con un piano Premium


Guide e consigli
Guide e consigli


Esercitazioni Informatica Ecampus, Esercizi di Elementi di Informatica

Esercitazioni Informatica Ecampus

Tipologia: Esercizi

2019/2020
In offerta
30 Punti
Discount

Offerta a tempo limitato


Caricato il 14/10/2020

Tommyg01
Tommyg01 🇮🇹

4.2

(36)

6 documenti

1 / 2

Toggle sidebar

Questa pagina non è visibile nell’anteprima

Non perderti parti importanti!

bg1
ESERCITAZIONE Lez. 32
1) Realizzare una pagina html che contenga un titolo e, al
centro, un’immagine.
2) Spiegare come e perché è necessario attribuire un
testo alternativo ad un’immagine.
Pensare di creare pagine web alternative a quelle che
utilizzano le immagini significherebbe discriminare gli utenti
da un completo utilizzo di ciò che riserva la rete.
Ci sono alcuni utenti, come gli ipovedenti ad esempio, che
non riescono a mettere a fuoco del tutto le immagini proposte
dal web, i non vedenti sono del tutto esclusi da questa
possibilità, altri ancora usano browser che non permettono la
visualizzazione delle immagini. Fornire un testo equivalente
per le immagini garantisce in tutti i casi sopraelencati
l'accessibilità, oltre a essere utile indistintamente a tutti gli
utenti: si tratta di un elemento irrinunciabile per assicurare
sempre e comunque accessibilità alle immagini inserite in una
pagina web.
3) Grazie a quale combinazione di tag è possibile fare in
modo tale che un’immagine diventi un link ipertestuale?
Fornire inoltre un esempio tramite codice html.
Fino a questo momento si è sempre utilizzato del semplice
testo per evidenziare un link, ma è pratica comune nel mondo
web rendere un'immagine, un logo o un'icona cliccabile.
Realizzare un link mediante un'immagine consiste
essenzialmente nell’annidare un tag <img> all’interno del tag
<a>. Come ad esempio:
<a href='pagina.html'><img src='immagine.jpg'/></a>
pf2
Discount

In offerta

Anteprima parziale del testo

Scarica Esercitazioni Informatica Ecampus e più Esercizi in PDF di Elementi di Informatica solo su Docsity!

ESERCITAZIONE Lez. 32

**1) Realizzare una pagina html che contenga un titolo e, al centro, un’immagine.

  1. Spiegare come e perché è necessario attribuire un testo alternativo ad un’immagine.** Pensare di creare pagine web alternative a quelle che utilizzano le immagini significherebbe discriminare gli utenti da un completo utilizzo di ciò che riserva la rete. Ci sono alcuni utenti, come gli ipovedenti ad esempio, che non riescono a mettere a fuoco del tutto le immagini proposte dal web, i non vedenti sono del tutto esclusi da questa possibilità, altri ancora usano browser che non permettono la visualizzazione delle immagini. Fornire un testo equivalente per le immagini garantisce in tutti i casi sopraelencati l'accessibilità, oltre a essere utile indistintamente a tutti gli utenti: si tratta di un elemento irrinunciabile per assicurare sempre e comunque accessibilità alle immagini inserite in una pagina web. 3) Grazie a quale combinazione di tag è possibile fare in modo tale che un’immagine diventi un link ipertestuale? Fornire inoltre un esempio tramite codice html. Fino a questo momento si è sempre utilizzato del semplice testo per evidenziare un link, ma è pratica comune nel mondo web rendere un'immagine, un logo o un'icona cliccabile. Realizzare un link mediante un'immagine consiste essenzialmente nell’annidare un tag all’interno del tag . Come ad esempio:

4) Cos’è una mappa-immagine in html? Quali attributi entrano in gioco per definire un’area della mappa? Le immagini possono essere utilizzate come link con altre pagine di un sito web, ed a volte è necessario far sì che solo una determinata porzione di un’immagine sia collegata ad un link. La logica alla base di una mappa html è quella di suddividere l’immagine in zone calde (hotspot), grazie alle quali raggiungere le destinazioni dei link. Per tale progettazione vengono usati i seguenti comandi:

  • Map, il quale genera la mappa con riferimento all’immagine da mappare;
  • area, che genera le aree sensibili al click del mouse;
  • Img, visualizza l’immagine da mappare. 5) Realizzare una pagina html utilizzando opportunamente DIV, paragrafi, link e immagini, che contenga: - nella parte alta un titolo; - un menu orizzontale che come link abbia delle immagini; - un paragrafo di testo giustificato.