¿Qué es un Banner de Publicidad?

Definición de lo que es un Banner de Publicidad.

Un web banner es un formato de anuncio publicitario en una publicación online. Esta forma de publicidad por internet consiste en incluir una pieza publicitaria dentro de una página web.

que es un banner de publicidad

¿Cuáles son los tipos de web banners que existen?

Existen varios tipos de web banners, estos son:  Banner Rectangular, Robapáginas, Rascacielos, Botones e Intersticial (cortinilla). 

Banner Rectangular (Leaderboards) es el banner que suele colocarse en la parte superior de la página web.  Este contiene varios tamaños: megabanner (Leaderboards), banner (tile banner) y banner medio (standard banner).

Banner Roba-página (Inline, Medium, Large Rectangle) es un modelo de anuncio empleado en una página web que se caracteriza por un gran tamaño y su modo de interrumpir el contenido de la página a fin de asegurarse una gran visibilidad.  Es el banner que es ideal para situarlo al lado de una noticia o artículo que el usuario pueda leer.  

Banner Rascacielos (Skyscraper Banner) se coloca a la derecha de la página web y llama considerablemente la atención del usuario.  Además brinda el beneficio de poder ser más veces utilizado puesto que es la zona más frecuentada cuando estamos navegando.

Banner de Botones son los banners de tamaño más pequeño. En ocasiones pueden verse desplazarse por la página web al mismo tiempo que el usuario desplaza la pantalla subiendo o bajando en la página web.

Banner Intersticial (Interstitial Banner) es un banner que aparece cuando la página web se encuentra cargando, entonces ocupa toda la ventana del navegador con poco tiempo de duración. Esto permite que el usuario haga clic sobre el anuncio para ver el contenido.

Esto le garantiza al anunciante que su anuncio va a ser visto y que el usuario va a interactuar con el anuncio, ya sea quitándolo o accediendo a la información. Estos banners tienen altos índices de conversión.

 

Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.

 

¿Cuáles son los Tamaños de Web Banners más Comunes?

  • 250 x 250 – Cuadrado (Square)
  • 200 x 200 – Cuadrado Pequeño (Small Square)
  • 468 x 60   – Banner
  • 728 x 90   – Banner Rectangular (Leaderboard)
  • 970 x 90   – Banner Rectangular Grande (Large Leaderboard)
  • 300 x 250 – Robapágina Inline (Inline Rectangle)
  • 336 x 280 – Robapágina Grande (Large Rectangle)
  • 120 x 600 – Rascacielos (Skyscraper)
  • 160 x 600 – Rascacielos Ancho (Wide Skyscraper)
  • 300 x 600 –  Media Página (Half-Page Ad) 

El único tamaño de anuncio que no está disponible en la versión desktop / tablets, pero si en los equipos móviles es:

  • 320 x 50  – Rectangular Móvil (Mobile Leaderboard)

 

¿Por qué los tamaños de los Web Banners son importantes?

Los formatos que inciden en más clics y dan pie a más tráfico son los Robapáginas (300×250) y el Megabanner (728×90), hay que prever una variedad de formatos para una mejor optimización.

A continuación una gráfica que muestra a efectividad de los distintos banners:

 

¿Qué Programas puedo Utilizar para Crear Web Banners?

  1. Banner Fans: http://bannerfans.com/

 

  1. Canva: https://www.canva.com/

 

  1. Google Web Design: https://www.google.com/webdesigner/

 

  1. HTML5 Maker http://html5maker.com/

 

  1. My Banner Maker: http://mybannermaker.com/

 

  1. Adobe Animate: http://www.adobe.com/products/animate.html

¿Cómo Hacer un Video Responsive con HTML y CSS?

En este tutorial explico cómo puedes hacer un video responsive con HTML y CSS. Muestro cómo hacerlo con un video local y un video en YouTube.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/RY45fRJz3UA

Otros artículos relacionados:

  1. Proyecto: ¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML? Ver Video
  2. Proyecto: ¿Cómo Hacer que la Imagen de Fondo Cubra Toda la Pantalla HTML y CSS?  Ver Video

¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML?

En este video les muestro cómo puedes alinear un texto verticalmente.  Podemos lograr hacerlo utilizando HTML y CSS.  El video surgió con una pregunta que hizo una persona en uno de los videos de YouTube.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gnj6e6Hmfa0

