En este tutorial vamos aprender a crear una página web de un restaurante totalmente responsive utilizando html5, css3 y JavaScript , para maquetar el sitio web utilizaremos flexbox, ya que este tutorial va enfocado a que aprendas lo básico de esta tecnología de una manera practica, espero aprendas mucho y que si te gusto el video lo compartas con tus amigos.
Aprende a crear una página web empresarial
https://youtu.be/kM7fDbq0I_M
Marcas de tiempo:
00:00 - Introducción
1:38 - Estructura basica del proyecto y conceptos basicos
32:45 - Diseño del encabezado
1:41:58 - Agregar un video de fondo
1:58:11 - Diseño de la sección nosotros
2:20:37 - Diseño de la sección de platillos
3:11:58 - Diseño del separador
3:19:25 - Diseño de la sección del chef
3:26:27 - Diseño del formulario de contacto
3:46:43 - Diseño del pie de página
3:59:33 - Deployment del proyecto
Link del proyecto completo:
https://github.com/AzaelW3b/web_restaurant_italiano
Link de las imágenes y videos minificados:
https://drive.google.com/drive/folders/1CbNg_B03-m2uoByfu6aWxvsVoAk60V5h?usp=sharing
Links de las imágenes originales:
---- Sección sobre nosotros ----
https://www.pexels.com/es-es/foto/mujer-en-purpura-top-sonriente-3811603/
https://www.pexels.com/es-es/foto/mujer-comiendo-bruschetta-1537635/
https://www.pexels.com/es-es/foto/comida-cena-almuerzo-pasta-7218637/
--- imágenes originales de las ensaladas ----
https://www.pexels.com/es-es/foto/comida-ensalada-sano-menu-4551971/
https://www.pexels.com/es-es/foto/comida-ensalada-restaurante-cuchara-4553029/
https://www.pexels.com/es-es/foto/comida-plato-ensalada-cena-4519053/
--- imágenes originales de las pastas ----
https://www.pexels.com/es-es/foto/pasta-con-parmesano-1256875/
https://www.pexels.com/es-es/foto/comida-madera-cena-almuerzo-4748542/
https://www.pexels.com/es-es/foto/comida-plato-cena-almuerzo-5807019/
https://www.pexels.com/es-es/foto/fotografia-de-enfoque-selectivo-de-pasta-con-tomate-y-albahaca-1279330/
-- imágenes originales de las pizzas ----
https://www.pexels.com/es-es/foto/comida-pizza-cena-almuerzo-2619967/
https://www.pexels.com/es-es/foto/comida-ensalada-vegetales-italiano-774487/
https://www.pexels.com/es-es/foto/comida-de-pizza-en-bandeja-de-acero-inoxidable-845811/
-- imágenes originales de los postres ----
https://www.pexels.com/es-es/foto/comida-sano-cafe-oscuro-8308187/
https://www.pexels.com/es-es/foto/foto-en-primer-plano-de-mousse-de-chocolate-3026810/
https://www.pexels.com/es-es/foto/foto-en-primer-plano-de-cupcake-de-frambuesas-3026807/
redes:
Facebook: https://www.facebook.com/AzaelW3b
Twitter: https://twitter.com/azaelw3b
Instagram: https://www.instagram.com/azaelw3b/?hl=es
#css #js #desarrolloweb #javascript #html #web #tutorial #css3 #html5 #AzaelW3b #Informatica #flexbox #responsive #responsivedesign #design #diseñoweb #desarolloweb #programacion #2021