Curso gratis Técnico Profesional en Diseño Web con Dreamweaver CC 2022

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 CON DREAMWEAVER CC 2022

Este CURSO DE ADOBE DREAMWEAVER CC ofrece una formación especializada en dicha materia. Si se dedica al entorno del diseño web y quiere conocer los aspectos fundamentales sobre el manejo del programa Adobe Dreamweaver este es su momento, con el Curso de Técnico Profesional en Diseño con Adobe Dreamweaver CC podrá adquirir los conocimientos esenciales para desenvolverse de manera profesional en este ámbito. Hoy en día, el diseño web es una pieza fundamental en la vida de las empresas u organizaciones, así como en la formación de las personas, ya que el tener nociones básicas o más avanzadas sobre esta labor puede ayudar a afianzarse laboralmente en un entorno determinado.

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

UNIDAD DIDÁCTICA 1. PRESENTACIÓN DE LOS CONTENIDOS

1. Objetivo del curso: Dreamweaver es una de las herramientas más potentes y versátiles para diseñar páginas web de manera profesional.
2. Dirigido a: Diseñadores gráficos y web que desean adquirir habilidades para crear páginas web desde cero.

UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS Y NOVEDADES DE DREAMWEAVER CC

1. ¿Qué es un dominio de un sitio web? Explicación sencilla sobre su función y cómo se relaciona con la presencia en línea.
2. ¿Qué es un servidor web? Tipos de alojamiento: alojamiento gratuito, compartido, housing o colocation y sus diferencias.
3. Resolución de pantalla y tamaños: conceptos de resolución absoluta y relativa para adaptarse a diferentes dispositivos.
4. Lenguaje HTML: la base para crear páginas web y estructurar su contenido.
5. Tipografías y colores en la web: cómo escoger y aplicar estilos para mejorar la apariencia.
6. Prácticas para consolidar conceptos.

UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB

1. Creación y configuración de sitios en Dreamweaver: pasos básicos para gestionar un sitio web, diferencias entre sitio local y remoto, organización de archivos y formas de visualización.
2. Configurar un sitio web: ajustes necesarios para comenzar a trabajar.
3. Gestión y edición de sitios web: cómo administrar el contenido de manera eficiente.
4. Crear y abrir documentos: desde páginas en blanco, plantillas, archivos de muestra o documentos existentes.
5. Espacio de trabajo en Dreamweaver CC: conocer las diferentes vistas y paneles.
6. Vistas del documento: código, código dividido, diseño y vista en vivo para facilitar el trabajo.
7. Propiedades de la página: aplicar estilos CSS y editar HTML de forma sencilla.
8. Prácticas para afianzar los conocimientos.

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

1. Insertar y formatear texto: cómo agregar contenido textual, ajustar fuente, tamaño, color, alineación, sangrías y estilos CSS. Crear listas numeradas, no numeradas o de definición, y revisar ortografía.
2. Importar documentos de Microsoft Word: integración sencilla para aprovechar contenido existente.
3. Propiedades del texto: gestionar atributos HTML y CSS para mejorar la presentación.
4. Crear listas: desde cero, partiendo de texto existente o listas anidadas, configurando sus propiedades.
5. Caracteres especiales en HTML: cómo utilizarlos para mejorar la tipografía.
6. Revisión y edición de textos: buscar, sustituir, corregir errores ortográficos.
7. Crear y definir estilos CSS: para mantener coherencia en el diseño.
8. Web fonts: la importancia de las tipografías en el diseño web.
9. Prácticas para consolidar habilidades.

UNIDAD DIDÁCTICA 5. ENLACES

1. Introducción a los hipervínculos: cómo insertar enlaces internos (anclajes), enlaces externos (otras páginas o sitios web) y menús de navegación. Explicación de rutas absolutas y relativas, administración y modificación de vínculos, y uso de comportamientos para responder a eventos.
2. Crear enlaces: configuraciones de rutas relativas y absolutas.
3. Vínculos a correos electrónicos: cómo crear enlaces para enviar emails desde la página.
4. Menús de salto: facilitar la navegación en páginas largas.
5. Widgets de barras de menús: agregar, eliminar y gestionar elementos de navegación.
6. Verificación y reparación de vínculos: asegurarse de que todos funcionen correctamente en diferentes partes del sitio.
7. Estilos en enlaces: gestionar estados como link, visited y active.
8. Prácticas para practicar la creación y gestión de enlaces.

UNIDAD DIDÁCTICA 6. TRABAJO CON IMÁGENES

1. Insertar imágenes: cómo agregar y gestionar imágenes en las páginas web, tipos de formatos gráficos y sus diferencias, además de crear imágenes de reemplazo, mapas de imagen y barras de navegación.
2. Propiedades de las imágenes: uso del inspector para ajustar tamaño, alineación y otras propiedades.
3. Alinear y redimensionar imágenes: técnicas para mejorar el diseño.
4. Efecto rollover: cambiar la imagen al pasar el cursor para crear efectos interactivos.
5. Mapas de imagen: definir áreas clicables en una imagen.
6. Marcadores de posición: colocar imágenes o elementos de referencia.
7. Objetos inteligentes: incorporar contenido dinámico y flexible.
8. Prácticas para dominar el trabajo con imágenes.

UNIDAD DIDÁCTICA 7. TABLAS

