Recorrido por el sitio web

Información Adicional

No existe información adicional para este video tutorial.

Transcripción

Muy bien, antes de iniciar vamos a ver rápidamente el sitio web que vamos a crear.

Recuerda que todo esto lo haremos sin utilizar código, todo lo que vas a ver en esta web lo hacemos muy fácilmente y de forma completamente visual.

Entonces, en el sitio web que vamos a crear, simularemos que se trata de un negocio que ofrece servicios de nutrición.

Entonces primero tenemos un encabezado en la página de inicio con un botón que nos llevará a los planes de nutrición que tenemos en la página de servicios, que veremos pronto.

Luego le colocaremos juntos estas pequeñas cajas de información, abajo tendremos un slider.

Cada slider puede llevar su título, texto, botones, su imagen de fondo y de hecho podríamos añadir cualquier cosa, hasta un video, o incluso un video como fondo en lugar de la imagen.

Pero para el demo lo hemos dejado así.

Como puedes ver tenemos 3 diferentes sliders.

Y debajo de nuestro slider tenemos la parte final de la web.

En la que le mostramos al cliente nuestros resultados en números, como viste estos contadores tienen una animación cuando el visitante llega a ellos.

Te mostraré como añadir los contadores y los íconos.

En la parte de abajo vamos a colocar los links a nuestras diferentes redes sociales y en esta zona tu puedes añadir cualquier texto.

En este caso le he colocado Diseñado por lievanosan.com, pero puedes colocar aquí lo que tú quieras.

Ahora utilicemos esta flecha que nos lleva hacia arriba, que también te mostrare como añadir.

Vamos a entrar en la página de servicios.

En esta página vamos a simular que es donde tenemos nuestros planes para que el cliente nos contrate.

Vamos a crear estas tres diferentes tablas de precios, con la imagen de fondo que puedes ver también.

Y recuerda, todo esto sin una línea de código, y fácilmente.

Mas abajo le he colocado otras cajas de información con un ícono, un título y algo de texto.

Luego tenemos una zona de testimonios, donde podemos convencer mejor al posible cliente de que compre gracias a los testimonios que nos dejan nuestros actuales clientes.

Después le he añadido esta zona en la que podemos dar un poco más de información.

Y en la parte de abajo tenemos una zona de preguntas y respuestas, en la que te mostraré como añadir este tipo de acordeones, los que van muy bien para esta zona.

Ahora vamos hacia arriba y entremos en la página de Nosotros.

Aquí vamos a simular como añadir la información de la empresa.

Primero contamos con el encabezado, después tenemos una zona con más información.

En la parte de abajo hemos añadido una caja de texto con una barra que estamos utilizando para mostrarle al visitante nuestros puntos fuertes.

Y al final de esta página le hemos añadido un listado de nuestros empleados con una pequeña descripción y una foto.

Ahora sigamos y pasamos a la página del blog.

Desde aquí te tendremos todos los artículos que publicamos en nuestro blog.

Te mostraré como dejar tu blog con este estilo de rejilla.

Podemos entrar en cualquiera de estos artículos.

Y puedes ver que aquí tenemos la imagen destacada de esta artículo.

También te mostrare como añadir diferentes opciones para que tus visitantes compartan tus artículos o cualquier página de tu web.

Como puedes ver en el artículo tenemos estos botones para compartir.

Pero posiblemente ya notaste que también tenemos estos botones flotantes en todas las páginas.

Y además si bajamos en los artículos, puedes ver que nos aparece un fly in aquí, en la que te invita a compartir el artículo.

Y todo esto lo añadiremos sin código y muy fácilmente.

Muy bien, entonces vamos a entrar finalmente a la página de contacto.

En esta página primero añadiremos un encabezado.

Y luego le colocaremos algo de información como el teléfono de la empresa, la dirección, nuestro usuario de Skype y twitter.

Pero después añadiremos esta zona en la que tenemos un mapa de nuestra local.

Y en este mapa podemos añadirle información al pin.

También te mostraré como añadir el formulario de contacto.

Lo mejor de todo es que esta no es una plantilla estática, tú puedes añadir cualquier elemento donde tú quieras.

Podrás crear tu web increíblemente fácil y rápido.

Entonces, vamos a cerrar esta demostración y comencemos a crear nuestro sitio web.

12 Comments on “Recorrido por el sitio web”

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image