Come fare i tuoi pulsanti HTML

November 29

le immagini dei pulsanti sono immagini che appaiono su pagine Web che, se cliccato, si ri-indirizzare l'utente ad un altro sito web, pagina Web o una risorsa. La creazione di immagine di un pulsante di implica l'uso di un'immagine grafica combinato con scritta appositamente Hyper Text codice Mark-up Language per ottenere l'azione desiderata.

istruzione

1 Salvare il file immagine selezionata nella cartella contenente il sito localmente memorizzati o preparare un'immagine per il salvataggio in un formato web-compatibile, come GIF, JPG o PNG, utilizzando un programma di immagini come Photoshop, Paint o Gimp. L'immagine deve essere esattamente lo stesso - misurata in pixel - come previsto a comparire sulla pagina Web.

2 Creare una nuova pagina in un editor di testo, come Wordpad per Windows o TextEdit su un Mac o aprire il documento pagina Web HTML esistente in cui verrà inserita l'immagine del pulsante. Salvare la pagina nella sua cartella desiderata, che contiene anche l'immagine. E 'importante che né le immagini né pagina Web vengono spostati da questa posizione link altrimenti precise cesserà di funzionare.

3 Scrivere il seguente codice HTML nella pagina in corrispondenza del punto in cui si desidera che il Attiva l'immagine del pulsante: <A HREF="pagetwo.html">, dove "pagetwo" è la pagina a cui l'utente sarà indirizzato quando si clicca l'immagine .

4 Inserisci il codice che descrive la posizione precisa dell'immagine rispetto alla pagina che state creando. Questo potrebbe essere <IMG SRC = "image.jpg">, dove "immagine" è il nome dell'immagine creata, e ".jpg" è il formato di file immagine. Inserire questo codice subito dopo il codice HTML già creato nel passaggio 3. Salvare il file come "pageone.html."

5 Aprire il browser web preferito, sia digitando il suo preciso percorso del file nella barra degli indirizzi o il tasto destro del mouse sull'icona del file e selezionando "Apri con" nel menu a comparsa. La pagina chiamata "pageone.html" contenente l'immagine sarà ora visualizzato. Il cursore cambierà in quanto passa sopra l'immagine, che indica che incarna un collegamento ipertestuale. Fare clic sull'immagine per visualizzare la seconda pagina Web creata.

Consigli e avvertenze

  • E 'buona norma utilizzare nomi di file facile da capire e che non contengano spazi per la creazione di pagine Web. Quando si salvano le immagini in un programma di modifica delle immagini, selezionare sempre l'opzione "Web pronto" al fine di ridurre al minimo le dimensioni dei file, pur mantenendo la qualità.
  • Mai spostare gli elementi di una pagina web una volta che è stato creato, altrimenti tutti i collegamenti tra di essi saranno distrutti. verificare sempre le pagine HTML in un browser prima di inviare al server Web.