Primeros pasos y etiquetas HTML. Crea una estructura web completa. Aprenderás a crear una hoja de estilos CSS y asociarla con el HMTL. También verás como añadir imágenes.

Aprende a enlazar documentos HTML entre sí. Completa una estructura web semántica. Aprende también a optimizar las imágenes para tu web, para mejorar el tiempo de carga.

Genera menús deslizantes con CSS. Aprende a sorprender a tus usuarios con una web llena de color y de vida. Consigue entender cómo funcionan las hojas de estilo en cascada.

Aprende la diferencia entre los enlaces relativos y absolutos. Maqueta un documento HTML extenso con anclas a la misma página y con anclas a documentos externos. Utiliza menús conseguidos de Internet.

Maqueta tablas sencillas y más avanzadas. Aprende a utilizarlas, cuándo son necesarias y cuándo hay que evitarlas por completo. Darás estilos profesionales a las tablas y usarás Google Fonts.

¿Para qué sirven los mailings? Aprende a maquetar uno de ellos y a utilizar un gestor de envíos masivos. También verás aspectos legales que debes tener en cuenta sobre este tema.

Cómo sacar el máximo partido al texto en una web. Distingue entre el marcado básico y el avanzado. Utiliza CSS para dar efectos al texto. ¿Necesitas un servidor? Verás como publicar tus páginas web.

Los formularios son claves en una web. Aprende a maquetarlos con HTML y con CSS. Utiliza la API de Javascript de HTML para validar los formularios y evitar que se envíen campos vacíos.

Aprende a hacer formularios avanzados, validándolos con Javascript. Consigue generar formularios totalmente profesionales y que cautiven a tus clientes.

Descubre todo el proceso desde la maquetación de un formulario, darle estilos profesionales, validarlo y ver la forma de utilizar el PHP. Aprende la diferencia entre GET y POST.

Continúa con el maquetado profesional de la clase anterior. Aprende a ubicar las imágenes con posición absoluta. Descubre unos cuantos trucos que te vendrán muy bien con los formularios.

Aprende las tendencias actuales en cuanto a la ubicación de los diferentes elementos en una página web. Descubre la diferencia entre posición absoluta y relativa. Centra un elemento horizontal y verticalmente.

Aprende a ubicar los diferentes elementos de una web con float. Da estilos a un footer y consigue resultados profesionales. Harás un mapa de imágenes y verás sus posibilidades.

¿Qué es un iframe? ¿Cómo utilizarlo en la web actual? Gestiona las etiquetas audio y video de HTML de forma eficiente y consigue llenar tu web de elementos multimedia. Inserta un mapa de Google en tu web.

Aprende a utilizar una plantilla de Internet y adáptala para una empresa. Averigua como la puedes editar adaptándola a la imagen corporativa de una empresa. Captura colores con Dreamweaver.

Sigue editando la plantilla de la clase anterior y aprende diferentes aspectos importantes con respecto a la plantilla. Sobre todo, averigua cómo puedes ganar dinero con las plantillas.

Aprende a poner galerías de fotos en tu página web y a trabajar con las posiciones absolutas dentro de una plantilla web. Añade tus formularios de contacto y consigue que sean funcionales.

Aprende todo lo relativo a los filtros que se pueden aplicar a las imágenes con el CSS. Consigue efectos muy atractivos al pasar el ratón por encima y pon marcos en las imágenes.

Averigua cómo hacer sofisticados efectos con las imágenes. Aprende a hacer marquesinas y a sacarles todo el partido para crear composiciones eficientes en tu web.

Utilizando algunos de los personajes de la exitosa serie, descubre como maquetar con posiciones absolutas y coordenadas. Entiende y utiliza el estilo z-index. Rotula la web con carteles profesionales.

Sigue maquetando la web de la clase anterior y aprende los fundamentos de jQuery. Averigua cómo hacer animaciones sencillas con este potente framework. Da vida a tus páginas web.

¿Qué es la usabilidad web? ¿Cómo puedes aplicarla en tus proyectos? Convierte cualquier web en usable y aprende a hacer botones “call to action” atractivos y funcionales. Usa la instrucción @font-face.

Aprende la importancia de los estándares web y cómo pasarlos. Descubre la tendencia de diseño “Material Design” y cómo aplicarla en tu página web. Personaliza la marca de garantía W3C.

Investiga las posibilidades de las transiciones CSS y aprende cómo hacer transiciones avanzadas en tu web. Haz animaciones muy buenas y consigue llamar la atención sobre tus productos y servicios.

Descubre la forma de hacer una web real y pensando en el diseño responsive. Haz una cabecera atractiva y que llame la atención, que capte la atención de todo tipo de público.

Haz una maquetación sofisticada y avanzad de los elementos aside, footer y formulario. Resuelve problemas de maquetación frecuentes que se suelen presentar a los webmasters.