Otros artículos relacionados:

  1. Proyecto: ¿Cómo Hacer un Video Responsive con HTML y CSS? Ver Video
  2. Proyecto: ¿Cómo Hacer que la Imagen de Fondo Cubra Toda la Pantalla HTML y CSS?  Ver Video

¿Cómo Hacer que la Imagen de Fondo Cubra Toda la Pantalla HTML y CSS?

En este video explico, la manera de hacer que una imagen cubra el fondo de la pantalla.  Utilizo HTML y CSS para que la imagen llene todo el fondo de la página.  Existen varias maneras de hacerlo aquí les muestro una de las técnicas más utilizadas.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/64rm22BdNXE

Otros artículos relacionados:

  1. Proyecto: ¿Cómo Hacer un Video Responsive con HTML y CSS? Ver Video
  2. Proyecto: ¿Cómo Alinear Imagen en DIV Verticalmente con CSS y HTML? Ver Video

¿Cómo utilizar Zoom? Una Herramienta para Video Conferencias y Llamadas.

Zoom es un servicio de videoconferencia que puede usar para reunirse virtualmente con otros, ya sea por video o solo audio o ambos, todo mientras realiza chats en vivo, y le permite grabar esas sesiones para verlas más tarde. Una reunión de Zoom se refiere a una reunión de videoconferencia alojada con Zoom. Puede unirse a estas reuniones a través de una cámara web o un teléfono. Mientras tanto, un Zoom Room es la configuración física del hardware que permite a las empresas programar y lanzar Zoom Meetings desde sus salas de conferencias.

Las Funcionalidades de Zoom son muchas y muy útiles. Desde hacer una simple videollamada o compartir tu pantalla, hasta cambiar el fondo que tienes detrás o utilizar una pizarra virtual.

  • Programar una reunión
  • Grabar la reunión
  • Compartir pantalla
  • Pizarra virtual
  • Chat
  • Modo lado a lado
  • Gestión de los participantes
  • Fondo virtual
  • Integración del calendario
  • Transmisión en directo por Facebook Live y YouTube

Enlace directo: https://zoom.us

¿Cómo Mostrar Resultados en Formato JSON con MySQL y PHP?

¿Para qué deseamos mostrar los resultados en formato JSON?

  • El formato JSON nos permite acceder a los datos desde el Front-end con JS, jQuery, Vue.JS, ReactJS, etc.
  • Nos permite desarrollar la vista (Front-end) separada totalmente de la programación (Back-end).
  • Nos permite acceder a los datos desde cualquier equipo, app, lugar, sitio web, etc.

 

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/4jC0GFDxNNg

¿Cómo Crear una Clase en PHP?

Este video explica de manera sencilla como crear una clase en PHP.  Trabajar con clases en PHP es una gran manera de optimizar su código y hacerlo increíble.

Las clases o la programación orientada a objetos (OO) se ven a veces como algo complicado de hacer, pero mientras más practiques y trabajes en ellas más hábil y experto te volverás.

Descarga el código: https://github.com/lopezpagan/youtube-tutorials/tree/master/gdpgELDBSLk

Obtén una Mejor Calificación en Motores de Búsqueda

Este video es muy interesante, ya que te brinda varios consejos para optimizar tu sitio web.  Obtén una mejor calificación en motores de búsqueda revisando el embudo de conversión (funnel).  Elimina estas 15 cosas de tu sitio web inmediatamente.

Por: Andy Crestodina
Director Estratégico en Orbit Media Studios

Componentes Esenciales para un Pedido de Diseño Web

EL NEGOCIO

Debes dar al diseñador una comprensión de lo que eres, lo que hace tu negocio, hacia donde vas, y cómo tu marca debe ser recordada.

  • ¿Qué haces?
  • ¿Cuáles son tus productos y servicios?
  • El tiempo que has estado alrededor?
  • ¿Cuál es el tamaño de tu negocio?
  • ¿Cuál es tu visión?
  • ¿Dónde quieres estar en 3 – 5 años de tiempo?
  • ¿Cómo quieres ser percibido en el mercado?
  • ¿Cuáles son tus clientes ideales?
  • ¿Cuáles son tus 3 mejores competidores?

Continue reading “Componentes Esenciales para un Pedido de Diseño Web”

¿Cuán Importante es un Sitio Web para su Negocio?

