Diseño Web \ 8 Mayo 2012

Tips HTML5: Cómo Crear Encabezados Grandes

El diseño web es similar a los peinados. Cuando un nuevo peinado sale al mercado, los peluqueros están inundados con solicitudes de la último look “Jennifer”, “Adelle” o “Beckham”. Del mismo modo, cada vez que aparece una nueva tendencia de diseño web, recibimos muchos correos electrónicos de usuarios preguntando cómo se puede imitar esta tendencia usando nuestro editor.

Una de las tendencias más calientes del momento es el uso de encabezados grandes. Con el uso del nuevo creador de sitios HTML5, diseñar un encabezado gigantesco para tu página es muy sencillo y es cuestión de minutos. Mira y aprende 🙂

¿Qué es un encabezado?

Vamos a empezar con la jerga. Un encabezado es la sección que está situada en la parte superior de tu página web. Algunos encabezados aparecen sobre el menú de navegación, pero también es común colocarlos directamente debajo del menú.

Lo que es importante acerca de los encabezados, es que es el primer elemento que tus visitantes van a ver cuando entren en tu sitio. Un encabezado fuerte puede transmitir los valores a los que deseas que tu marca sea asociada. Debes decidir si la primera impresión que creas en tus visitantes será la confianza, la amabilidad, la creatividad, el humor, la relajación, la fantasía, etc. Una vez que decidas esto, debes diseñar el encabezado de tu sitio en consecuencia.

Diseñando un encabezado grande con Wix

Hay dos opciones para el diseño de un encabezado en el editor Wix HTML5:

1. Elegir una plantilla con un encabezado grande

La primera opción, y la más fácil, sería personalizar una de las plantillas HTML5 que ya tienen un encabezado más grande, como la de Compañía de Mudanzas, la plantilla de Bienes Raíces o la plantilla de Paisajismo.

En este caso, todo lo que necesitas hacer es simplemente modificar el encabezado para satisfacer tus necesidades. Puedes personalizar el encabezado de muchas maneras diferentes:

  • Cambiar los colores

  • Editar el texto y las fuentes de texto
  • Subir tu propio logotipo

  • Subir una galería de imágenes y expón parte de tu portfolio
  • Insertar un vídeo
  • Añadir formas y líneas
  • Agrandar el encabezado aún más, estirando sus bordes hacia abajo
  • Agregar botones de redes sociales o información de contacto

Y mucho más!

2. Crear un encabezado grande

 

La segunda opción es utilizar una plantilla que tiene un encabezado tamaño normal y volverlo tan grande como lo desees.
Todo lo que necesitas hacer es tirar de los bordes inferiores del encabezado hacia abajo para crear más espacio. Luego llenas ese espacio con el diseño que desees.

Puedes optar por colocar el menú de navegación en la parte superior o en la parte inferior del encabezado.

Si desea que el encabezado aparezca en todas las páginas del sitio, simplemente marca la casilla “Show on all pages” en cada elemento del encabezado (en el menú, el título, la imagen y así sucesivamente).
Sin embargo, también puedes decidir que deseas mantener sólo el menú de navegación y el título de tu sitio en todas las páginas y utilizar una imagen distinta de encabezado en cada página. En ese caso, utiliza la opción “Show on all pages” sólo para los elementos que deseas mostrar a lo largo de todo el sitio.

Eso es todo, muchachos. Vayan y hagan su encabezado grande y déjennos un enlace en los comentarios para poder verlo 🙂