logo windoweb



Sei qui:Home > Immagini nelle pagine



I D R A
Ipertesto Dinamico per Racconti d'Avventura

Manuale dell'autore
rev 1.0, © 2000 Enrico Colombini
qui puoi scaricare IDRA con il manuale
qui puoi visitare il sito ufficiale dell'autore Enrico Colombini con esempi e giochi scaricabili

OFFERTE AMAZON


Estetica e HTML CAP 4 1 Decorare la pagina 7 Immagini come scelte
2 Caratteri grandi e piccoli 8 Colore di fondo
3 Comandi separati e inclusi 9 Immagine di fondo
4 Esempi di comandi HTML 10 Opzioni multiple
5 Testo colorato 11 Intestazione e piè di pagina
6 Immagini nelle pagine 12 Frame e HTML

Immagini nelle pagine

Si può illustrare il testo con immagini facendo uso dell'istruzione HTML <img> che consente di indicare il nome di un file contenente l'immagine, file che dovrà stare nella cartella (directory) Dati, cioè la stessa di gioco.js; ad esempio:
titolo("Per Giove!")
testo('<center><img src="Giove.jpg"></center>')
continua(Saturno)
È preferibile usare immagini JPEG (di solito indicate con estensione .jpg), oppure PNG (.png), tenendo presente per queste ultime che alcune versioni precedenti dei browser possono richidere un plug-in (modulo aggiuntivo) per mostrarle.

Le immagini GIF (.gif) vanno invece evitate in quanto il relativo algoritmo di compressione è coperto da brevetto ed è quindi in contrasto con lo spirito FSF-GPL (ossia "open source") della distribuzione di Idra. A maggior ragione vanno evitati i BMP di Windows o altri formati non disponibili su tutti i computer.
.jpg .png
È bene inoltre aggiungere a ciascuna immagine una scritta alternativa che verrà mostrata nel caso che l'immagine stessa non possa essere mostrata, ad esempio per effetto di una scelta nelle preferenze del browser; questa scritta può anche consentire la lettura ai non vedenti che impiegano un sintetizzatore vocale.

Per introdurre la scritta si aggiunge un alt="scritta" nell'istruzione HTML che crea l'immagine; l'esempio precedente diventa quindi:
titolo("Per Giove!")
testo('<center><img src="Giove.jpg" alt="Giove"></center>')
continua(Saturno)
Con alcuni browser e sistemi operativi, la scritta indicata con alt= verrà mostrata anche portando il puntatore del mouse sopra l'immagine e lasciandolo fermo per qualche istante.




CLICCA QUI ... PER CONSULTARE LA MAPPA SATELLITARE DEL GLOBO DI GOOGLE


Segnala un sito redazione@windoweb.it
© 1999-2014
Tutti i diritti riservati
Invia le tue foto o i documenti che vuoi pubblicare