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 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 alumnos en todo el mundo.

Crear Web con Dreamweaver, PHP, MySQL para Navegadores, Pads y Móviles desde cero.Utiliza las técnicas más modernas para crear una Web profesional

4.5 sobre 5 Total votos: 58


En este curso de 49 capítulos
se crea una página web partiendo de cero, de una páginas absolutamente en blanco, Se proporcionan los ZIP descargables de los capítulos. Todo sin conocimientos previos de programación ni bases de datos. Está orientado a que todo el mundo lo pueda seguir. Evidentemente si ya has tenido que hacer cosas con Dreamweaver, te va a resultar más sencillo, pero tampoco serás el primer diseñador que acaba el curso y no tiene que depender de un programador para realizar un formulario, una base de datos, o ser autónomo para realizar tus propios formularios. ¿No te suena bien?

Crearemos zonas administrables, utilizaremos JQuery para hacer sliders, AJAX para hacer páginas de consultas a datos sin recargar, formularios con cálculos en PHP para enviar datos a nuestros visitantes. Explicaremos cómo hacer una página multiidioma con muy poco programación. Al final del curso, transformaremos nuestra página para que se vea perfecta en tablets, IPad y móviles, tendremos 4 páginas diferentes con un sólo código

¿No estás seguro de si podrás llevarlo a cabo o prefieres no invertir todavía para hacer un curso?. No te preocupes, te ofrecemos 20 capítulos de forma totalmente gratuíta, así como los archivos generados en los capítulos, Después, es tu decisión continuar adelante.

¿Puedo ver como queda al final del proyecto?. En el capítulo 1 tienes una muestra de los que vamos a hacer para que lo veas desde el principio.

Ejemplos de páginas realizadas por alumnos con este tutorial:

Web de Eliecer Web de Adrian Web de Teresa
Web de Armando Web de Álvaro Web de Mauricio
Web de Rubén Web de Gerardo Web de Paco
Web de GTE Música Web de Mauricio 2 Web de Juan E.
Web de Fran Web de Guillermo Web de Juan
Web de Luis Web de Luis 2 Web de Alex
Web de Jesús Web de Percy Web de Ramón
Web de Percy Web de Jaume  

¿Quieres que tu Web aparezca aquí? Envíanos un e-mail con tus datos y tu página

Videotutorial Creación Web con Dreamweaver, PHP, MySQL para Navegadores, Pads y Móviles desde cero

Lista en youtube Acceder a la lista completa en Youtube

 

Capítulo 1: (11:46)
Presentacion del curso, explicación de la página web que conseguiremos después de los 49 capítulos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 1

Capítulo 2: (15:17)
Creación del Sitio Web, entorno de trabajo y creación de la plantilla que utilizaremos en todo el proceso. Dividimos la página en secciones para que resulte más cómodo modificarla. Hacemos nuestra primera página ya visible en el navegador.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 2

Capítulo 3: (15:33)
Modificación del estilo CSS principal de la plantilla para adaptarlo al uso que le vamos a dar. Creamos algunos gráficos sencillos que nos ayudarán a adaptar el diseño final.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 3
Archivos para descargar:Descargar ZIPcreacion-3

Capítulo 4: (16:00)
Colocamos el logo y vemos las formas que tiene el navegador para averiguar la capa en la que nos encontramos. Empezamos con la creación del menú CSS desplegable.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 4
Archivos para descargar:Descargar ZIPcreacion-4

Capítulo 5: (16:34)
Modificamos el CSS e integramos el menú desplegable en nuestra página Web con los submenús correspondientes. Manajamos la hoja CSS y nos ayudamos de las herramientas de desarrollo del navegador.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 5
Archivos para descargar:Descargar ZIPcreacion-5

Capítulo 6: (15:33)
Finalizamos con la creación del menú CSS desplegable. Aprendemos a introducir tipos de letra no standard desde Googlefonts para mejorar el aspecto profesional de nuestro sitio Web.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 6
Archivos para descargar:Descargar ZIPcreacion-6

Capítulo 7: (15:24)
Ajustamos los estilos de la página a través de los CSS. Creamos páginas dependientes de plantilla y comenzmaos a rellenar con datos nuestras primeras páginas Web.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 7
Archivos para descargar:Descargar ZIPcreacion-7

Capítulo 8: (15:12)
Creada ya nuestra estructura Web básica y lista la Web para meter toda la información, buscamos un slider Jquery que podamos adaptar a nuestro diseño. Buscamos por Internet uno que nos acople al diseño que estamos construyendo y comenzamos con su instalación y configuración.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 8
Archivos para descargar:Descargar ZIPcreacion-8

Capítulo 9: (15:35)
Modificamos el Jquery y los CSS con el fin de acoplarlo a nuestro espacio de Web, creamos imágenes nuevas para cada apartado.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 9
Archivos para descargar:Descargar ZIPcreacion-9

