ESPECIALISTA TIC EN DISEÑO WEB. NIVEL PROFESIONAL

– Aportar al alumno de un modo rápido y sencillo las competencias necesarias para llevar a cabo el diseño e implementación de potentes páginas webs y portales en internet, así como toda la gestión que ello implica. Hágase un experto en la implementación de herramientas webs avanzadas tales como módulos de comercio electrónico, la utillización de frameworks, el diseño de secciones webs dinámicas, y todo ello con un diseño a nivel profesional.

“MÓDULO 1. DISEÑO WEB PROFESIONAL CON DREAMWEAVER CC
UNIDAD DIDÁCTICA 1. FUNDAMENTOS DE LA WEB

Concepto de sitio web, dominio y servidor
Tipos de alojamiento web
Estructura básica de un proyecto web
Lenguajes utilizados en la web: HTML, CSS y JavaScript
Resoluciones de pantalla y diseño adaptable

UNIDAD DIDÁCTICA 2. CONFIGURACIÓN DE SITIOS EN DREAMWEAVER

Creación y configuración de un sitio web
Sitio local y sitio remoto
Gestión de archivos y carpetas del proyecto
Panel Archivos
Sincronización con servidor remoto

UNIDAD DIDÁCTICA 3. ENTORNO DE TRABAJO Y EDICIÓN DE CÓDIGO

Espacio de trabajo de Dreamweaver
Vistas del documento: Código y Vista en vivo
Edición de código HTML y CSS
Autocompletado, sugerencias y validación
Propiedades del documento

UNIDAD DIDÁCTICA 4. HTML5: ESTRUCTURA Y CONTENIDO

Estructura básica de un documento HTML5
Etiquetas semánticas
Inserción y edición de texto
Listas y elementos estructurales
Enlaces y anclajes
Buenas prácticas en marcado HTML

UNIDAD DIDÁCTICA 5. IMÁGENES Y RECURSOS GRÁFICOS

Formatos de imagen para la web
Inserción de imágenes
Optimización y tamaño de imágenes
Uso de SVG
Accesibilidad en imágenes

UNIDAD DIDÁCTICA 6. TABLAS Y CONTENIDO TABULAR

Uso adecuado de tablas en HTML
Creación y edición de tablas
Propiedades de filas y celdas
Aplicación de estilos CSS a tablas

UNIDAD DIDÁCTICA 7. CSS I: FUNDAMENTOS DE ESTILO

Concepto de hojas de estilo en cascada
Creación y vinculación de archivos CSS
Selectores y propiedades básicas
Tipografía web y web fonts
Colores y fondos

UNIDAD DIDÁCTICA 8. CSS II: MAQUETACIÓN Y DISEÑO

Modelo de cajas
Posicionamiento de elementos
Flexbox
Introducción a CSS Grid
Diseño responsive mediante media queries

UNIDAD DIDÁCTICA 9. DISEÑO RESPONSIVE

Principios del diseño adaptable
Estructuras fluidas
Imágenes responsive
Pruebas en distintos dispositivos desde Dreamweaver

UNIDAD DIDÁCTICA 10. FORMULARIOS WEB Y USABILIDAD

Estructura de formularios HTML5
Tipos de campos y atributos
Validación nativa de formularios
Estilos CSS aplicados a formularios
Buenas prácticas de usabilidad

UNIDAD DIDÁCTICA 11. JAVASCRIPT BÁSICO PARA LA WEB

Conceptos básicos de JavaScript
Uso de JavaScript en páginas web
Interacción básica con el DOM
Separación de estructura, estilo y comportamiento

UNIDAD DIDÁCTICA 12. PLANTILLAS Y REUTILIZACIÓN DE CONTENIDO

Concepto de plantillas en Dreamweaver
Creación y uso de plantillas
Regiones editables
Biblioteca de elementos
Actualización de páginas basadas en plantillas

UNIDAD DIDÁCTICA 13. PUBLICACIÓN Y MANTENIMIENTO DEL SITIO WEB

Configuración de servidores remotos
FTP y SFTP
Subida y actualización de archivos
Comprobación de vínculos
Mantenimiento básico del sitio web

MÓDULO 2. ADOBE PHOTOSHOP CC
UNIDAD DIDÁCTICA 1. PRESENTACIÓN
Presentación
UNIDAD DIDÁCTICA 2. CONCEPTOS BÁSICOS
Novedades del programa
Tipos de imágenes
Resolución de imagen
Formato PSD
Formatos de imagen
UNIDAD DIDÁCTICA 3. ÁREA DE TRABAJO
Abrir y guardar una imagen
Crear un documento nuevo
Área de trabajo
Gestión de ventanas y paneles
Guardar un espacio de trabajo
Modos de pantalla
Prácticas
UNIDAD DIDÁCTICA 4. PANELES Y MENÚS
Barra menú
Barra de herramientas
Opciones de Herramientas y barra de estado
Ventanas de Photoshop I
Ventanas de Photoshop II
Zoom y mano y ventana navegador
Prácticas
UNIDAD DIDÁCTICA 5. HERRAMIENTAS DE SELECCIÓN
Herramientas de selección
Herramienta marco
Opciones de marco
Herramienta lazo
Herramienta Varita
Herramienta de selección rápida
Herramienta mover
Sumar restar selecciones
Modificar selecciones
Prácticas
UNIDAD DIDÁCTICA 6. HERRAMIENTAS DE DIBUJO Y EDICIÓN
Herramientas de dibujo y edición
Herramienta Pincel
Crear pinceles personalizados
Herramienta lápiz
Herramienta sustitución de color
Herramienta pincel historia
Herramienta pincel histórico
Herramienta degradado
Herramienta bote de pintura
Prácticas
UNIDAD DIDÁCTICA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIÓN
Herramientas de retoque y transformación
Herramienta recortar
Herramienta sector
Cambiar el tamaño del lienzo
Herramienta pincel corrector puntual
Herramienta ojos rojos
Tampón de clonar
Herramienta borrador
La Herramienta desenfocar
Herramienta sobreexponer y subexponer
Prácticas
UNIDAD DIDÁCTICA 8. CAPAS
Conceptos básicos de capas
El panel capas
Trabajar con capas I
Trabajar con capas II
Alinear capas
Rasterizar capas
Opacidad y fusión de capas
Estilos y efectos de capa
Capas de ajuste y relleno
Combinar capas
Prácticas
UNIDAD DIDÁCTICA 9. TEXTO
Herramientas de texto
Introducir texto
Cambiar caja y convertir texto
Formato de caracteres
Formato de párrafo
Rasterizar y filtros en texto
Deformar texto
Crear estilos de texto
Relleno de texto con una imagen
Ortografía
Herramienta máscara de texto y texto 3D
Prácticas
UNIDAD DIDÁCTICA 10. HERRAMIENTAS DE DIBUJO
Herramientas de dibujo
Modos de dibujo
Herramienta pluma
Ventana trazados
Subtrazados
Convertir trazados en selecciones
Pluma de forma libre
Capas de forma
Herramienta forma
Prácticas
UNIDAD DIDÁCTICA 11. REGLAS, ACCIONES, FILTROS Y CANALES
Reglas, guías y cuadrícula
Herramienta regla
Acciones
Filtros
Objetos inteligentes
Canales
Máscara rápida