Skip to content

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

Notifications You must be signed in to change notification settings

RIvanCF/LaunchXLATAM_S2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published