Curso gratis Experto en Diseño Web Profesional con Dreamweaver CS6

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 EXPERTO EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Se trata de una herramienta imprescindible para todos aquellos interesados en convertirse en expertos del diseño web, sector que goza en la actualidad de amplias salidas profesionales. Esta aplicación cuenta con características novedosas y ofrece un panorama amplio de opciones de diseño, indispensable para los diseñadores expertos y principiantes de Web.

CONTENIDO DEL CURSO GRATIS EXPERTO EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

UNIDAD DIDÁCTICA 1. ¿A quién va dirigido el curso de Dreamweaver?

1. Propósito del curso
2. Perfil de los participantes: quiénes pueden aprovecharlo

UNIDAD DIDÁCTICA 2. Primeros pasos con Dreamweaver CS6

1. ¿Qué es un dominio web y cómo funciona?
2. ¿Qué es un servidor web y qué papel desempeña?
3. Resolución de pantalla: adaptando el diseño
4. Introducción al lenguaje HTML
5. Uso de diferentes tipografías y colores en páginas web
6. Ejercicios prácticos para aplicar lo aprendido

UNIDAD DIDÁCTICA 3. Creando nuestro primer sitio web en Dreamweaver

1. ¿Qué significa tener un sitio en Dreamweaver?
2. Configurar y definir un nuevo sitio web
3. Gestión y edición de sitios web en Dreamweaver
4. Crear y abrir documentos dentro del programa
5. Explorando el espacio de trabajo en Dreamweaver CS6
6. Distintas vistas para trabajar con los archivos
7. Propiedades de la página: estilos CSS y estructura HTML
8. Ejercicios prácticos para consolidar conocimientos

UNIDAD DIDÁCTICA 4. Elementos básicos de estructura HTML y estilos

1. Insertar texto en nuestras páginas
2. Importar contenidos desde Microsoft Word
3. Propiedades del texto: HTML y CSS
4. Creación de listas ordenadas y desordenadas
5. Uso de caracteres especiales en HTML
6. Edición avanzada del contenido textual
7. Diseñar estilos CSS y definir clases
8. Importancia de la tipografía en la web
9. Ejercicios prácticos para practicar

UNIDAD DIDÁCTICA 5. Enlaces: enlaces internos y externos

1. ¿Qué es un enlace y cómo funciona?
2. Crear enlaces entre páginas
3. Enlaces a direcciones de correo electrónico
4. Puntos de anclaje (marcas dentro de la página)
5. Menús de navegación con saltos internos
6. Configurar widgets en la barra de menú
7. Verificación de vínculos rotos y correctos
8. Estilizar vínculos: estados normal, visitado y activo
9. Ejercicios prácticos de creación y gestión de enlaces

UNIDAD DIDÁCTICA 6. Insertar imágenes en el diseño web

1. Cómo agregar imágenes a nuestras páginas
2. Propiedades de las imágenes: uso del inspector
3. Alinear y ajustar el tamaño de las imágenes
4. Efectos rollover sobre imágenes
5. Mapas de imagen: crear zonas clicables
6. Marcadores de posición para imágenes dinámicas
7. Uso de objetos inteligentes para editar imágenes
8. Ejercicios prácticos para integrar imágenes

UNIDAD DIDÁCTICA 7. Diseño con tablas en la web

1. Introducción a las tablas y su utilidad
2. Insertar y configurar tablas en Dreamweaver
3. Seleccionar y editar elementos de una tabla
4. Propiedades de las tablas y celdas
5. Ajustar tamaño de filas y columnas
6. Copiar, pegar, combinar y anidar tablas
7. Aplicar estilos CSS a las tablas
8. Ejercicios prácticos para crear diseños con tablas

UNIDAD DIDÁCTICA 8. Organización del contenido con capas (layers)

