Perché non si vedono le immagini

[numerone]

Ultimamente ho notato che ci sono molti utenti che si fanno la stessa domanda: Ho uploadato il sito, ma non si vedono le immagini. Perché?

La risposta alla domanda é semplicissima: perché non trova le immagini.
Ok ma perché non le trova?

A questa domanda esistono due risposte:

1. L'indirizzo delle immagini é sballato
Sul vostro pc, nella stessa cartella del file index.html, create una nuova cartella e mette all'interno tutto il sito. Le immagini si vedono ancora? Se no vuol dire che é completamente sbagliato l'indirizzo: modificatelo ricordandovi che su linux non esiste il C:\

2. L'indirizzo delle immagini non é identico a quello reale
Ricordatevi che, per differenze tecniche, il metodo con cui linux archivia i nomi dei files é diverso da quello di Windows. In particolare l'indirizzo Immagini/Image1.JPG é diverso da immagini/Image1.JPG che é diverso da immagini/image1.JPG che é diverso da immagini/image1.jpg.
Linux riconosce le lettere maiuscole come diverse da quelle minuscole.
In oltre fate attenzione agli spazi: se l'immagine si chiama "Immagine 1.jpg" rinominatela in Immagine_1.jpg

Aggiornamento: se caricate i file tramite il pannello di controllo, e tali file contengono degli spazi, il pannello convertirà automaticamente gli spazi con il carattere "_" (underscore, o trattino basso).

Attenzione: una volta apportate le eventuali modifiche: Non vedi le pagine aggiornate o la index risulta ancora non presente?

[dementialsite]

Ritenete di aver seguito alla lettera le regole scritte sopra, ma ancora le immagini non si vedono? Provate a controllare direttamente il codice HTML, il modo più veloce per farlo è il seguente:

1. Accedete al vostro pannello di controllo, sezione Altersito > Gestione Files
2. Localizzate i file HTML del vostro sito, e premete il pulsante (editor di testo - HTML)
3. Nella pagina che compare potete leggere il codice HTML della pagina, con Firefox per evidenziarne/localizzarne alcuni stralci potete usare la funzione di "ricerca testo" (premendo CTRL + F).
4. Eseguite le eventuali modifiche (come da spiegazione seguente), e premete il pulsante "Salva" in fondo alla pagina.

Accertatevi che in corrispondenza dei link alle immagini (cercate qualche tag tipo <img src="..." />) si verifichi quanto segue:

1. Se l'immagine si trova nella stessa cartella della pagina dove la volete inserire, all'interno di src="..." (al posto dei puntini) va semplicemente scritto il suo nome file (compresa l'estensione e rispettando le lettere maiuscole, ricordatevi che sui server AlterVista, diversamente da Windows, maiuscole diverse corrispondono a file diversi).

2. Se l'immagine si trova nella cartella superiore rispetto a quella dove si trova la pagina, all'interno di src="..." va scritto ../ (punto punto slash) seguito dal nome del file dell'immagine (esempio: src="../logo.gif"). Potete anche salire di più cartelle, vi basta ripetere ../ tutte le volte che sia necessario (con ../../ si presume che l'immagine si trovi due cartelle sopra quella della pagina, e così via).

3. Se l'immagine si trova in una cartella, e questa si trova nella stessa cartella della pagina, all'interno di src="..." va scritto il nome della cartella, seguito da / (slash) e quindi dal nome del file (esempio: src="immagini/logo.gif"). Potete anche scendere di più cartelle, scrivendone i nomi nell'ordine in cui sono visitate seguiti ciascuno da / (slash), e infine il nome del file (esempio: src="immagini/peanuts/snoopy/snoopy_sopra_casa.jpg")

4. La regola generica: per inserire il link ad un'immagine sul vostro sito, prima "salite" fino ad una cartella superiore comune usando ../ (punto punto slash), poi "scendete" come spiegato al punto 3 fino al nome del file dell'immagine (esempio: src="../../immagini/logo.gif").

Quanto scritto sopra è esemplificato con le immagini, ma è ugualmente valido con i link ad altre pagine (<a href="...">link</a>), con gli script esterni (<script src="..."></script>) e con i fogli CSS esterni (<link rel="stylesheet" type="text/css" href="..." />).

Spero che questa postilla possa esservi d'aiuto... statemi bene...