Curso gratis Técnico Diseñador en Dreamweaver CC, HTML5 y CSS3

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS TÉCNICO DISEÑADOR EN DREAMWEAVER CC, HTML5 Y CSS3

Este curso de Técnico Diseñador en Dreamweaver CC, HTML5 y CSS3 le ofrece una formación especializada en la materia. El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico. Es por esto que hoy muchas empresas o instituciones mayoritariamente utilizan como medio de comunicación su sitio web dejando un poco más de lado publicaciones escritas, folletos, catálogos impresos u otros medios relacionados con el diseño grafico tradicional. Al finalizar el curso de Técnico Diseñador en Dreamweaver CC, HTML5 y CSS3 el alumno será capaz de dominar las técnicas más avanzadas y novedosas de diseño y programación Web necesarias para desarrollarse profesionalmente con éxito en este ámbito.

CONTENIDO DEL CURSO GRATIS TÉCNICO DISEÑADOR EN DREAMWEAVER CC, HTML5 Y CSS3

PARTE 1. Diseño Web Profesional con Dreamweaver CC

Unidad Didáctica 1. Presentación de los Contenidos

1. Propósito del curso: Dreamweaver es una de las herramientas más completas y potentes para diseñar páginas web.
2. Destinatarios: Diseñadores gráficos y web que quieren aprender a crear sitios en Internet

Unidad Didáctica 2. Conceptos Básicos y Novedades sobre Dreamweaver CC

1. ¿Qué es un dominio web?
2. ¿Qué es un servidor web? Tipos de alojamiento: hosting gratuito, compartido, housing o colocation
3. Resolución de pantalla y sus diferentes tamaños: unidades absolutas y relativas
4. Lenguaje HTML: la base para crear páginas web
5. Tipografías y colores en la web
6. Prácticas didácticas

Unidad Didáctica 3. Sitios y Documentos Web

1. Cómo crear y configurar un sitio web en Dreamweaver: diferencias entre sitio local y remoto, organización del contenido y visualización de archivos
2. Configuración de un sitio web
3. Gestión y edición de sitios web
4. Creación y apertura de documentos: páginas en blanco, plantillas, archivos de muestra y documentos existentes
5. Interfaz de trabajo en Dreamweaver CC
6. Vistas del documento: Código, Código dividido, Diseño y Vista en vivo
7. Propiedades de la página: CSS y HTML
8. Prácticas prácticas

Unidad Didáctica 4. Edición y Creación de Texto

1. Insertar texto en páginas web: cómo hacerlo con Dreamweaver CC, incluyendo formato (fuente, tamaño, color, alineación, sangría), estilos CSS, listas (numeradas, no numeradas, de definición), revisión ortográfica y otros objetos como reglas horizontales, comentarios y fecha de última modificación
2. Importar documentos desde Microsoft Word
3. Propiedades del texto: HTML y CSS
4. Creación de listas: nuevas, usando texto existente, listas anidadas y configuración de sus propiedades
5. Caracteres especiales en HTML
6. Corrección y sustitución de textos, revisión ortográfica y búsqueda de contenido
7. Creación y definición de estilos CSS
8. Fuentes web: la importancia de la tipografía en el diseño web
9. Prácticas

Unidad Didáctica 5. Enlaces

1. Introducción a los hipervínculos: insertar enlaces a diferentes partes de una página (anclajes), a otras páginas web, o en menús de navegación. Se explica la diferencia entre rutas absolutas y relativas, gestión y modificación de enlaces y uso de comportamientos en la web
2. Crear enlaces: rutas absolutas y relativas, incluyendo rutas relativas desde la raíz del sitio
3. Enlaces a correos electrónicos: creación con Dreamweaver y el inspector de propiedades
4. Menús de salto
5. Widgets de barras de navegación: añadir, eliminar elementos y submenús
6. Verificación de vínculos: en el documento actual, en partes del sitio y en todo el sitio completo, usando el panel de comprobación
7. Estilos en enlaces: diferentes estados: normal, visitado y activo
8. Prácticas

Unidad Didáctica 6. Trabajando con Imágenes

1. Insertar imágenes: cómo hacerlo en Dreamweaver, formatos gráficos compatibles y sus diferencias, además de crear imágenes de sustitución, mapas de imagen y barras de navegación
2. Propiedades de la imagen: usando el inspector de propiedades
3. Alinear y redimensionar imágenes
4. Rollover: efectos en imágenes al pasar el cursor en el navegador
5. Mapas de imagen
6. Marcadores de posición
7. Objetos inteligentes
8. Prácticas

Unidad Didáctica 7. Tablas

