Curso gratis Técnico Profesional 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 TÉCNICO PROFESIONAL 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.

CONTENIDO DEL CURSO GRATIS TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LOS CONTENIDOS

1. Objetivo del curso: Dreamweaver es una herramienta poderosa para diseñar y desarrollar páginas web.
2. Dirigido a: Diseñadores gráficos y web que desean adquirir habilidades en la creación de páginas web.

UNIDAD DIDÁCTICA 2. FUNDAMENTOS Y NOVEDADES DE DREAMWEAVER CS6

1. ¿Qué es un dominio web?
2. ¿Qué es un servidor web? Tipos de alojamiento web: gratuito, compartido, y housing o colocation.
3. Resolución de pantalla y sus diferentes dimensiones: absoluta y relativa.
4. Lenguaje HTML: el código utilizado para construir páginas web.
5. Tipografías y colores en la web.
6. Actividades prácticas.

UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB

1. Creación de sitios en Dreamweaver: Pasos para configurar un sitio web, diferenciando entre local y remoto, y organización de archivos en el sitio local.
2. Configuración de un sitio web.
3. Gestión y edición de sitios web.
4. Creación y apertura de documentos: desde una página en blanco hasta la edición de documentos existentes.
5. Espacio de trabajo en Dreamweaver CS6.
6. Modos de visualización del documento: código, vista dividida, diseño y vista en vivo.
7. Propiedades de la página: CSS y HTML.
8. Actividades prácticas.

UNIDAD DIDÁCTICA 4. EDICIÓN Y CREACIÓN DE TEXTOS

1. Introducción de texto: Cómo agregar texto en las páginas web usando Dreamweaver CS6, formateo (fuente, tamaño, color, alineación, sangrías), estilos CSS, listas (numeradas, no numeradas y de definición) y revisión ortográfica. También se explican otros elementos como reglas horizontales y marcas de tiempo.
2. Importación de documentos desde Microsoft Word.
3. Propiedades del texto: HTML y CSS.
4. Creación de listas: desde listas nuevas hasta anidadas y configuración de propiedades.
5. Uso de caracteres especiales en HTML.
6. Corrección de texto: revisión ortográfica y búsqueda y reemplazo de texto.
7. Creación y definición de un estilo CSS.
8. Fuentes web: la tipografía como elemento clave en el diseño web.
9. Actividades prácticas.

UNIDAD DIDÁCTICA 5. ENLACES

1. Introducción: Cómo añadir hipervínculos en las páginas web con Dreamweaver, incluyendo anclajes, enlaces a otras páginas y menús de salto. Se explican las diferencias entre rutas absolutas y relativas, así como la gestión de hipervínculos y comportamientos en las páginas.
2. Creación de un enlace: Rutas absolutas y relativas.
3. Vínculo a correo electrónico: Cómo crear un enlace de correo utilizando Dreamweaver.
4. Puntos de ancla: Cómo crear y vincular anclajes con nombre.
5. Menú de salto.
6. Widget de barra de menús: Añadir y gestionar elementos de menú.
7. Verificación de enlaces: Cómo comprobar y reparar enlaces en el sitio.
8. Estilos en enlaces: Link, Visited, Active.
9. Actividades prácticas.

UNIDAD DIDÁCTICA 6. TRABAJO CON IMÁGENES

1. Inserción de imágenes: Cómo agregar imágenes en las páginas web con Dreamweaver, incluyendo formatos gráficos, imágenes de sustitución, mapas de imagen y barras de navegación.
2. Propiedades de la imagen: Uso del inspector de propiedades.
3. Alineación y redimensionamiento de imágenes.
4. Efecto Rollover: Cómo cambiar la imagen al visualizarla en un navegador.
5. Mapas de imagen.
6. Marcadores de posición.
7. Objetos inteligentes.
8. Actividades prácticas.

UNIDAD DIDÁCTICA 7. TABLAS

1. Tablas: Cómo organizar elementos en las páginas web usando Dreamweaver, incluyendo capas, tablas y diseño, así como asignación de formatos.
2. Inserción de tablas.
3. Selección de elementos dentro de la tabla.
4. Propiedades de la tabla: Uso del inspector de propiedades.
5. Propiedades de las celdas.
6. Dimensionamiento de tablas: Cambios en tamaño, columnas y filas.
7. Copiar, pegar, combinar y anidar tablas.
8. Formato CSS para tablas.
9. Actividades prácticas.

UNIDAD DIDÁCTICA 8. CAPAS Y COMPORTAMIENTO

