Cómo crear un anuncio de banner HTML

...

Ejemplo de anuncio de banner HTML

Los anuncios de banner HTML son una forma sencilla y eficaz de promocionarse a sí mismo oa su empresa en la Web. Los anuncios de banner le permiten enlazarse de un lado a otro en programas de "intercambio de banners", promocionarse en Yahoo! u otros motores de búsqueda, muestre su imagen en sitios web de mercados y haga muchas otras cosas. Puede crear un banner de texto usando solo HTML básico o puede ir más allá y usar un programa de gráficos para agregar imágenes y estilo a su anuncio de banner.

Paso 1

Abra un archivo en su editor de texto HTML e inserte una tabla.

Video del día

Paso 2

Establezca el ancho de su tabla y especifique el "borde", el "relleno de celda" y el "color del borde" de la tabla para darle estilo al anuncio de banner. Por ejemplo:

Paso 3

Centre el texto de su anuncio, si lo desea. Por ejemplo:

Su texto de anuncio de banner HTML

Etapa 4

Incluya el código de la tabla con etiquetas de enlace para que su banner dirija a los visitantes a su sitio web. Por ejemplo:

width = "275" border = "1" cellpadding = "3" bordercolor = "# 0000FF">
Su anuncio de banner HTML

Paso 5

Nombre y guarde su archivo con la extensión ".html".

Paso 6

Abra su programa de gráficos y cree una imagen para su anuncio de banner. Puede crear una sola imagen o diseñar el anuncio completo.

Paso 7

Guarde su archivo como JPG o GIF.

Paso 8

Abra un archivo en su editor de texto HTML e inserte una tabla.

Paso 9

Establezca el ancho y la altura de su anuncio de banner. Asegúrese de que estos ajustes puedan adaptarse a las dimensiones de su imagen.

Paso 10

Especifique los atributos de la tabla, como "borde" y "relleno de celda", si es necesario. Si diseña un banner publicitario completo en su programa de gráficos, puede omitir este paso.

Paso 11

Incluya el código de la tabla con etiquetas de enlace para que su anuncio publicitario dirija a los visitantes a su sitio web. Por ejemplo: width = "275" height = "250" border = "0" cellpadding = "0" bordercolor = "# ffffff" background = "test.jpg">

Paso 12

Nombre y guarde su archivo con la extensión ".html".

Cosas que necesitará

  • Editor de texto HTML, como BBEdit

  • Programa de gráficos, como Fireworks (opcional)

Propina

Si desea utilizar su banner en un sitio específico, asegúrese de seguir las pautas de dimensión y tamaño de archivo. Para compartir su banner, proporcione el código HTML de su anuncio de banner.