Si usted tiene un negocio y no tiene un sitio web, usted está perdiendo en grandes  . Un sitio web en sí puede ser utilizado para llevar a cabo muchas estrategias de marketing diferentes para ayudar a su negocio crecer.

Como propietario de un negocio, usted necesita saber dónde están sus consumidores. ¿Pero qué pasa si los consumidores saben su negocio y lo que puede ofrecer, pero no pueden llegar a usted? Ese es uno de los riesgos que usted toma por no tener un sitio web para su negocio. Continue reading “¿Cuán Importante es un Sitio Web para su Negocio?”

SEO: El Texto en una Página Web

Estructura del Texto de una Página Web

Es sumamente importante pensar en la estructura del texto en una página web antes de comenzar a escribir. La estructura es el esqueleto del texto; esto ayudará a captar la atención del lector y a tener una idea del contenido. A su vez, es una parte crucial para el SEO de una página web.

Si el texto de una página web está bien estructurado, tendrá una mejor calificación en Google y ayudará a alcanzar una posición más alta. Continue reading “SEO: El Texto en una Página Web”

¿Cómo Crear Un Campo de Selección en HTML/JSON y PHP? – Nivel Avanzado

Video tutorial que te enseña a Crear Un Campo de Selección en HTML/JSON y PHP
Nivel Avanzado 3er Video

Ej. Campo de selección (drop-down field, select field)

Descarga el proyecto:

https://github.com/lopezpagan/youtube-tutorials/tree/master/campo-de-seleccion

 

 

¿Cómo Crear Un Campo de Selección en HTML y PHP? – Nivel Intermedio

Video tutorial que te enseña a Crear Un Campo de Selección en HTML y PHP
Nivel Intermedio 2do Video

Ej. Campo de selección (drop-down field, select field)

Descarga el proyecto:

https://github.com/lopezpagan/youtube-tutorials/tree/master/campo-de-seleccion

 

 

¿Cómo Crear Un Campo de Selección en HTML y PHP? – Nivel Básico

Video tutorial que te enseña a Crear Un Campo de Selección en HTML y PHP
Nivel Básico 1er Video

Ej. Campo de selección (drop-down field, select field)

Descarga el proyecto:
https://github.com/lopezpagan/youtube-tutorials/tree/master/campo-de-seleccion

 

 

¿Cómo Puedo Cambiar Mi Estilo de Vida?

Muchas personas se encuentran atrapados en la trampa de la carrera de la vida (juego de la rata).  Trabajan para tener dinero.  Reciben dinero para pagar las deudas.  Al pagar las deudas se quedan sin dinero.  Entonces tienen que volver a trabajar para poder hacer dinero.   Así siguen toda la vida en el mismo ciclo sin poder salir y sin poder mejorar su estilo de vida.

Al estar dentro de este ciclo de vida, poco a poco comienzan a notar que su tiempo ha sido comprometido con tantas cosas que apenas tienen tiempo para hacer otra cosa que no sea trabajar.   La relación con su pareja se ve afectada por no tener el tiempo disponible.  Los hijos comienzan a crecer y te das cuenta que apenas tienes tiempo para compartir con ellos.  Es entonces, que te sientes esclavo del sistema. Continue reading “¿Cómo Puedo Cambiar Mi Estilo de Vida?”

¿Cómo Crear un Negocio Exitoso?

Crea tu Modelo de Negocio

Para crear un negocio exitoso, lo primero que debemos desarrollar es el modelo conocido como “business model canvas” o canvas de modelo de negocio, debido a su simpleza. Crear un modelo de negocio con este método te permite visualizar de manera rápida y sencilla los principales elementos de una idea de negocio. Continue reading “¿Cómo Crear un Negocio Exitoso?”

¿Cómo Crear Páginas Web Responsive con Dreamweaver?

Con este tutorial puedes aprender lo básico para desarrollar páginas web responsive en Dreamweaver. En este tiempo es necesario desarrollar las páginas que se ajusten a las distintas pantallas de los equipos tanto móviles, tabletas y computadoras de escritorio (desktop). El diseño de páginas web responsive debe ser modular y en bloques, teniendo en cuenta el comportamiento de la página en los equipos y las distintas columnas que mejor acomoda el contenido. El desarrollo web “responsive” es un cambio total en la manera en que comienzas a desarrollar una página web.

¿Cómo Descargar Videos de YouTube?

