FacebookYoutubeBlog

Actualizada
Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 33.000 seguidores en el canal de Youtube
  • - 5.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.500 fans en Facebook.
  • - Más de 2200 alumnos en todo el mundo.

MiniTutorial Web de Restaurante OnlineExplicada paso a paso.

5 sobre 5 Total votos: 1


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ácticamete código, si que vamos a modificar y crear algunos apartados. Para hacer el curso, lo puedes hacer con Dreamweaver o con cluquier editor de texto gratuito.

Este curso se publicará el 17 de junio de 2019 y los 2 primeros capítulos serán de acceso gratuíto. 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 fictício, 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 costrucció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

Minicurso Página Web de Restaurante Online 2019



Suscríbete al canal para recibir un aviso cada publicación

 

Capítulo 1: (Ver en youtube)
Presentación de la web que se obtiene al completar el curso

Capítulo 2: (Ver en youtube)
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.

Suscríbete para poder ver el resto de vídeos

Capítulo 3:
Creamos nuestro proyecto en base al código que nos ha proporcionado el sistema gratuito de creación web y empezamos a determinar cuales 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:
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:
Completamos el resto de páginas y las rellenamos con lo que necesitemos, en base al negocio que estamos desarrollando.

Capítulo 6:
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:
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:
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:
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:
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:
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:
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.

 

 

Noticias, descuentos, sorpresas
Recibe gratuitamente nuestro boletín con todas las novedades acerca de los cursos, descuentos, promociones, etc...


Últimas Noticias


Todas las consultas y los usuarios que siguen el tutorial los puedes encontrar en el blog: blog.ayzweb.com y en http://www.dreamweaver-tutoriales.com/soporte.

Los archivos ZIP de descarga están en esta misma Web, en el apartado Cursos, dentro del tutorial que estés buscando.

  • - Más de 33.000 seguidores en el canal de Youtube
  • - 5.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.500 fans en Facebook.
  • - Más de 2200 alumnos en todo el mundo.

Comentarios rápidos

83.37.124.82: Gracias, Jorge. Eres un crack

separador 190.189.72.77: Excelentes Tutoriales. Muy agradecido por todo lo que me has enseñado. Sigue adelante!!! Abrazo desde Argentina.

separador 186.105.231.193: muy bien!

separador 95.22.245.92: Genial. Me siento muy a gusto en tu sitio. Espero que este sitio te de mucha prosperidad por ayudar a tanta gente como yo!!

separador Escribe tu comentario
Ver todos los comentarios

5 motivos

  • 1- Aprenderás a manejar Dreamweaver.
  • 2- Serás capaz de crear desde cero cualquier Web que te propongas.
  • 3- Podrás tener tu propio negocio de creación Web
  • 4- Contarás con una comunidad de alumnos que te podrán ayudar.
  • 5- Adquirirás independencia para realizar cualquier programación