1. Tablas: estructura y distribución de contenidos en páginas web con Dreamweaver, incluyendo capas y modo de diseño, formato, contenido y más
2. Insertar tablas
3. Seleccionar elementos dentro de tablas
4. Propiedades de la tabla: usando el inspector de propiedades
5. Propiedades de las celdas
6. Modificar tamaño de tablas, columnas y filas
7. Copiar, pegar, combinar y anidar tablas
8. Aplicar estilos CSS a tablas
9. Prácticas

Unidad Didáctica 8. Capas y Comportamientos

1. Capas: explicación de las etiquetas div y span y cómo contienen objetos como formularios, textos o plugins
2. Posiciones de las capas: estática, relativa, absoluta y fija
3. Insertar capas
4. Propiedades de las capas: usando el inspector
5. Panel de diseño CSS
6. Capas predefinidas
7. Comportamientos: programación en JavaScript para acciones en la web
8. Aplicar comportamientos
9. Prácticas

Unidad Didáctica 9. Estilos CSS I

1. Hojas de estilo: reglas CSS y cómo separar contenido de presentación mediante estilos en cascada
2. Panel de estilos: visualizar y gestionar reglas CSS aplicadas a elementos
3. Crear y vincular hojas de estilo
4. Propiedades básicas: fuentes y textos
5. Propiedades de fondo
6. Propiedades de bloques y cuadros
7. Estilos para bordes
8. Medios de consulta (media queries)
9. Definir selectores y propiedades
10. Prácticas

Unidad Didáctica 10. Estilos CSS II

1. Propiedades para listas CSS
2. Propiedades de posicionamiento
3. Extensiones y pseudoclases
4. Transiciones y animaciones
5. Gestión avanzada de hojas de estilo
6. Aplicar varias clases de estilo
7. Ejemplos de hojas de estilo en Dreamweaver
8. Diseño de páginas con CSS
9. Prácticas

Unidad Didáctica 11. Elementos Multimedia y jQuery UI

1. Incorporar archivos SWF: animaciones Flash, vídeos, botones y textos en Flash en páginas web, así como integración con Fireworks para crear galerías o insertar HTML generado por Fireworks
2. Elementos multimedia y jQuery UI
3. Insertar archivos FLV
4. Insertar sonidos y vídeos: formatos compatibles y métodos de incrustación
5. Insertar widgets de jQuery UI
6. Widgets destacados: acordeón y autocompletar, con personalización
7. Prácticas

Unidad Didáctica 12. Plantillas y Biblioteca

1. Plantillas: tipos, creación y uso para mantener consistencia en el diseño
2. Crear plantillas desde archivos existentes y usando el panel de activos
3. Definir regiones editables y repetidas en plantillas
4. Insertar regiones opcionales y editar páginas basadas en plantillas
5. Gestión y actualización de plantillas
6. Panel de activos: agregar recursos a documentos
7. Bibliotecas: crear, vacías, actualizar y gestionar elementos reutilizables
8. Prácticas

Unidad Didáctica 13. Formularios y Sitios Remotos

1. Formularios: concepto, creación, configuración y envío de información al servidor web
2. Objetos y propiedades de formularios
3. Validación de formularios con JavaScript
4. Gestión de sitios remotos: panel de archivos, sincronización entre sitio local y remoto
5. Prácticas

Unidad Didáctica 14. Diseño de Cuadrícula y FTP

1. Diseño de cuadrículas fluidas: adaptable a dispositivos móviles, tablets y ordenadores
2. Sincronización FTP
3. FTP multicanal

Unidad Didáctica 15. jQuery Mobile

1. Introducción a jQuery Mobile
2. Temas y estilos
3. Panel de ejemplos
4. Agregar contenidos y elementos interactivos
5. Prácticas

PARTE 2. Diseño Web Avanzado con HTML5 y CSS3

Unidad Didáctica 1. Herramientas Esenciales

1. Introducción a las herramientas necesarias
2. Editor de código
3. Navegadores web

Unidad Didáctica 2. Introducción a HTML

1. Fundamentos de HTML
2. Creación de documentos HTML
3. Características principales

Unidad Didáctica 3. Texto, Enlaces, Listas, Imágenes y Objetos

1. Trabajar con textos
2. Incorporar enlaces
3. Crear listas en HTML
4. Insertar imágenes y objetos multimedia

Unidad Didáctica 4. Tablas, Formularios y Estructuras

1. Diseño y uso de tablas
2. Creación y manejo de formularios
3. Construcción de estructuras y layout

Unidad Didáctica 5. Etiquetas Clave en HTML

1. Otras etiquetas importantes

Unidad Didáctica 6. Metainformación, Accesibilidad y Validación

1. ¿Qué es la metainformación?
2. Mejorar la accesibilidad web
3. Validación del código HTML

Unidad Didáctica 7. Introducción a CSS

1. Conceptos básicos de CSS
2. Compatibilidad de CSS en navegadores
3. Especificaciones oficiales
4. Funcionamiento fundamental de CSS
5. Formas de incluir CSS en una página web
6. Estilo básico
7. Medios y adaptaciones CSS
8. Comentarios en CSS
9. Sintaxis y reglas de escritura