Aprende a utilizar las etiquetas BLOCKQUOTE, CITE, MARK, TIME, DETAILS. ¿Cómo configurarlas? ¿Cuándo usarlas? Descubre cómo mejorar la carga de iconos e imágenes con el uso de Sprites.

Sigue aprendiendo cómo usar los Sprites. Aprende a configurarlos desde cero. Define tus propios Sprites y sácales todo el partido en tu web. Averigua unos cuantos trucos que siempre te ayudarán con los Sprites.

Aprende el uso de @keyframes. Configura desde cero animaciones muy atractivas y sofisticadas. Averigua algunos trucos para que tus animaciones sean más realistas y significativas.

Crea una sofisticada animación del Sistema Solar y la posición relativa de los planetas, con sus órbitas y todo tipo de detalles. Aprende a dibujar los planetas y anima la Tierra y la Luna.

Sigue con el proyecto anterior. Anima todos los planetas y el cometa y la super nova. Descubre cómo seguir aprendiendo en Internet de proyectos similares a este.

¿Qué son las pseudo-clases? Averigua su potencial y sácale partido con CSS. Descubre los selectores avanzados y cómo pueden mejorar de forma enorme tu página web.

Aprende a distinguir entre overflow y scroll. Simula un scroll con CSS y descubre en qué ocasiones puede ser interesante su utilización. Añade una textura o dibujo al fondo de tu página web.

¿Para qué sirve la propiedad target? Descubre todo lo que necesitas saber sobre este aspecto. Uso del target avanzado. Aprende a poner el texto en varias columnas dentro de un espacio web.

Este proyecto final resume todo lo aprendido durante el curso. Descubre algunos aspectos nuevos sobre el uso de las posiciones absolutas y relativas. Aprende a utilizar Google Analytics.

Configura tu web para que sea adaptable a los dispositivos móviles. ¿Qué es el archivo normalize.ccs? Aprende a crear una estructura responsive con Dreamweaver y cómo comprobar el resultado final.

Haz los primeros pasos en la web Responsive y domina los principios básicos. Averigua dónde puedes testear tu web responsive y cómo utilizar las herramientas de Dreamweaver.

Adapta un menú tradicional a un menú responsive. Aprende los estilos que debes dar para conseguir que tu menú se vea bien en el móvil . Aprende dónde encontrar ejemplos de otros menús responsive.

Aprende a utilizar esta conocida librería responsive para hacer webs de este tipo. Entiende el concepto de rejillas. Haz tus medidas con porcentajes o EM.

Haz una web desde cero utilizando la estructura semántica y la librería Gridicoluos. Aprende a hacer un menú responsive de otra forma y averigua unos consejos muy prácticos sobre esta librería.

Sigue con el proyecto de la web completa con Gridiculous. Aprende a hacer fondos profesionales y sobre todo, totalmente responsive. Averigua todas las funcionalidades de Gridiculous.

Aprende a utilizar la librería Columnal que sirve para hacer webs responsive. Aprende a utilizar la etiqueta viewport y cómo debes configurarla para que tu web responsive sea un éxito total.

Consigue que las tablas y las imágenes de tu web sean totalmente responsive. Aprende todos los trucos para que las tablas sean flexibles y se adapten correctamente al tamaño de los dispositivos móviles.

Descubre los parámetros necesarios para que los campos de un formulario se adapten a la web responsive. Consigue que el CSS te obedezca y hagas con él lo que tienes en tu mente.

Plantea una web desde cero con Dreamweaver. Entiende bien el uso de los queries. Consigue plasmar un diseño complejo en la estructura adecuada para una web responsive. Usa un menú jQuery.

Aprende a corregir los detalles de una web responsive, continuando con el ejercicio anterior. Integra todos los componentes en la web y remata el trabajo con un fantástico footer responsive.

Plantea el menú desde cero y utiliza jQuery para conseguir un menú profesional, muy atractivo y totalmente profesional en tu web. No olvides los consejos de usabilidad en tu menú.

Plantea un formulario responsive complejo desde cero y aprende a darles estilos CSS profesionales para conseguir que se adapte a esta estructura. Utiliza pseudoclases avanzadas para mejorar su rendimiento.

Haz un slide pofesional y responsive programándolo tú desde cero. Aprende a dar estilos profesionales al slide y a configurar según tus deseos hasta el último aspecto del slide.

¿Qué es Bootstrap y cómo nos sirve para hacer web responsive? Aprende a configurar este Framework y haz un Joombotron. Descubre los principales componentes de Bootstrap

Crea una landing page desde cero utilizando esta librería. Plantea la web y aprende a hacer un header responsive y muy atractivo. Descubre algunos trucos sobre el uso de Bootstrap.

Sigue con el proyecto anterior y aprende a configurar los módulos que vienen con Bootstrap por defecto. Aprende a darles tu toque personal y haz un slide con esta tecnología.

En este proyecto final, aprende a hacer una web de una sola pantalla con un menú jQuery. Repasa los principales conceptos de la maestría y descubre cómo mejorar la estructura CSS.