Creazione di un banner HTML

Autore: Peter Berry
Data Della Creazione: 20 Agosto 2021
Data Di Aggiornamento: 16 Novembre 2024
Anonim
Creare un Sito Html/CSS Modulare #3 - Cards e Banner
Video: Creare un Sito Html/CSS Modulare #3 - Cards e Banner

Contenuto

I banner HTML sono un modo semplice ed efficace per promuovere te stesso o la tua attività sul Web. I banner ti consentono di fare pubblicità su Yahoo! o altri strumenti di ricerca, mostra la tua immagine sui siti di vendita 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.


indicazioni

Esempio di un annuncio HTML (Immagine creata da Jenny Treviño-Blanquet)

    Solo testo

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

  2. Imposta la larghezza della tua tabella e specifica gli attributi "border", "cellpadding" e "border color" nello stile banner. Ad esempio:

  3. Centra il testo dell'annuncio se lo desideri. Ad esempio: Il tuo testo

  4. Coinvolgi il codice tabella con i tag link del tuo banner per indirizzare i visitatori al tuo sito. Ad esempio:

    Il tuo banner

  5. Nome e salva il file con l'estensione ".html".

    Con le immagini

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


  2. Salva il tuo file come JPG o GIF.

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

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

  5. Specificare gli attributi della tabella, come "border" e "cellpadding", se necessario. Se hai creato un banner completo nel tuo programma di grafica, puoi saltare questo passaggio.

  6. Coinvolgi il codice tabella con i tag link del tuo banner per indirizzare i visitatori al tuo sito.

  7. Nome e salva il file con l'estensione ".html".

suggerimenti

  • Se si desidera utilizzare il banner su un sito Web specifico, assicurarsi di seguire le linee guida per le dimensioni e le dimensioni del file.
  • Per condividere il tuo banner, si prega di fornire il codice HTML.

Cosa ti serve

  • Editor di testo HTML come BBEdit
  • Editor grafici come Fireworks (opzionale)