MiniTutorial Web de Restaurante Online


Construye una web de un restaurante online con menús seleccionables y gestión completa para los visitantes.

5 sobre 5 Total votos: 4

Sabemos que PHP y gestionar bases de datos a veces es un poco complicado. Pero...¿Qué ocurre cuando necesitamos hacer una web rápida, funcional y que luzca profesional? Para ello hemos creado este Minitutorial (3 horas en total) donde os vamos a mostrar cómo utilizar una herramienta gratuita muy poderosa.

Además, en esta web, enfocada a un restaurante, que podéis modificar y adaptar a vuestras necesidades, vais a ver cómo utilizar Javascript y Jquery de una forma muy sencilla para crear espacios interactivos muy interesantes.

La Web de demostración que se realiza en el curso la tenéis en este link: Restaurante Demo y el formulario interactivo lo podéis ver en el apartado A la carta.

Este tutorial comienza desde cero, usaremos Bootstrap 4, y Javascript muy básico, no usaremos ni bases de datos, ni PHP ni complicadas programaciones.

Es aconsejable tener alguna idea de HTML al menos, porque si bien no vamos a escribir prácticamente código, si que vamos a modificar y crear algunos apartados. Para hacer el curso, lo puedes hacer con Dreamweaver o con cualquier editor de texto gratuito.

Este curso se publicará el 17 de junio de 2019 y los 2 primeros capítulos serán de acceso gratuito. Estarán publicados en el canal de Youtube, recuerda marcar la campanita para que te lleguen las nuevas publicaciones.

Si quieres abonar ya el curso completo, sin esperas, puedes hacerlo en la página de suscripción donde verás los datos necesarios para inscribirte. Recibirás los links de acceso a partir del próximo lunes 17.

El objetivo de la web será crear una web de presentación de un restaurante ficticio, donde tendremos un generador dinámico de menús, que se podrán enviar a un hipotético servicio de cocina donde recibirán la mesa del pedido y los platos seleccionados.

Algunos de los puntos que se desarrollan en el curso y se especifican en el temario:

  • Uso de un servicio gratuito de construcción de página web responsive
  • Creación de las plantillas para utilizarlas en Dreamweaver
  • Separación de apartados comunes como el menú o el pie de página.
  • Envío de correos de contacto, etc al mail indicado
  • Script para recoger parámetros de variables de sesión y por URL para poder generar apartados dinámicos
  • Utilización de HTML5 para formularios
  • Uso de Bootstrap 4 sobre Javascript
  • Subir la página a un servidor remoto para publicarla

La Web final que queda después de todo el curso es la siguiente: Restaurante Demo


Youtube

MiniTutorial Web de Restaurante Online


  • Lista de capítulos completa en Youtube

    Acceso directo a la lista de capítulos del curso en Youtube

  • Curso disponible

    2 primeros capítulos de acceso gratuito.

Capítulo 1: MiniTutorial Web de Restaurante Online

Capítulo 1

04:36


Presentación de la web que se obtiene al completar el curso

Capítulo 2: MiniTutorial Web de Restaurante Online

Capítulo 2

15:22


Utilizamos la herramienta gratuita de creación web Mobirise para crear nuestra web completa, con apartados, menú, pie de página, de una forma sencilla y en cuestión de 15 minutos.

Capítulo 3: MiniTutorial Web de Restaurante Online

Capítulo 3

15:15


Creamos nuestro proyecto en base al código que nos ha proporcionado el sistema gratuito de creación web y empezamos a determinar cuáles serán las partes comunes en la web que se pueden separar con el fin de que podamos modificar y mantener el sitio web de la forma más sencilla posible.

Capítulo 4: MiniTutorial Web de Restaurante Online

Capítulo 4

15:41


Creamos ya todas las páginas de nuestro sitio web donde podremos ir manipulando el contenido común a todas las páginas de una forma muy sencilla y a través de archivos únicos que nos facilitarán el trabajo y el desarrollo.

Capítulo 5: MiniTutorial Web de Restaurante Online

Capítulo 5

15:02


Completamos el resto de páginas y las rellenamos con lo que necesitemos, en base al negocio que estamos desarrollando.

Capítulo 6: MiniTutorial Web de Restaurante Online

Capítulo 6

15:09


Solucionamos el problema del menú que se queda abierto e insertamos un apartado nuevo en el menú de -A la carta- y comenzamos a realizar el javascript que nos permitirá seleccionar un menú concreto.

Capítulo 7: MiniTutorial Web de Restaurante Online

Capítulo 7

15:29


Empezamos a realizar Javascripts muy sencillos para realizar el generador automático de menús con el que podremos realizar pedidos directamente desde el móvil a la cocina.

Capítulo 8: MiniTutorial Web de Restaurante Online

Capítulo 8

15:04


Continuamos con la creación de nuestro menú y añadimos el javascript necesario para que la información se vaya guardando en variables que luego podremos utilizar para obtener los totales.

Capítulo 9: MiniTutorial Web de Restaurante Online

Capítulo 9

15:06


Finalizamos nuestro generador de menú con los 4 platos, primero, segundo, postre y café, de forma que guardamos toda la información en variables de sesión que utilizaremos al final, para mostrar el total del pedido.

Capítulo 10: MiniTutorial Web de Restaurante Online

Capítulo 10

15:31


Mostramos el menú completo seleccionado y calculamos el total del precio del menú, todo con Javascript. Mostraremos un formulario para mostrar un campo donde solicitaremos para qué mesa es el pedido.

Capítulo 11: MiniTutorial Web de Restaurante Online

Capítulo 11

15:02


Creamos la página para enviar el correo a través de Javascript utilizando un servicio gratuito. Comprobamos que se envía correctamente.

Capítulo 12: MiniTutorial Web de Restaurante Online

Capítulo 12

19:40


Subimos la página a un servidor real y solucionamos los formularios de contacto para que se envíen por e-mail a la cuenta indicada.

Suscripción

Tipo de acceso Qué incluye Precio
Acceso Online por tiempo ilimitado y ficheros con archivos utilizados.
  • Acceso online a los vídeos del tutorial al que te inscribes por tiempo indefinido
  • Descarga del código fuente
  • Recepción del acceso a los vídeos en 2-3 días
  • Respuesta preferente a dudas del tutorial durante 30 días
Ver
Descarga directa de vídeos con archivos utilizados El acceso en descarga incluye lo anterior y:
  • Descarga de los videos en calidad FullHD
  • Trabaja los tutoriales sin estar conectado a internet
Ver