Curso gratis Especialista TIC en Diseño Web. Nivel Profesional

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 ESPECIALISTA TIC EN DISEÑO WEB. NIVEL PROFESIONAL

Este curso en Diseño Web. Nivel Profesional le ofrece una formación para diseñar páginas web a través de distintos software como Dreamweaver, Photoshop y Animate, sin conocimiento previo sobre éstas aplicaciones, en el ámbito profesional.

CONTENIDO DEL CURSO GRATIS ESPECIALISTA TIC EN DISEÑO WEB. NIVEL PROFESIONAL

MÓDULO 1. Diseño web profesional con Dreamweaver CC

UNIDAD DIDÁCTICA 1. Presentación del contenido

1. Objetivo del curso: Dreamweaver es una de las herramientas más potentes para construir páginas web de forma profesional.
2. A quién va dirigido: Diseñadores gráficos o web que desean aprender a crear sitios 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 de su significado y función.
2. ¿Qué es un servidor web? Tipos de alojamiento: gratuito, compartido, housing o colocation.
3. Resolución de pantalla y sus diferentes tamaños: diferencias entre resolución absoluta y relativa.
4. Lenguaje HTML: el lenguaje fundamental para escribir páginas web.
5. Uso de diferentes tipografías y colores en la web para mejorar el diseño.
6. Prácticas para aplicar estos conceptos.

UNIDAD DIDÁCTICA 3. Sitios y documentos web

1. Crear y configurar sitios en Dreamweaver: pasos para definir un sitio local y uno remoto, cómo organizarlos y visualizar los archivos.
2. Configurar un sitio web en el programa.
3. Administrar y editar sitios web existentes.
4. Crear y abrir documentos: páginas en blanco, plantillas, archivos de muestra y editar existentes.
5. Área de trabajo en Dreamweaver CC: cómo personalizarla y aprovecharla.
6. Vistas del documento: código, diseño dividido, vista en vivo.
7. Propiedades de la página: gestión de estilos CSS y HTML.
8. Prácticas para consolidar estos conocimientos.

UNIDAD DIDÁCTICA 4. Edición y creación de textos

1. Insertar y formatear texto: cómo añadir texto a tus páginas, ajustar fuente, tamaño, color, alineación, sangría y estilos CSS.
2. Crear listas (numeradas, no numeradas y de definición) y revisar ortografía.
3. Importar documentos desde Microsoft Word.
4. Propiedades del texto: gestionar estilos HTML y CSS.
5. Crear y modificar listas, incluyendo listas anidadas.
6. Uso de caracteres especiales en HTML.
7. Buscar y reemplazar texto, revisión ortográfica.
8. Crear estilos CSS para textos y definirlos.
9. Utilización de fuentes web (web fonts) para mejorar la tipografía.
10. Prácticas para aplicar todo lo aprendido.

UNIDAD DIDÁCTICA 5. Enlaces

1. Introducción: cómo insertar hipervínculos en Dreamweaver, incluyendo enlaces internos (anclajes), externos, de correo y en menús de navegación. Diferencias entre rutas absolutas y relativas, y gestión de los enlaces.
2. Crear enlaces: rutas absolutas, relativas y desde la raíz del sitio.
3. Vínculos a correos electrónicos: cómo crear enlaces para enviar emails.
4. Menús de salto: facilitar la navegación en páginas largas.
5. Widgets de barras de menú: agregar, editar y eliminar elementos.
6. Verificar y corregir vínculos: en archivos individuales y en todo el sitio.
7. Estilos en enlaces: estados link, visited y active.
8. Prácticas para dominar la creación y gestión de enlaces.

UNIDAD DIDÁCTICA 6. Trabajar con imágenes

1. Insertar imágenes: cómo incluirlas en tus páginas, formatos recomendados y sus diferencias.
2. Propiedades de las imágenes: uso del inspector para ajustar tamaño, alineación y otros atributos.
3. Redimensionar y alinear imágenes.
4. Rollover: crear imágenes que cambian al pasar el cursor.
5. Mapas de imagen: definir áreas clicables en una imagen.
6. Marcadores de posición y objetos inteligentes para mejorar el diseño.
7. Prácticas para trabajar con imágenes de forma efectiva.

UNIDAD DIDÁCTICA 7. Tablas

