Come creare un pulsante di download: 11 passaggi (con immagini)

Sommario:

Come creare un pulsante di download: 11 passaggi (con immagini)
Come creare un pulsante di download: 11 passaggi (con immagini)

Video: Come creare un pulsante di download: 11 passaggi (con immagini)

Video: Come creare un pulsante di download: 11 passaggi (con immagini)
Video: Come creare una mailing list con Gmail 2024, Maggio
Anonim

Un pulsante di download può rendere il tuo sito Web molto più professionale rispetto alla semplice offerta di download tramite collegamenti. Un pulsante fornisce un'interfaccia più pulita e, se hai voglia di progettare la tua, i tuoi pulsanti possono essere parte integrante del design della tua pagina. Segui questa guida per creare pulsanti HTML o creare un pulsante con il tuo design.

Passi

Metodo 1 di 2: Creazione di un pulsante HTML

Crea un pulsante di download Passaggio 1
Crea un pulsante di download Passaggio 1

Passaggio 1. Creare il pulsante in un editor di codice

Un semplice editor di testo come Blocco note o TextEdit funzionerà perfettamente. Inserisci il seguente codice nell'editor:

Crea un pulsante di download Passaggio 2
Crea un pulsante di download Passaggio 2

Passaggio 2. Carica il file sul tuo server

Se vuoi offrire un file da scaricare, dovrai ospitarlo sul tuo server o puntare il pulsante sul file da qualche altra parte sul web. Usa un client FTP per caricare il file che vuoi rendere disponibile sul server del tuo sito web.

Crea un pulsante di download Passaggio 3
Crea un pulsante di download Passaggio 3

Passaggio 3. Assicurati di avere l'autorizzazione del webmaster se desideri collegare un file che non stai ospitando

Crea un pulsante di download Passaggio 4
Crea un pulsante di download Passaggio 4

Passaggio 4. Sostituisci "Posizione download" con l'URL del download. Assicurati di includere le virgolette singole attorno all'indirizzo, così come le virgolette doppie attorno a "window.location='Download Location'". Includi prefissi come HTTP:// o FTP:// e includi anche l'estensione del file come come-j.webp" />

Crea un pulsante di download Passaggio 5
Crea un pulsante di download Passaggio 5

Passaggio 5. Etichetta il pulsante

Sostituisci "Testo pulsante" con le parole che vuoi che appaiano sul pulsante. Assicurati di mantenere le doppie virgolette attorno al testo. Mantieni il testo del pulsante piccolo in modo che il pulsante non appaia grande e ingombrante sulla pagina.

Crea un pulsante di download Passaggio 6
Crea un pulsante di download Passaggio 6

Passaggio 6. Inserisci il codice nella tua pagina

Puoi inserire il codice del pulsante ovunque nel corpo della tua pagina web e il pulsante apparirà in quella posizione. Carica il codice della tua pagina web modificato e prova il tuo nuovo pulsante.

Metodo 2 di 2: creazione di un pulsante immagine

Crea un pulsante di download Passaggio 7
Crea un pulsante di download Passaggio 7

Passaggio 1. Progetta il pulsante di download

Usa il tuo editor di immagini preferito e crea un pulsante che corrisponda allo stile del tuo sito web. Puoi rendere il pulsante piccolo o grande quanto desideri.

Crea un pulsante di download Passaggio 8
Crea un pulsante di download Passaggio 8

Passaggio 2. Carica il file sul tuo server e l'immagine del pulsante

Se vuoi offrire un file da scaricare, dovrai ospitarlo sul tuo server o puntare il pulsante sul file da qualche altra parte sul web. Usa un client FTP per caricare il file che vuoi rendere disponibile sul server del tuo sito web.

Carica l'immagine del pulsante nella stessa posizione sul server della pagina in cui la stai inserendo

Crea un pulsante di download Passaggio 9
Crea un pulsante di download Passaggio 9

Passaggio 3. Crea il tuo codice di download

Un pulsante di download rappresentato da un'immagine funziona allo stesso modo di tutti gli altri collegamenti in HTML. Copia il seguente codice nel tuo editor preferito:

Crea un pulsante di download Passaggio 10
Crea un pulsante di download Passaggio 10

Passaggio 4. Inserisci il tuo file e le informazioni sull'immagine. Sostituisci "Posizione download" con l'URL completo del download, inclusi eventuali prefissi HTTP:// o FTP://. Sostituisci "File immagine con il nome del file per l'immagine del pulsante di download. Se il file si trova nella stessa posizione della pagina sul server, non è necessario includere l'intero indirizzo.

  • Sostituisci "Hover Text" con qualsiasi testo che desideri visualizzare quando l'utente posiziona il cursore sull'immagine.
  • Sostituisci "X" e "Y" con la larghezza e l'altezza dell'immagine rispettivamente in pixel.
  • Assicurati di mantenere le doppie virgolette intorno a ogni voce.
Crea un pulsante di download Passaggio 11
Crea un pulsante di download Passaggio 11

Passaggio 5. Inserisci il codice nella tua pagina

Inserisci il codice dove vuoi che appaia il tuo pulsante. Carica il nuovo codice, quindi carica la pagina web per assicurarti che il pulsante funzioni. Verifica che il testo al passaggio del mouse venga caricato e che l'immagine sia delle dimensioni corrette.

Video - Utilizzando questo servizio, alcune informazioni potrebbero essere condivise con YouTube

Avvertenze

  • Il caricamento di file sul tuo server è un modo migliore per condividere file online invece di dipendere da altri siti Web per ospitare i file. Se copi una posizione del collegamento da un altro sito Web, il pulsante di download che crei funzionerà solo finché la posizione del collegamento è attiva.
  • Non caricare mai file in violazione delle leggi sul copyright perché potrebbe portare a pesanti multe o alla reclusione.
  • Prova periodicamente il pulsante di download o il link di download sul sito Web da cui hai ottenuto il percorso del collegamento per assicurarti che gli utenti siano in grado di scaricare il file quando fanno clic sul pulsante invece di accedere a un collegamento interrotto in cui il file non esiste più.

Consigliato: