Codifica HTML per i banner

February 17

Codifica HTML per i banner


Banner sono utilizzati dagli inserzionisti sul web per attirare traffico verso i loro siti. È possibile usufruire di banner attraverso scambi della bandiera, agenzia di pubblicità professionale o semplicemente pubblicandoli su un sito web da soli. Se si sceglie di utilizzare banner, è necessario sapere come creare correttamente loro e come inserirli nel codice HTML della pagina Web.

Banner standard Formati

Prima di poter visualizzare il tuo banner, è necessario creare prima in un editor di immagini o di programma di progettazione. È possibile effettuare il tuo banner qualsiasi dimensione che si desidera, ma ci sono diversi formati standard che possono essere richiesti dai programmi di scambio banner e siti web che il vostro banner è posto su. Un banner completo è 468-by-60 pixel, mentre la classifica più grande è 728-by-90. Se si desidera un banner verticale lungo il lato di una pagina web, i due formati standard sono 160-by-600 e 120-by-600. Piccoli pulsanti sono tipicamente sia 120-by-90 o 120-by-60.

Codice HTML di base

Una volta che il banner è stato creato, è necessario aggiungere il codice HTML alla tua pagina web. In questo modo combinare un comando di collegamento ipertestuale con un comando di immagini, e appare in questo modo:

<a href="&lt;img"> http://www.example.com "> & lt; img width =" 468 "height =" 60 "alt =" La mia bandiera "> </a>

Si sostituire l'URL <a href> con il sito web che si desidera che il banner per il collegamento e la <img src> URL con la posizione del file banner. La larghezza e l'altezza devono essere regolati per abbinare il vostro banner, e la "alt" devono essere modificati con qualsiasi testo che si desidera visualizzare se la bandiera non riesce a caricare per qualsiasi motivo.

Bordo o bordi

Il link qui sopra produrrà un banner circondato da un bordo sottile, che viene creata dal collegamento web. Questo confine è tipicamente blu, e diventa viola dopo che il banner è stato cliccato. Un bordo può essere utile per impostare lo striscione parte dal fondo, soprattutto se lo sfondo è dello stesso colore. Se non si desidera un bordo, è possibile rimuoverlo impostando bordo dell'immagine a 0 in questo modo:

<Img width = "468" height = alt "60" = border "La mia bandiera" = "0">

Banner Marquee

Un semplice tipo di banner che non si basa sulle immagini è un tendone. Questo produrrà testo o un collegamento web che scorre sullo schermo. Il codice per un tendone è abbastanza semplice:

<Marquee comportamento = "scorrere"> Questo è testo scorrevole </ marquee>

<Marquee comportamento = "scroll"> <a href="This"> http://www.example.com "> Questo è un link scorrimento </a> </ marquee>

Il testo scorre ripetutamente dal lato destro dello schermo a sinistra, e può essere collocato all'interno di tabelle e altri elementi. È possibile modificare il codice tendone con i seguenti componenti aggiuntivi:

<Marquee comportamento = "scorrere" in direzione = "right, up, down"> - Cambia la direzione che il testo si muove sullo schermo. È possibile selezionare a destra, in alto o in basso.

<Marquee comportamento = "slide"> - Rende la diapositiva testo in una sola volta, poi si ferma sul lato sinistro dello schermo.

<Marquee comportamento = "alternate" - Rende la diapositiva di testo avanti e indietro attraverso lo schermo.

<marquee

<Marquee comportamento = "scroll" scrollamount = "1"> - Imposta la velocità di scorrimento del testo. A valori più elevati di testo più veloce.