Come creare un banner pubblicitario HTML

...

Esempio di annuncio banner HTML

I banner pubblicitari HTML sono un modo semplice ed efficace per promuovere te stesso o la tua attività sul Web. I banner pubblicitari ti consentono di collegarti avanti e indietro nei programmi di "scambio banner", commercializzati su Yahoo! o altri motori di ricerca, mostra la tua immagine sui siti web del mercato e fai molte altre cose. Puoi creare un banner di testo utilizzando solo HTML di base oppure puoi andare oltre e utilizzare un programma di grafica per aggiungere immagini e stili al tuo banner pubblicitario.

Passo 1

Apri un file nel tuo editor di testo HTML e inserisci una tabella.

Video del giorno

Passo 2

Imposta la larghezza della tabella e specifica il "bordo", il "cellpadding" e il "colore del bordo" della tabella per definire lo stile dell'annuncio banner. Per esempio:

Passaggio 3

Centra il testo dell'annuncio, se lo desideri. Per esempio:

Il tuo testo pubblicitario banner HTML

Passaggio 4

Racchiudi il codice della tabella con tag di collegamento in modo che il tuo banner indirizzi i visitatori al tuo sito web. Per esempio:

width="275" border="1" cellpadding="3" bordercolor="#0000FF">
Il tuo banner pubblicitario HTML

Passaggio 5

Assegna un nome e salva il file con l'estensione ".html".

Passaggio 6

Apri il tuo programma di grafica e crea un'immagine per il tuo banner pubblicitario. Puoi creare una singola immagine o progettare l'intero annuncio.

Passaggio 7

Salva il tuo file come JPG o GIF.

Passaggio 8

Apri un file nel tuo editor di testo HTML e inserisci una tabella.

Passaggio 9

Imposta la larghezza e l'altezza del tuo banner pubblicitario. Assicurati che queste impostazioni possano adattarsi alle dimensioni della tua immagine.

Passaggio 10

Se necessario, specifica gli attributi della tabella, come "bordo" e "cellpadding". Se progetti un banner pubblicitario completo nel tuo programma di grafica, puoi ignorare questo passaggio.

Passaggio 11

Racchiudi il codice della tabella con tag di collegamento in modo che il tuo banner pubblicitario indirizzi i visitatori al tuo sito web. Per esempio: width="275" height="250" border="0" cellpadding="0" bordercolor="#ffffff" background="test.jpg">

Passaggio 12

Assegna un nome e salva il file con l'estensione ".html".

Cose di cui avrai bisogno

  • Editor di testo HTML, come BBEdit

  • Programma di grafica, come Fireworks (opzionale)

Consiglio

Se desideri utilizzare il tuo banner su un sito specifico, assicurati di seguire le linee guida relative alle dimensioni e alle dimensioni del file. Per condividere il tuo banner, fornisci il codice HTML del tuo banner pubblicitario.