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.42 sobre 5 Total votos: 69

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 gratuita, así como los archivos generados en los capítulos, Después, es tu decisión continuar adelante.

¿Puedo ver cómo 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 Gerardo Web de Teresa
Web de Armando Web de Mauricio 2 Web de Mauricio
Web de Rubén Web de Guillermo Web de Paco
Web de GTE Música Web de Luis 2 Web de Juan E.
Web de Fran Web de Jaume Web de Ramón
     
     
   

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

 

Youtube

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


  • Lista de capítulos completa en Youtube

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

  • Curso disponible

    20 primeros capítulos de acceso gratuito.

Capítulo 1: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 1

11:46


Presentación del curso, explicación de la página web que conseguiremos después de los 49 capítulos.

Capítulo 2: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 3: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 4: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 5: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 5

16:34


Modificamos el CSS e integramos el menú desplegable en nuestra página Web con los submenús correspondientes. Manejamos la hoja CSS y nos ayudamos de las herramientas de desarrollo del navegador.

Capítulo 6: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 7: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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 comenzamos a rellenar con datos nuestras primeras páginas Web.

Capítulo 8: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 9: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 10: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 11: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 12: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 13: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 14: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 15: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 16: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 17: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 18: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 19: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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.

Capítulo 20: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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 hacer búsquedas de elementos.

Capítulo 21: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 22: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 23: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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 obtenemos de la Base de Datos.

Capítulo 24: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 25: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 26: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 27: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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 manual, para comprender las modificaciones en la Base de datos

Capítulo 28: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 28

15:24


Acabamos con la modificación del formulario, comprobando 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.

Capítulo 29: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 30: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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á disponible para descargar, para que no haya ningún problema.

Capítulo 31: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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

Capítulo 32: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 32

15:16


Completamos el AJAX y solucionamos los problemas que nos habíamos encontrado. Exportamos la Base de datos de MySQL para poder exportarla a un hosting real, o como copia de seguridad de nuestros datos.

Capítulo 33: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 34: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 34

17:31


Arreglamos la plantilla para ajustarla a las necesidades que tenemos. Creamos un simpático gráfico con el teléfono de contacto y comenzamos a generar el nuevo apartado que contendrá una validación en Javascript.

Capítulo 35: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 36: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 37: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 38: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 39: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 40: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 41: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 42: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 43: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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

Capítulo 44: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 45: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 46: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 46

15:38


Completamos el efecto de estrechamiento del menú gracias a los media queries y la manipulación de los archivos CSS que forman nuestra página.

Capítulo 47: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 47

15:21


Acabamos de configurar los CSS para que se ajusten al tamaño correspondiente en función del Viewport, ya sea una tablet, un teléfono móvil, un Ipad, etc...

Capítulo 48: Cómo hacer página Web avanzada con Dreamweaver y PHP.

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

Capítulo 49: Cómo hacer página Web avanzada con Dreamweaver y PHP.

Capítulo 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 último detalle de CSS3, despedida y cierre!.

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