Come creare un cliccabile Foto Link

December 30

Come creare un cliccabile Foto Link


Siti realizzati per vendere i prodotti utilizzano spesso immagini cliccabili. I visitatori cliccare le immagini più piccole, o "Miniature", e sono indirizzati a una pagina speciale sul sito, una versione più grande dell'immagine o informazioni sulla voce in questione. Fare un link di immagine è simile a fare un testo normale o "collegamento ipertestuale". L'unica differenza tra i due è il codice usato per dire Internet che il collegamento è una foto e visualizzare come tale. Per creare un collegamento immagine cliccabile, gli utenti devono prima avere l'immagine ospitato online, conoscere il suo indirizzo URL e scrivere il codice HTML corretto per avvolgere l'URL dell'immagine.

istruzione

1 Ottimizzare l'immagine per il web salvandolo come un file JPEG a 72 DPI o punti per pollice. Verificare che le dimensioni dell'immagine si inserisce lo spazio in cui si desidera che appaia. Un'immagine di dimensioni 200 pixel quadrati è l'ideale per le immagini all'interno di un catalogo online in cui più immagini appaiono in ogni pagina. La dimensione più piccola delle immagini permette la pagina per caricare rapidamente.

2 Carica la tua immagine o ad un host di immagini gratuito come "photobucket.com," "imageshack.us," e "tinypic.com" o caricarlo al tuo hosting. Copiare l'URL o l'indirizzo web dove l'immagine si trova on-line e incollarlo in un documento vuoto per la custodia.

3 Apri la pagina web che si desidera modificare. Trova l'area in cui si desidera che l'immagine viene visualizzata, quindi copiare e incollare la riga di codice di seguito.

<a indirizzo href="URL dove un'affermazione da come l'immagine per portare i visitatori E'una volta clicked.">

<Img />

</a>

4 Sostituire cui si dice "indirizzo URL da cui si desidera l'immagine per portare i visitatori una volta che è cliccato" con l'indirizzo URL della pagina di vostra immagine o di prodotti. Ad esempio, se l'immagine è di una cassetta postale e lo si vuole portare i visitatori alla tua pagina "Contattaci", ci si inserisce l'indirizzo URL della pagina "Contattaci" in quel luogo.

5 Copiare l'URL dell'immagine è stato salvato in un documento vuoto e incollarlo dove dice "immagine URL o posizione in linea." Salvare le modifiche al tuo sito web o blog e controllare l'immagine link. Se si dirige a una nuova pagina, una volta cliccato, il codice è stato fatto correttamente. Si noti, tuttavia, che se si indirizza a una pagina diversa o un errore "Pagina non trovata", potrebbe essere necessario controllare di nuovo l'indirizzo URL della pagina web così come l'immagine. Verificare di aver incluso "http: //" e fare altre modifiche, se necessario.