Existen varias razones por las cuales deseamos descargar los videos de YouTube. Puede ser para luego verlo con calma, ya que no tienes mucha velocidad en tu conexión de internet. También puedes descargar el video, para tenerlo antes que lo vayan a borrar de YouTube.  En la mayoría de los casos se descarga para utilizarlo en una presentación, o dar una charla donde no hay conexión de internet y deseas tener el video local.

Aquí les presento varias alternativas de:

¿Cómo descargar videos de YouTube y guardarlo en tu computadora?

1. Utilizando el Navegador Firefox e Instalando un Plugin o Add-ons:

Existen varios plugins que puedes instalar los cuales hacer la misma función:

2. KeepVid Pro – The Ultimate Video Downloader on Your Desktop

Si no deseas descargar, puedes acceder a: http://keepvid.com el cual, te permite entrar el enlace del video y descargarlo.

  • 3.keepvid

3. YooDownload – Online Video Downloader

También puedes acceder a: http://yoodownload.com, que también te permite descargar videos desde su página y guardarlos en tu computadora.

  • 4.YooDownloader

4. ClipConverter.CC

Te permite descargar el video y convertirlo al formato que desees.  Entra a http://www.clipconverter.cc.

  • 5.ClipConverter

5. SaveFrom.net – The fastest free YouTube Downloader

Es otro sitio web que te permite colocar el enlace de YouTube y descargarlo a tu computadora sin tener que instalar nada. Entra a SaveFrom.net.

  • 6.SaveFrom

Como puedes ver existen muchas herramientas y muchas maneras para descargar los videos de YouTube para poder verlos desde tu computadora.

Espero que te haya servido de ayuda, te invito a que compartas esta página con tus amistades para que se puedan beneficiar de esta información.

¿Cómo Crear una Página Web Responsive con Bootstrap?

Un aspecto general para conocer cómo puedes crear una página web responsive con Bootstrap. Bootstrap es una plataforma “framework” de front-end, que permite desarrollar páginas web responsive. Aquí explico de manera sencilla cómo funciona y cómo puedes crear una página totalmente responsive.

Enlaces mencionados:
• getbootstrap.com
• layoutit.com
• lopezpagan.com/youtube

¿Cómo se Puede Obtener más Dinero, brindar un Mejor Servicio con Poca Inversión?

Una de las empresas que tiene un excelente modelo de negocio es McDonald’s. Una de las claves en su negocio es la innovación constante.

ESTRATEGIA DE NEGOCIO

Pregunta: ¿Cómo se puede obtener más dinero, brindar un mejor servicio, reduciendo la salida de un producto y sin tener que hacer una gran inversión? Continue reading “¿Cómo se Puede Obtener más Dinero, brindar un Mejor Servicio con Poca Inversión?”

Estrategia de Pizzería UNO para Atraer Nuevos Clientes

Pizzeria UNO o ahora llamado Uno Pizzeria & Grill pudieron ver una oportunidad para ampliar sus ofrecimientos dentro de un mismo techo.

Al principio vendían solo pizza. Ampliaron su menú, pero se aseguraron que su marca no perdiera la esencia, así que cambiaron su nombre a Pizzeria Uno and Uno Chicago Grill.

Esto le permite a los clientes tener más opciones en el menú y la marca lo comunica cambiando su nombre para reflejar sus ofrecimientos.

Es muy interesante la estrategia que se adopta para atraer nuevos clientes y hacer que los clientes actuales consuman más en el mismo lugar.

Las Fotos Comunican más que Mil Palabras

Hay fotografías que en sí mismas son toda una noticia o un mensaje.  Con la elección de una foto de perfil podemos comunicar nuestra identidad y controlar la primera impresión que genera nuestra fotografía.

“Una buena fotografía es aquella que comunica un hecho, alcanza el corazón, y deja al espectador como una persona cambiada tras haberla visto.” -Irving Penn

Continue reading “Las Fotos Comunican más que Mil Palabras”

¿Será Importante Saber Cómo Vender?

Una de las destrezas más necesitadas y menos enseñadas es la habilidad de cómo vender el producto correcto a la persona correcta.  La venta es una de las habilidades más necesarias en el mundo de hoy, pero es la menos enseñada y la más mal-interpretada.

Las personas que son vendedores suelen tener una mala fama, por la forma en que se acercan a las personas.  En vez de ser cazadores, los vendedores deberían ser encantadores.  Deberían poder hacer que las personas les compren, y no, venderles cosas que no tienen sentido.