Come creare un link grafico

June 10

Come creare un link grafico


La grafica è un buon modo per attirare una pagina visitatore di un link su un sito web. La differenza nella codifica collegamenti di testo e link grafici è minore, quindi la vera difficoltà è decidere quando un'immagine è un sostituto adeguato per il testo. Con un po 'di pensiero e di sperimentazione, la grafica può essere utilizzato come una grande alternativa dall'aspetto e chiaro ai collegamenti del testo per guidare perfettamente utenti attraverso un sito.

istruzione

1 Aprire lo script pagina web da modificare in un editor di testo come Blocco note o Editpad.

2 Copia questo codice html:

<a href="(enter il link qui senza il parentheses)">
<Img src = "(inserire l'indirizzo web dell'immagine da utilizzare come collegamento senza parentesi)" width = "100" height = "200" border = "0" alt = "(inserire descrizione della pagina collegata qui senza le parentesi) "/>
</a>

3 Con il cursore, click sinistro sul posto nello script in cui l'elemento grafico collegato appartiene. Fare clic destro e scegliere "incolla" per inserire il codice appena copiato.

4 Inserire l'indirizzo del collegamento tra le citazioni in <a href=" ">.

5 Quindi, immettere la posizione dell'immagine che si desidera utilizzare come un collegamento tra le quotazioni in <img src = "">

6 Regolare i valori delle dimensioni per adattarsi all'altezza della grafica e larghezza tra le quotazioni in height = "" e width = "". Se si desidera utilizzare dimensioni originali dell'immagine, basta eliminare il height = "" e width = "" parte del codice.

7 Per aggiungere un bordo al grafico, cambiare lo zero in border = "0" a un valore di 1 o più. Maggiore è il numero, più spesso il confine.

8 Infine, modificare il testo tra l'alt = "" citazioni per una descrizione della pagina collegata. Questo testo pop-up apparirà quando un utente pagina aleggia un cursore sull'immagine.

Consigli e avvertenze

  • Utilizzare la grafica iconica a creare collegamenti evidenti. Una grafica di una freccia che dice "prossimo", per esempio, è un buon modo per dimostrare che il link porterà alla pagina successiva in una sequenza.
  • Fare collegamenti non uso eccessivo di grafica; essi possono ingombrare la tua pagina.
  • Ricordate, non tutte le immagini sono collegamenti ad altre pagine, in modo da assicurarsi che sia facile per gli spettatori pagina per visualizzare l'immagine prescelta è un collegamento.