1. Uso de tablas: cómo organizar datos y contenido en las páginas web, incluyendo la utilización de capas y el modo diseño en Dreamweaver.
2. Insertar y gestionar tablas: crear, seleccionar celdas, ajustar propiedades y tamaño.
3. Formato de tablas y celdas: aplicar estilos CSS para mejorar la apariencia.
4. Copiar, pegar, combinar y anidar tablas: técnicas avanzadas para estructurar información.
5. Prácticas para aplicar conocimientos en proyectos reales.

UNIDAD DIDÁCTICA 8. CAPAS Y COMPORTAMIENTO

1. Capas en la web: uso de etiquetas div y span para definir áreas que contienen diferentes objetos o contenidos.
2. Posicionamiento de capas: estático, relativo, absoluto y fijo para diseñar layouts dinámicos.
3. Insertar y gestionar capas: herramientas para agregar y modificar capas en Dreamweaver.
4. Propiedades de las capas: ajuste de estilos y comportamiento.
5. Panel de CSS: gestionar estilos y posiciones de forma visual.
6. Capas prediseñadas: utilizar plantillas para acelerar el diseño.
7. Comportamientos con JavaScript: añadir interactividad a las páginas, como efectos y respuestas a eventos.
8. Aplicar y editar comportamientos: ejemplos prácticos para entender su uso.
9. Prácticas para integrar capas y comportamientos en proyectos reales.

UNIDAD DIDÁCTICA 9. ESTILOS CSS I

1. Hojas de estilo en cascada (CSS): concepto y cómo separar la presentación del contenido para facilitar el mantenimiento y la coherencia.
2. Panel de estilos: visualización y gestión de reglas CSS aplicadas a los elementos.
3. Crear y adjuntar hojas de estilo: pasos para definir estilos globales o específicos.
4. Propiedades básicas: configuración de fuentes, fondos, dimensiones, bordes y cuadros.
5. Definición de consultas de medios: estilos adaptativos según el dispositivo.
6. Selector y propiedades: cómo seleccionar elementos y aplicar estilos específicos.
7. Prácticas para dominar la creación y gestión de estilos CSS.

UNIDAD DIDÁCTICA 10. ESTILOS CSS II

1. Propiedades avanzadas de listas y posicionamiento: reglas adicionales para mejorar el diseño.
2. Transiciones: efectos suaves al cambiar estilos.
3. Trabajar con múltiples clases y estilos en una misma página.
4. Hojas de estilos de muestra en Dreamweaver: ejemplos prácticos.
5. Diseño de páginas web utilizando CSS: técnicas y buenas prácticas.
6. Prácticas para aplicar lo aprendido en proyectos reales.

UNIDAD DIDÁCTICA 11. ELEMENTOS MULTIMEDIA Y JQUERY UI

1. Insertar archivos SWF y otros elementos multimedia: animaciones, vídeos, botones y textos en Flash, integrando Dreamweaver con Fireworks para crear galerías o insertar HTML de otros programas.
2. Incluir archivos FLV y sonido: formatos soportados y métodos de incorporación, incluyendo vídeo y audio.
3. Widgets de jQuery UI: agregar componentes interactivos como acordeones y autocompletar, personalizándolos según las necesidades del proyecto.
4. Prácticas para integrar multimedia y efectos interactivos en las páginas web.

UNIDAD DIDÁCTICA 12. PLANTILLAS Y BIBLIOTECA

1. Plantillas: tipos, regiones y ventajas de usar plantillas para mantener un diseño coherente en múltiples páginas.
2. Crear plantillas: a partir de documentos existentes y mediante el panel de activos.
3. Regiones editables y repetidas: definir áreas que puedan modificarse o repetirse en varias páginas.
4. Incluir regiones opcionales, tanto editables como no editables.
5. Basar páginas en una plantilla y gestionar cambios de forma sencilla.
6. Panel de activos: cómo agregar elementos a los documentos y gestionar bibliotecas de contenido reutilizable.
7. Crear, actualizar y gestionar bibliotecas de elementos para mejorar la eficiencia en el diseño.
8. Prácticas para consolidar el uso de plantillas y bibliotecas en proyectos reales.

UNIDAD DIDÁCTICA 13. FORMULARIOS Y SITIOS REMOTOS

1. Formularios: conceptos, creación y configuración para que los usuarios puedan enviar información al servidor, incluyendo diversos tipos de campos y propiedades.
2. Crear formularios HTML: objetos y atributos necesarios.
3. Validación de formularios con JavaScript: asegurarse de que los datos enviados sean correctos.
4. Sitios remotos: gestión y sincronización de archivos entre el servidor local y el remoto mediante el panel de archivos.
5. Prácticas para desarrollar formularios funcionales y administrar sitios en línea.

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

1. Diseño de cuadrícula fluida: crear layouts que se adapten automáticamente a diferentes tamaños de pantalla, para una experiencia responsiva.
2. SINCRONIZACIÓN FTP: mantener actualizados los archivos en el servidor remoto de forma sencilla.
3. FTP Multicanal: gestionar múltiples conexiones FTP para mayor eficiencia.

UNIDAD DIDÁCTICA 15. JQUERY MOBILE

1. Introducción a jQuery Mobile: crear sitios web adaptativos para dispositivos móviles.
2. Temas y estilos: personalización visual de las páginas.
3. Panel de muestra: ejemplos y demostraciones rápidas.
4. Agregar contenidos: cómo incluir textos, imágenes y widgets en proyectos móviles.
5. Prácticas para diseñar y optimizar páginas web para móviles usando jQuery Mobile.

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

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