1. Uso de tablas para organizar contenido: cómo insertarlas, seleccionar elementos y gestionar sus propiedades.
2. Propiedades de las tablas y celdas mediante el inspector.
3. Ajustar tamaño: columnas, filas y toda la tabla.
4. Copiar, pegar, combinar celdas y crear tablas anidadas.
5. Aplicar estilos CSS a las tablas para mejorar su apariencia.
6. Prácticas para dominar el trabajo con tablas.

UNIDAD DIDÁCTICA 8. Capas y comportamiento

1. Introducción a las capas (divs y spans): cómo utilizarlas para distribuir elementos y contenido en la página.
2. Posiciones de las capas: estática, relativa, absoluta y fija.
3. Insertar y gestionar capas en Dreamweaver.
4. Propiedades de las capas: ajuste y configuración.
5. Panel de CSS para controlar estilos y posicionamiento.
6. Capas prediseñadas y su uso.
7. Aplicar comportamientos con JavaScript para interactividad.
8. Prácticas para entender y manejar capas y comportamientos.

UNIDAD DIDÁCTICA 9. Estilos CSS I

1. Hojas de estilo en cascada: qué son y cómo ayudan a separar contenido de presentación.
2. Panel de estilos: cómo gestionar reglas CSS en Dreamweaver.
3. Crear y enlazar hojas de estilo externas.
4. Propiedades básicas: fuentes, fondos, bloques, cuadros y bordes.
5. Definir consultas de medios y selectores CSS.
6. Aplicar estilos y prácticas para consolidar conocimientos.

UNIDAD DIDÁCTICA 10. Estilos CSS II

1. Propiedades avanzadas: listas, posición, efectos de transición y extensiones CSS.
2. Trabajar con varias clases y estilos en una misma página.
3. Uso de estilos predefinidos en Dreamweaver.
4. Diseñar páginas atractivas con CSS avanzado.
5. Prácticas para dominar el diseño con CSS.

UNIDAD DIDÁCTICA 11. Elementos multimedia y jQuery UI

1. Insertar archivos multimedia como SWF, vídeos en Flash, botones y textos animados.
2. Trabajar con jQuery y sus componentes: widgets de contenido interactivo.
3. Insertar archivos FLV y sonidos en las páginas.
4. Utilizar widgets como acordeón y autocompletar para mejorar la experiencia del usuario.
5. Prácticas para integrar multimedia y jQuery UI correctamente.

UNIDAD DIDÁCTICA 12. Plantillas y biblioteca

1. Tipos de plantillas y regiones: cómo crear y gestionar diseños fijos y dinámicos.
2. Crear plantillas desde documentos existentes y usar el panel de activos.
3. Definir regiones editables y repetidas para facilitar el mantenimiento.
4. Editar y actualizar plantillas para mantener coherencia en el sitio.
5. Crear y gestionar bibliotecas de componentes reutilizables.
6. Prácticas para optimizar el trabajo con plantillas y bibliotecas.

UNIDAD DIDÁCTICA 13. Formularios y sitios remotos

1. Creación y configuración de formularios para la interacción con usuarios y envío de datos al servidor.
2. Gestionar diferentes tipos de campos y validar formularios con JavaScript.
3. Trabajar con sitios remotos: gestionar archivos en servidores y en local.
4. Panel de archivos para sincronizar y administrar el contenido.
5. Prácticas para dominar formularios y sitios remotos.

UNIDAD DIDÁCTICA 14. Diseño de cuadrícula y FTP

1. Crear diseños fluidos adaptados a cualquier dispositivo mediante cuadrículas responsive.
2. Sincronizar archivos usando FTP y gestionar sitios con múltiples conexiones.

UNIDAD DIDÁCTICA 15. jQuery Mobile

1. Introducción a jQuery Mobile para crear interfaces móviles.
2. Personalizar temas y usar paneles de muestra.
3. Agregar contenidos y practicar con ejemplos reales.

MÓDULO 2. Adobe Photoshop CC

UNIDAD DIDÁCTICA 1. Presentación

1. Introducción general al programa y sus capacidades.

UNIDAD DIDÁCTICA 2. Conceptos básicos

1. Novedades y mejoras en las últimas versiones.
2. Tipos de imágenes y sus usos.
3. Resolución y formatos adecuados para distintos proyectos.
4. Formato PSD y otros formatos de imagen comunes.

UNIDAD DIDÁCTICA 3. Área de trabajo

