Come mettere una miniatura foto su una pagina Web

December 30

Una miniatura è una versione ridotta di una fotografia o immagine che si collega alla versione più grande. Le miniature consentono ai visitatori di avere una visione d'insieme delle immagini nella pagina senza occupare grandi quantità di spazio o costringendoli ad aspettare per l'intera pagina per caricare prima di visualizzare l'immagine desiderata. Le miniature sono ideali per le fotografie, immagini e album fotografici.

istruzione

Preparate le tue foto per pagina:

1 Leggi 'Come trasferire fotografie su un computer' (correlati eHow di) per imparare come trasferire le tue foto sul disco rigido.

2 Salvare le immagini trasferite in una cartella speciale in modo da sapere dove si trovano quando ne avete bisogno.

3 Avviare l'applicazione di web design o editor HTML e posizionare il cursore dove apparirà la prima miniatura.

Ci sono fondamentalmente due modi di inserimento di una miniatura. Le procedure descritte nella sezione illustrano il primo modo, inserendo l'immagine e quindi riducendo la dimensione dell'immagine. Il vantaggio di questa operazione è che l'immagine carichi completamente; Pertanto, quando gli utenti fanno clic su di essa, l'immagine più grande, essendo già stato memorizzato nella loro cache, appare facilmente. Lo svantaggio è che questo metodo può ridurre notevolmente la velocità di caricamento della pagina.

4 Posizionare il cursore nel punto di inserimento e inserire l'immagine. In HTML, digitare il tag di immagine e quindi il nome dell'immagine. Con un'applicazione web design, è possibile utilizzare i comandi di menu per scegliere e inserire l'immagine.

5 Ridurre l'immagine fino a quando non è la dimensione di un'immagine di anteprima. Con un editor HTML, tipo , Sostituendo il nome dell'immagine e le specifiche. Con un'applicazione web design, è possibile fare clic sull'immagine, 'afferrare' utilizzando una delle barre angolari e ridurre manualmente (consultare il file delle applicazioni Guida per ulteriori informazioni).

6 Collegamento all'immagine originale. In HTML, digitare. Chiudere il tag con. Con un'applicazione web design, fare clic sull'immagine e selezionare il collegamento A o comando di collegamento dalla barra dei menu e scegliere il nome dell'immagine.

Il secondo metodo di inserimento di una miniatura è di creare una versione più piccola dell'immagine originale. Il vantaggio è che questa immagine più piccola non prende tanto tempo per caricare e è spesso più chiara un'immagine di dimensioni ridotte rispetto. Gli svantaggi sono che è necessario creare due immagini separate per ogni immagine (la miniatura e l'originale) e, quando il visitatore clicca per vedere l'immagine più grande, può richiedere tempo per caricare.

7 Usa il tuo programma di grafica preferito per ridimensionare l'immagine alle proporzioni desiderate.

8 Salvare e denominare l'immagine ridimensionata come una versione più piccola dell'immagine originale. Ad esempio, imagesm.jpg.

9 Posizionare il cursore nel punto di inserimento e inserire l'immagine (vedi Sezione 2).

10 Link alla immagine originale (vedere Sezione 2).

11 Salvare la pagina e caricare il vostro sito web. Accertarsi di caricare tutte le immagini, e le immagini più piccole se si è scelto il secondo metodo.

12 Aprire la pagina in un browser Web e fare clic su ogni immagine per verificare il collegamento. Correggere eventuali collegamenti in base alle esigenze.

Consigli e avvertenze

  • Alcune applicazioni di web design, come ad esempio Microsoft FrontPage 2000, hanno un 'Make miniatura' di comando. Questo comando crea, nomi e inserisce la miniatura, che collega automaticamente l'immagine originale.