Capítulo 10: (15:20)
Acabamos de modificar el JQuery Slider para que nos acople perfectamente a la página. Creamos una plantilla de Dreamweaver para la parte de administración.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 10

Capítulo 11: (15:43)
Definimos el diseño del apartado de administración con los menús adecuados. Creamos nuestra base de datos con el phpMyAdmin que nos proporciona el Wamp y vemos paso a paso como construir la primera tabla.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 11
Archivos para descargar:Descargar ZIPcreacion-11

Capítulo 12: (15:40)
Conectamos con la Base de Datos. Utilizamos las herramientas de Dreamweaver para crear una inserción de datos en la propia base de datos, que luego utilizaremos como salida para las imágenes del Slider JQuery.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 12

Capítulo 13: (15:20)
Creamos botones de Input con tamaño dinámico a través de un CSS. Utilizamos un pequeño Javascript para darle las propiedades al botón creado para que realice un Submit del Formulario. Creación del formulario para subir imágenes al servidor.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 13
Archivos para descargar:Descargar ZIPcreacion-13

Capítulo 14: (15:06)
Finalizamos el script para subir imágenes mediante PHP. continuamos con el backend completando la lista de las publicidades que tenemos activas en nuestra página.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 14
Archivos para descargar:Descargar ZIPcreacion-14

Capítulo 15: (15:05)
Usamos el selector de consultas avanzado, de forma muy sencilla, para obtener datos de la BD MySQL. Repetimos región para obtener más de un resultado. Primeros condicionales en PHP, mejoramos el estilo de la administración mediante CSS. Comenzamos con la edición de datos de la BD.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 15

Capítulo 16: (13:50)
Continuamos con la edición de registros de la Base de datos MySQL a través de PHP. Eliminación de registro y pregunta al usuario sobre si realmente quiere hacer esa acción.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 16
Archivos para descargar:Descargar ZIPcreacion-16

Capítulo 17: (15:52)
Preparamos la página para que el Slider cargue los datos que hemos gestionado a través de la Base de Datos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 17

Capítulo 18: (15:34)
Modificamos el diseño y forma de visualización del Slider Jquery para acoplarlo al espacio y colores que tenemos. Usamos CSS y un poco de Photoshop para ajustar los colores.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 18
Archivos para descargar:Descargar ZIPcreacion-18

Capítulo 19: (16:36)
Creamos tres bloques flotantes justo debajo de nuestro JQuery para promocionar partes concretas de nuestra Web. Utilizamos CSS de forma intensiva, explicando cada paso y cada modificación para que la puedas adaptar a tus necesidades.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 19
Archivos para descargar:Descargar ZIPcreacion-19

Capítulo 20: (15:11)
Iniciamos el desarrollo del apartado de Portfolio, definiendo las tablas de Base de datos que utilizaremos para almacenar los datos, de forma que lo dejemos preparado para utilizar AJAX para hacaer búsquedas de elementos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 20

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

Capitulo 21: (15:17)
Modificamos el script de subir ficheros para que nos sirva para cualquier carpeta. Creamos de forma rápida la gestión del Portfolio basándonos en la que tenemos realizada ya anteriormente.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 21

Capitulo 22: (14:54)
Continuamos con el formulario de edición del Portfolio. Vamos construyendo la página para ir sacando los datos que tenemos almacenados.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 22

Capitulo 23: (16:18)
Asignamos clases nuevas en el CSS y ajustamos la página que muestra los datos del Portfolio de la Base de Datos. Presentación por capas de los datos que obetnemos de la Base de Datos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 23

Capitulo 24: (15:17)
Insertamos más registros en la Base de Datos de Portfolio y vemos la página de Maestro/Detalle enviando un parámetro para ver los datos más detallados de una lista de resultados.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 24

Capitulo 25: (15:24)
Creamos una galería en Jquery que nos permitirá sacar los datos de las imágenes de una forma elegante y profesional.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 25

Capitulo 26: (15:08)
Modificamos la galería JQuery para personalizarla. Creamos una parte extra para mostrar datos que obtenemos de la Base de datos de una forma más gráfica.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 26

Capitulo 27: (15:21)
Acabamos el diseño de la presentación de Portfolio en CSS. Modificamos la edición de un registro en la BD, modificando el comportamiento de insertar registro de forma manuel, para comprender las modificaciones en la Base de datos
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 27

Capitulo 28: (15:24)
Acabamos con la modificación del formulario, comproibando los datos en la Base de datos de MySQL. La particularidad de los campos checkbox, utilización de condicionales para mejorar nuestros datos de salida en la página.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 28

Capitulo 29: (15:44)
Comenzamos con nuestro primer AJAX para sacar resultados. Obtendremos los datos de la base de datos utilizando un pequeño script y una consulta a nuestra base de datos en función de la palabra que busquemos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 29