1. Cómo abrir, guardar y crear nuevos documentos.
2. Personalización del espacio de trabajo y gestión de ventanas y paneles.
3. Guardar configuraciones personalizadas y modos de visualización.
4. Prácticas para familiarizarse con el entorno.

UNIDAD DIDÁCTICA 4. Paneles y menús

1. Uso de la barra de menús y herramientas principales.
2. Opciones de herramientas y barra de estado para mayor control.
3. Gestión de ventanas en Photoshop: apertura, cierre, organización.
4. Prácticas para manejar eficientemente los paneles y menús.

UNIDAD DIDÁCTICA 5. Herramientas de selección

1. Herramientas para seleccionar áreas: marco rectangular, lazo, varita y selección rápida.
2. Opciones para modificar y refinar selecciones.
3. Herramienta mover y combinaciones con otras selecciones.
4. Prácticas para dominar las selecciones precisas.

UNIDAD DIDÁCTICA 6. Herramientas de dibujo y edición

1. Herramientas de pintura y edición: pincel, lápiz, relleno y más.
2. Creación de pinceles personalizados para efectos únicos.
3. Herramientas de sustitución de color, degradado y bote de pintura.
4. Prácticas para mejorar habilidades de dibujo y retoque.

UNIDAD DIDÁCTICA 7. Herramientas de retoque y transformación

1. Usar herramientas de recorte, sector, cambio de tamaño y corrección.
2. Eliminar ojos rojos, clonar áreas y aplicar efectos de borrado y desenfoque.
3. Herramientas de exposición y ajuste de brillo.
4. Prácticas para perfeccionar imágenes.

UNIDAD DIDÁCTICA 8. Capas

1. Conceptos básicos sobre capas y su uso en composiciones.
2. Trabajo con el panel de capas: agregar, eliminar, duplicar y gestionar opacidad y modos de fusión.
3. Aplicar estilos y efectos en capas.
4. Capas de ajuste y relleno para efectos dinámicos.
5. Combinar capas para obtener el resultado deseado.
6. Prácticas para manejar capas con eficiencia.

UNIDAD DIDÁCTICA 9. Texto

1. Herramientas para añadir y editar texto en imágenes.
2. Formatear caracteres y párrafos, convertir texto en objetos y aplicar efectos.
3. Crear estilos de texto y rellenar con imágenes.
4. Revisión ortográfica y herramientas para deformar texto.
5. Prácticas para incorporar texto de forma profesional.

UNIDAD DIDÁCTICA 10. Herramientas de dibujo

1. Herramientas para crear formas y trazados: pluma, formas y trazados libres.
2. Convertir trazados en selecciones y trabajar con ellas.
3. Trabajar con capas de forma y manipular trazados.
4. Prácticas para perfeccionar el dibujo vectorial.

UNIDAD DIDÁCTICA 11. Reglas, acciones, filtros y canales

1. Uso de reglas, guías y cuadrículas para precisión en diseños.
2. Automatizar tareas con acciones.
3. Aplicar filtros y efectos para mejorar imágenes.
4. Trabajar con objetos inteligentes y canales de color.
5. Prácticas para optimizar procesos creativos.

UNIDAD DIDÁCTICA 12. Transformar imágenes y gráficos para web

1. Transformar, deformar y ajustar tamaño de imágenes.
2. Optimizar imágenes para la web: formato y calidad.
3. Crear efectos rollover y sectores interactivos.
4. Guardar recursos y exportar en formatos adecuados.
5. Prácticas para preparar gráficos para la web.

UNIDAD DIDÁCTICA 13. Impresión

1. Preparar archivos para impresión en escritorio y en imprenta.
2. Pruebas de color, perfiles y ajustes necesarios.
3. Imprimir y gestionar archivos para producción.
4. Prácticas para asegurar calidad en impresiones.

UNIDAD DIDÁCTICA 14. 3D

1. Fundamentos y conceptos básicos de modelado 3D.
2. Herramientas para crear objetos y manipular cámaras 3D.
3. Creación de formas tridimensionales y gestión del panel 3D.
4. Prácticas para integrar 3D en tus proyectos.

UNIDAD DIDÁCTICA 15. Video y animaciones

1. Trabajar con capas de vídeo e importar archivos multimedia.
2. Utilizar el panel de movimiento para animar objetos.
3. Crear animaciones a partir de secuencias de imágenes y en línea de tiempo.
4. Guardar y exportar proyectos animados.
5. Prácticas para dominar la animación en proyectos web.

MÓDULO 3. Adobe Animate CC

