/LaunchXLATAM_S2

Practica HTML - - Caso: Diseño de una página web para una pastelería

Primary LanguageHTML

Practica HTML

Para la práctica de esta semana tendrán que maquetar en HTML el siguiente caso y generar su repositorio con el ejercicio.
Recordemos que solamente se necesita maquetar como un prototipo, no es necesario que tenga funcionalidad completa en la información

Caso: Pasteleria
Descripcion:

- El cliente de la pastelería necesita ver los diferentes sabores de pasteles, así como los precios de cada uno.
- El cliente de la pastelería necesita ver los diferentes adornos con los que se puede decorar el pastel y los precios de cada uno.
- El cliente de la pastelería tendrá la posibilidad de combinar sabores dependiendo de sus preferencias.
- El cliente de la pastelería tendrá la posibilidad de combinar adornos dependiendo de sus preferencias.
- El cliente de la pastelería necesita poner en un formulario su pedido.
- El formulario debe de contener los datos de contacto del cliente que son Nombre, Teléfono, Correo Electrónico, Descripción general del pastel y la selección de sabores y adornos.
- El pastelero necesita tener la información de la cantidad de sabores que le quedan para hacer los pasteles.
- El pastelero necesita tener la información de la cantidad de adornos que le quedan para hacer los pasteles.
- El pastelero necesita una tabla donde aparezcan los pedidos que se han realizado con los datos del formulario.
- La página debe tener información de la pastelería que es Dirección, Teléfono y horarios de atención.

Prácticas a Realizar

Prácticas:

  • Crear marca de la pastelería como un logo y los mensajes que daremos desde la marca.
  • Maquetación de páginas de cliente de la pastelería.
  • Maquetación de páginas del pastelero.

Bonus: En caso de que te quede corto el ejercicio siguele con esto!

  • Bonus de estilos (Intro a CSS)
  • Bonus de Rutas (Navegación en la página)
  • Bonus de despliegue (Montar la página en línea con dominio gratuito)

Resultados de la práctica

Elaboracion de un logotipo para la pasteleria



Web estática

La practica contiene las siguientes funciones:

  • Plataforma principal que contiene información sobre la pasteleria.
  • Pie de página con datos sobre la ubicación, redes sociales y contacto de la pasteleria
  • Menú de selección.
  • Muestra los precios, sabores y adornos disponibles.
  • Formulario para realizar el pedido.
  • Dentro del formulario se pueden combinar los sabores disponibles.
  • Version Desktop y Movil

Deploy

Capturas

Version Desktop y Mobile

Links del proyecto


Tecnologías usadas en esta práctica

HTML CSS JavaScript

Créditos


Elaborado por: Cruz Flores Rodrigo Iván

Twitter: TesMov_1994 GitHub: RIvanCF