Capitulo 30: (15:15)
Profundizamos en la muestra de resultados de nuestro AJAX y lo ampliamos con más opciones para que sea realmente operativo. todo el código está disponmible para descargar, para que no haya ningún problema.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 30

Capitulo 31: (13:44)
Seguimos con la preparación de los resultados con AJAX y con la consulta PHP, complicando la programación con el fin de dar mayores opciones al posible cliente que visite nuestra página. nos encontramos con problemas y vemos la forma de resolverlos
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 31

Capitulo 32: (15:16)
Completamos el AJAX y solucionamos los problemas que nos habiamos encontrado. Exportamos la Base de datos de MySQL para poder exportarla a un hosting real, o como copia de seguridad de nuestros datos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 32

Capitulo 33: (16:30)
Ajustamos las capas de los resultados del AJAX para que se vean de una forma más profesional y ajustado al tope de la página. Hacemos una copia de seguridad de la página porque vamos a empezar con la modificación de la plantilla.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 33

Capitulo 34: (17:31)
Arreglamos la plantilla para ajustarla a las necesidades que tenemos. Crramos un simpático gráfico con el telçefono de contacto y comenzamos a generar el nuevo apartado que contendrá una validación en Javascript.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 34

Capitulo 35: (15:15)
Empezamos con la creación del formulario que nos servirá para recopilar la información de interés de los visitantes, lo podéis adaptar a vuestras necesidades con los campos de formulario que correspondan.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 35

Capitulo 36: (15:08)
Continuamos creando campos para el formulario y con la elaboración de las validaciones que necesitaremos para los campos que estamos completando. Javascript práctico y muy sencillo.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 36

Capitulo 37: (15:08)
Finalizamos la construcción del formulario y creamos la página que recibirá los datos en PHP, analizando cada dato y dándole la funcionalidad que necesitaremos en cada caso y en función del tipo de campo.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 37

Capitulo 38: (15:07)
Finalizamos la validación Javascript con el detalle de marcar los campos obligatorios en rojo. Comenzamos a recibir los datos en la página de destino para ayudar a procesar el contenido de los mismos.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 38

Capitulo 39: (15:34)
Desglosamos cada apartado del formulario para seleccionar los datos que serán mostrados en el e-mail que enviaremos al visitante de la Web que haya solicitado la información. Creación del email de envío.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 39

Capitulo 40: (15:10)
Finalizamos la construcción del e-mail que enviamos al usuario, y comprobamos como se vería por pantalla para pulir diseño y datos. incrustamos una imagen para mejorar la presentación del mismo.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 40

Capitulo 41: (16:01)
Hacemos la programación necesaria para hacer la página multiidioma con PHP y utilizando archivos separados de inclusión en nuestro código.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 41

Capitulo 42: (15:05)
Utilizamos el Spry para crear un flotante de ayuda a ciertos apartados de nuestro formulario. Ajustamos el menú superior para que llegue al extremo lateral y personalizamos el aspecto del menú.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 42

Capitulo 43: (15:23)
Arreglamos el diseño del menú superior y del pie de página y empezamos a ver cómo transformar la página para que sea visible en Ipad, tablets y móviles con la ayuda de BoilerPLate y Initializr
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 43

Capitulo 44: (15:25)
Comenzamos con la adaptación de nuestra página a móviles y tablets, cogiendo como ejemplo el código descargado y utilizando lo necesario de HTML5 vamos a ir transformando nuestra cabecera con menús.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 44

Capitulo 45: (14:28)
Revisamos el CSS con los media queries para ir ajustando la parte de arriba de nuestra Web.Para qué sirven, ¿Cómo se pueden utilizar?. Prueba y error para adaptar nuestra página.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 45

Capitulo 46: (15:38)
Completamos el efecto de estrechamiento del menú gracias a los media queries y la manipulación d elos archivos CSS que forman nuestra página.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 46

Capitulo 47: (15:21)
Acabamos de configurar los CSS pra que se ajusten al tamaño correspondiente en función del Viewport, ya sea una tablet, un teléfono móvil, un Ipad, etc...
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 47

Capitulo 48: (16:05)
Ocultamos y mostramos zonas y capas en función de si estamos simulando una visualización desde un Ipad, un móvil, etc... Ajustamos otras zonas de nuestra Web para que cambien en función del viewport.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 48

Capitulo 49: (18:03)
Comprobamos como Dreamweaver nos ha eliminado partes del código que utilizábamos para obtener datos de la BD, recuperamos los códigos de nuestra copia de seguridad. Simulamos la visualización de nuestra Web con un emulador de Android. Un ultimo detalle de CSS3, despedida y cierre!.
Tutorial: Crear Web con Dreamweaver, PHP, MySQL...apta para Navegadores, Pads y Móviles desde cero. 49

 

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 29.000 seguidores en el canal de Youtube
  • - 4.000.000 visualizaciones de los videos de Youtube, y subiendo...
  • - Más de 4.000 fans en Facebook.
  • - Más de 1800 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