UNIDAD DIDÁCTICA 1. El entorno de trabajo I

1. Tipos de gráficos y su uso en Animate.
2. Utilización del escenario y herramientas principales.
3. Flujo de trabajo en Animate CC: organización y gestión.
4. Ver y personalizar el área de trabajo.
5. Menús, ventanas y paneles: cómo configurarlos.
6. Guardar espacios de trabajo y ajustar preferencias.
7. Prácticas para familiarizarse con el entorno.

UNIDAD DIDÁCTICA 2. El entorno de trabajo II

1. Configuración del escenario y propiedades del documento.
2. Herramientas básicas y avanzadas para crear y editar contenido.
3. Línea de tiempo, capas y vistas del documento.
4. Reglas, guías y cuadrículas para precisión.
5. Gestión del historial y archivos de Animate.
6. Prácticas para dominar el entorno de trabajo.

UNIDAD DIDÁCTICA 3. Administración de documentos

1. Creación y gestión de documentos y plantillas.
2. Importación de imágenes e ilustraciones desde otros programas.
3. Integración con Illustrator y Photoshop.
4. Gestión y organización de archivos en Animate.
5. Prácticas para optimizar el flujo de trabajo.

UNIDAD DIDÁCTICA 4. Dibujar en Animate

1. Conceptos sobre dibujo vectorial en Animate.
2. Modos de dibujo, preferencias y herramientas básicas y avanzadas.
3. Uso de la herramienta pluma y edición de contornos.
4. Prácticas para crear ilustraciones y personajes.

UNIDAD DIDÁCTICA 5. Trabajar con objetos

1. Transformar, seleccionar y combinar objetos en Animate.
2. Borrar, alinear, mover y copiar objetos.
3. Prácticas para gestionar objetos en escenas y animaciones.

UNIDAD DIDÁCTICA 6. Color en Animate

1. Selector de color y paletas.
2. Crear degradados y transformar sus efectos.
3. Uso de herramientas como bote de tinta y cuentagotas.
4. Prácticas para gestionar colores y efectos visuales.

UNIDAD DIDÁCTICA 7. Símbolos, instancias y bibliotecas

1. Tipos de símbolos y su creación.
2. Gestión de bibliotecas y uso de símbolos gráficos y botones.
3. Creación de clips de película y componentes reutilizables.
4. Prácticas para aprovechar la reutilización de elementos.

UNIDAD DIDÁCTICA 8. Línea de tiempo y animación

1. Uso de la línea de tiempo para crear animaciones.
2. Trabajar con capas y gestionar animaciones fotograma a fotograma e interpoladas.
3. Animar objetos mediante guías y efectos avanzados.
4. Prácticas para dominar la animación profesional.

UNIDAD DIDÁCTICA 9. Escenas, filtros, máscaras y texto

1. Gestionar escenas y aplicar filtros y efectos visuales.
2. Trabajar con capas de máscara y diferentes tipos de texto.
3. Incorporar fuentes y efectos en textos.
4. Prácticas para crear contenidos enriquecidos.

UNIDAD DIDÁCTICA 10. Sonido y vídeo

1. Importar y gestionar archivos de sonido y vídeo.
2. Insertar sonidos en la línea de tiempo y en botones interactivos.
3. Editar, comprimir y exportar contenido multimedia.
4. Utilizar Adobe Media Encoder para optimizar archivos.
5. Prácticas para integrar multimedia en animaciones.

UNIDAD DIDÁCTICA 11. Acciones y publicación

1. Introducción a ActionScript y panel de acciones.
2. Aplicar acciones comunes y usar fragmentos de código.
3. Configurar y exportar proyectos para publicación web.
4. Prácticas para programar y publicar contenidos interactivos.

UNIDAD DIDÁCTICA 12. Adobe AIR y JSFL

1. ¿Qué es Adobe AIR y cómo crear aplicaciones con él?
2. Vista previa, publicación y gestión de archivos AIR.
3. Uso de JSFL para automatización en Animate.
4. Prácticas para desarrollar aplicaciones y scripts personalizados.

UNIDAD DIDÁCTICA 13. Sprite sheets y HTML5

1. ¿Qué son los Sprite Sheets y cómo usarlos?
2. Introducción a HTML5 y su compatibilidad con Animate.
3. Publicar animaciones en HTML5 para diferentes dispositivos.
4. Prácticas para integrar y optimizar contenido en HTML5.