Actualidad \ 4 Abril 2012

Tips HTML5: Usando una Fotografía como Fondo

Así que estás construyendo tu propia página web HTML en Wix, has estado mirando las tendencias de diseño web y sabes exactamente lo que quieres. El problema, es que no sabes cómo traducir tu visión artística a una página web. ¿Suena familiar? ¡Wix al rescate!

El nuevo creador Wix de sitios HTML5 es una potente plataforma de diseño que te permite crear fácilmente muchas formas de contenido web. Usando el editor de HTML5, puedes diseñar tu página web soñada y estar al día con todas las tendencias visuales que te gustan.

Para hacer las cosas aún más simples, estamos encantados de introducir una serie en nuestro blog que explica cómo recrear estas tendencias de diseño web con el editor Wix HTML5. Siguiendo estos consejos, serás capaz de implementar hermosas características de diseño en unos pocos clics.

Lección # 1 – Cómo utilizar una foto como fondo de tu sitio web

Muchos propietarios de páginas web prefieren usar imágenes como fondo en lugar de un esquema de color o una textura. Una foto grande, de alta calidad puede ser muy útil para cautivar a tus visitantes y determinará un ambiente distinto para todo el sitio web. Así puedes usar Wix para agregar una imagen a tu sitio web:

  • Elige una plantilla HTML, y haz clic en “Editar”.
  • En el menú de la izquierda, haz clic en “Design” (ícono del pincel), y luego en “background”.

  • En el cuadro de background, haz clic en “Upload&  Customize Background”.

  • Para cambiar el fondo existente, haz clic en “Change image”.

  • En la página “My images”, haz clic en “Upload image” y elige el archivo de tu computadora.
  • Después de que la imagen se carga en la galería, selecciónala y haz clic en “Ok”.

  • Cuando la imagen aparece en el fondo, puedes jugar con su posicionamiento haciendo clic en los diferentes cuadros.
  • El tamaño predeterminado es “Pantalla completa” (Full Scree), pero puedes elegir un tamaño diferente de acuerdo a tus necesidades.

Consejos Wix

  • La imagen de fondo transmite un mensaje acerca de tu negocio o servicio. Tendrá gran impacto entre los visitantes de tu sitio, así que ¡elige sabiamente!
  • La opción de “Pantalla completa” es muy impresionante. Nosotros recomendamos este modo a menos que tu sitio tenga otras necesidades.
  • Usa sólo imágenes en alta resolución y de excelente calidad. Una foto de fondo de mala calidad arruinará todo el sitio.
  • Asegúrate de que la imagen de fondo no entre en conflicto con otros elementos del sitio.
  • Los colores del texto deben estar en contraste con los colores de la imagen. Si es necesario, cambia el color del texto o añade figuras y cuadros en torno a los textos de modo que los visitantes de tu página puedan leer con facilidad.

Soren Rose Studio

Creative People

David Mullet