1. ¿Qué son las capas y cómo se usan?
2. Posiciones de las capas: estática, relativa, absoluta y fija
3. Insertar nuevas capas en el diseño
4. Propiedades y manipulación de capas
5. Panel de elementos para gestionar capas
6. Capas predefinidas y sus usos
7. Convertir capas en tablas y viceversa
8. Agregar comportamientos con JavaScript
9. Ejercicios prácticos para gestionar capas y comportamientos

UNIDAD DIDÁCTICA 9. Diseño de páginas con CSS

1. Concepto y utilidad de las hojas de estilo CSS
2. Panel para gestionar estilos
3. Crear y definir nuevas reglas CSS
4. Estilizar tipografías: tamaño, fuente, color
5. Aplicar fondos y colores de fondo
6. Configurar elementos de bloque y alineaciones
7. Establecer dimensiones y márgenes con CSS
8. Diseñar bordes y cuadros alrededor de elementos
9. Ejercicios prácticos para aplicar estilos CSS

UNIDAD DIDÁCTICA 10. Control avanzado del diseño con CSS

1. Propiedades de listas para mejorar la estética
2. Control de la posición de los elementos
3. Estilos de extensión y tamaño
4. Transiciones y animaciones CSS
5. Trabajo con múltiples hojas de estilo
6. Aplicar varias clases a un mismo elemento
7. Compatibilidad de CSS en distintos navegadores
8. Ejemplos de hojas de estilos en Dreamweaver
9. Diseñar páginas web con CSS de forma efectiva
10. Ejercicios prácticos para dominar CSS avanzado

UNIDAD DIDÁCTICA 11. Incorporación de elementos multimedia en la web

1. Uso de archivos SWF en sitios web
2. Elementos multimedia y el framework Spry
3. Insertar archivos de video en formato FLV
4. Incluir archivos de audio y sonido
5. Insertar widgets de Spry: acordeones, paneles y más
6. Widgets interactivos para mejorar la experiencia del usuario
7. Ejercicios prácticos para integrar multimedia

UNIDAD DIDÁCTICA 12. Uso de plantillas y componentes de biblioteca

1. ¿Qué son las plantillas y cómo crearlas?
2. Definir regiones editables en plantillas
3. Crear regiones repetidas con tablas dinámicas
4. Editar regiones opcionales en plantillas
5. Construir páginas basadas en plantillas existentes
6. Actualizar y mantener plantillas actualizadas
7. Gestionar el panel de plantillas en Dreamweaver
8. Utilizar bibliotecas de elementos reutilizables
9. Ejercicios prácticos para trabajar con plantillas y bibliotecas

UNIDAD DIDÁCTICA 13. Gestión de datos mediante formularios

1. ¿Qué son y para qué sirven los formularios?
2. Crear formularios HTML con diferentes objetos
3. Propiedades básicas de los objetos de formulario
4. Configuración avanzada de objetos
5. Validar formularios con JavaScript
6. Configurar sitios remotos y locales
7. Panel de archivos: gestionar archivos en distintas ubicaciones
8. Ejercicios prácticos para crear y validar formularios

UNIDAD DIDÁCTICA 14. Diseño adaptable y sincronización FTP

1. Diseñar layouts con cuadrículas flexibles y fluidas
2. Sincronización de archivos mediante FTP
3. Gestión de FTP multicanal para diferentes servidores
4. Ejercicio práctico: crear un diseño líquido y sincronizar archivos

UNIDAD DIDÁCTICA 15. Introducción a jQuery y manejo de elementos

1. ¿Qué es jQuery Mobile y cómo se usa?
2. Aplicar temas a través de jQuery
3. Panel de ejemplos y muestras
4. Agregar contenidos dinámicos con jQuery
5. Ejercicios prácticos para manipular elementos con jQuery

UNIDAD DIDÁCTICA 16. Proyecto final: Diseñar la web de una empresa

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Paquete SCORM: Experto en diseño web profesional con Dreamweaver CS6