1. Las capas: Explicación sobre el uso de etiquetas div y span para definir capas que pueden contener diversos elementos, como formularios o textos.
2. Posicionamiento de cajas: Estático, Relativo, Absoluto y Fijo.
3. Inserción de capas.
4. Propiedades de las capas: Uso del inspector de propiedades.
5. Panel de elementos PA.
6. Capas prediseñadas.
7. Conversión entre elementos PA y tablas.
8. Comportamientos: Uso de código JavaScript.
9. Aplicación de un comportamiento.
10. Actividades prácticas.

UNIDAD DIDÁCTICA 9. ESTILOS CSS I

1. Hojas de estilo: Comprensión de las reglas CSS y cómo estas afectan la presentación del contenido en una página web, separando contenido y diseño.
2. Panel de estilos: Supervisión de reglas y propiedades CSS que afectan al elemento seleccionado.
3. Creación de una nueva regla.
4. Propiedades de tipo: Configuración básica de la fuente.
5. Propiedades de fondo.
6. Propiedades de bloque.
7. Propiedades del cuadro.
8. Propiedades del borde.
9. Actividades prácticas.

UNIDAD DIDÁCTICA 10. ESTILOS CSS II

1. Propiedades de lista: Exploración de más reglas CSS para un diseño web atractivo.
2. Propiedades de posición.
3. Propiedades de extensiones.
4. Transiciones.
5. Trabajo con hojas de estilo.
6. Aplicación de múltiples clases de estilos.
7. CSS y compatibilidad con diferentes navegadores.
8. Hojas de estilo de ejemplo en Dreamweaver.
9. Diseño de páginas utilizando CSS.
10. Actividades prácticas.

UNIDAD DIDÁCTICA 11. ELEMENTOS MULTIMEDIA Y SPRY

1. Inserción de archivos SWF: Incorporación de elementos multimedia dinámicos como animaciones, vídeos y botones utilizando Dreamweaver. También se abordan las integraciones con Fireworks para crear álbumes de fotos web.
2. Elementos multimedia y Spry.
3. Inserción de archivos FLV.
4. Inserción de sonido: Formatos de audio y cómo incrustar archivos de sonido y video.
5. Framework de Spry: Cómo insertar widgets de Spry.
6. Widget de acordeón: Personalización del widget.
7. Widget colapsable: Personalización del widget.
8. Widget de paneles en fichas: Personalización del widget.
9. Actividades prácticas.

UNIDAD DIDÁCTICA 12. PLANTILLAS Y BIBLIOTECA

1. Plantillas: Tipos de regiones en plantillas y su utilidad para crear un diseño de página fijo.
2. Creación de plantillas: Cómo generar una plantilla a partir de un documento existente y usar el panel Activos.
3. Creación de regiones editables.
4. Creación de regiones repetidas: Inserción de tablas repetidas.
5. Regiones opcionales en una plantilla: Inserción de regiones opcionales editables y no editables.
6. Base de páginas en una plantilla.
7. Edición y actualización de plantillas.
8. Panel Activos: Cómo agregar un activo a un documento.
9. Biblioteca: Creación de elementos de biblioteca y actualización de documentos.
10. Actividades prácticas.

UNIDAD DIDÁCTICA 13. FORMULARIOS Y SITIOS REMOTOS

1. Formularios: Definición, creación y configuración de formularios en Dreamweaver para la recolección de información del visitante hacia el servidor web.
2. Creación de un formulario HTML: Explorar los diferentes objetos de formulario.
3. Propiedades de objetos I.
4. Propiedades de objetos II.
5. Validación de formularios con JavaScript.
6. Sitios remotos.
7. Panel de archivos: Gestión de sitios locales y remotos.
8. Actividades prácticas.

UNIDAD DIDÁCTICA 14. DISEÑO DE CUADRÍCULA Y FTP

1. Diseño de cuadrícula fluida: Creación de un diseño adaptable a cualquier dispositivo, ya sea móvil, tablet o PC.
2. Sincronización FTP.
3. FTP multicanal.
4. Actividades prácticas: Composición líquida.

UNIDAD DIDÁCTICA 15. JQUERY MOBILE

1. Introducción a jQuery Mobile.
2. Temas.
3. Panel de muestras.
4. Agregar contenidos.
5. Actividades prácticas.

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Manual teórico: Diseño Web Profesional con Adobe Dreamweaver CS6
• Cuaderno de ejercicios: Diseño Web Profesional con Adobe Dreamweaver CS6