Unidad Didáctica 8. Selectores, Unidades y Colores en CSS

1. Principales selectores CSS
2. Unidades de medida: px, %, em, rem, vw, vh
3. Colores en CSS: formatos y aplicaciones

Unidad Didáctica 9. Modelos de Cajas, Posicionamiento y Visualización

1. Modelo de cajas en CSS
2. Propiedades de las cajas
3. Margen, relleno, borde y estructura de cajas
4. Posicionamiento avanzado: estático, relativo, absoluto y fijo
5. Propiedades de visualización

Unidad Didáctica 10. Diseño de Página “Layout”

1. Conceptos básicos de layout
2. Cómo centrar una página horizontalmente
3. Cómo centrar verticalmente
4. Estructuración y organización del layout
5. Alturas y anchuras mínimas y máximas
6. Estilos CSS avanzados para layout

Unidad Didáctica 11. Texto, Enlaces, Imágenes y Listas en CSS

1. Estilizar textos con CSS
2. Estilos para enlaces
3. Diseño y posición de imágenes
4. Personalización de listas

Unidad Didáctica 12. Tablas, Formularios y Propiedades Shorthand

1. Aplicar estilos a tablas
2. Diseñar formularios con CSS

Unidad Didáctica 13. Otras Funciones de CSS

1. Estilos para impresión
2. Personalización del cursor
3. Técnicas hacks y filtros
4. Prioridad en reglas CSS
5. Validar estilos CSS
6. Recomendaciones prácticas
7. Recursos útiles

Unidad Didáctica 14. Firebug

1. ¿Qué es Firebug?
2. Cómo instalarlo
3. Cómo utilizar Firebug para depuración

Unidad Didáctica 15. Introducción a HTML5

1. ¿Qué es HTML5?
2. Principales mejoras
3. Etiquetas obsoletas y modificadas
4. Listado de etiquetas HTML5
5. Atributos eliminados y cambios en estructura
6. Componentes de la estructura HTML5
7. Nuevo esquema del body y elementos de estructuración

Unidad Didáctica 16. Nuevos Atributos, Eventos y Pseudo-clases

1. Introducción a atributos globales
2. Nuevos atributos en HTML5
3. Eventos nuevos y su uso

Unidad Didáctica 17. Nuevos Elementos Semánticos

1. Elemento bdi
2. Elemento command
3. Elemento data
4. Elementos details
5. Elemento mark
6. Elemento meter
7. Elemento progress
8. Elemento ruby
9. Elemento time
10. Elemento wbr

Unidad Didáctica 18. Mejoras en Formularios

1. Nuevos elementos en formularios
2. Cambios en el atributo type de input
3. Nuevos atributos en form, fieldset, input y textarea

Unidad Didáctica 19. Otras Innovaciones de HTML5

1. Incorporación de elementos multimedia
2. Etiqueta source
3. Etiqueta track
4. Elemento video
5. Elemento audio
6. Elemento embed
7. Elemento canvas
8. Introducción a MathML
9. Introducción a SVG
10. Drag and Drop
11. Validador HTML5

Unidad Didáctica 20. Introducción a CSS3

1. Conceptos básicos de CSS3
2. Unidades, colores y fuentes nuevas
3. Nuevos selectores y pseudo-clases

Unidad Didáctica 21. Animaciones, Fondos y Bordes

1. Propiedades para crear animaciones
2. Nuevas opciones para fondos
3. Propiedades innovadoras para bordes

Unidad Didáctica 22. Cajas, Flexbox, Colores y Fuentes

1. Propiedades de las cajas
2. Flexbox y su uso
3. Colores en CSS
4. Fuentes y tipografías

Unidad Didáctica 23. Enlaces y Multi-columnas

1. Estilos para enlaces
2. Multi-columnas en CSS

Unidad Didáctica 24. Texto y Transformaciones 2D/3D

1. Estilizar textos con CSS
2. Transformaciones 2D y 3D

Unidad Didáctica 25. Transiciones e Interfaz de Usuario

1. Propiedades para transiciones
2. Estilos para la interfaz de usuario
3. Validación y mejores prácticas en CSS3

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Manual teórico: Diseño Web Avanzado con HTML5 y CSS3. Vol 1
• Manual teórico: Diseño Web Avanzado con HTML5 y CSS3. Vol 2
• Manual teórico: Diseño Web Profesional con Dreamweaver CC
• Cuaderno de ejercicios: Diseño Web Avanzado con HTML5 y CSS3
• Cuaderno de ejercicios: Diseño Web Profesional con Dreamweaver CC
• CDROM: Diseño Web Avanzado con HTML5 y CSS3
• DVD: Curso Multimedia de Diseño Web Profesional con Dreamweaver CC