Carrera de Diseño Profesional de Sitios Web
Duración: 60 hs.
La Carrera de Diseño Profesional de Sitios Web está orientada a quienes estén interesados en profesionalizarse en la creación y diseño de Sitios Web.
A lo largo de la Carrera trabajarán con:
- La arquitectura de una aplicación web y sus diferentes capas.
- Administración de Sitios con Dreamweaver
- Diseño de Imágenes, botoneras, menúes desplegables, banners con Photoshop
- Fundamentos de animación y Diseño con Flash.
¿Cuáles son los requisitos previos para incorporarse a la Carrera ?
Recomendamos tener los conocimientos acerca del manejo de Sistema Operativo Windows, en cualquiera de sus versiones. No son necesarios conocimientos de diseño web ó de programación.
¿A quiénes podré ofrecer mis servicios una vez que la finalice?
Los alumnos que finalizan la propuesta podrán ofrecer sus servicios a:
-Departamentos creativos de comunicación, en agencias, productoras de publicidad o medios de comunicación
- Instituciones educativas públicas o privadas
- Empresas de Desarrollo de Internet
- Proveedores de Servicios de Internet
- Empresas de marketing
- Empresas de Desarrollo de Comercio Electrónico
- Departamentos de capacitación web y comunicación en empresas
¿Cuál es su duración?
La duración de Carrera de Diseño Profesional de Sitios Web es de 60hs.
¿Se entrega certificado? ¿Hay una evaluación final?
Se entrega certificado de asistencia al finalizar la Carrera. Si el alumno lo deseara podrá someterse a un proceso de Certificación opcional que constará de los siguientes pasos:
Entrevista con un cliente potencial (simulación)
Presentación de un prototipo de sitio que responda a las necesidades del cliente.
Evaluación del prototipo.
Revisión (si es necesario)
Entrega final del trabajo.
Todos los trabajos aprobados serán publicados en el sitio del Centro con el curriculum del alumno.
¿Se entrega material de estudio?
Cada alumno de la Carrera de Diseño Web recibirá al inicio de cada módulo de la Carrera el material teórico-práctico del mismo.
¿Quién ofrece y avala la Carrera de DiseñoWeb?
La Carrera de Diseñ Web ha sido desarrollada por Capacitación Web Group, una empresa dedicada integralmente a la formación de profesionales del Diseño y Desarrollo Web
Curso de Diseño Web - Módulo 1: Edición de Sitios Web con HTML
Introducción
Conceptos
Características del lenguaje HTML
Herramientas necesarias
Nombres y Extensiones
Introducción a los Tags
Estructura de las etiquetas
Estructura de una página HTML
Formato de texto
Fuentes posibles
Atributos básicos de texto
Titulares
Saltos de línea
Cambio de párrafo
Etiquetas de estilos físicos y lógicos
Atributos de etiqueta font
Tipo de fuente
Alineación
Bloquote
El color en la Web
Sistema RGB
Sistema Hexagecimal
Websafe
Reallysafe : Atributos de color
Color de fondo y color de texto
Confección de listas
Márgenes, viñetas y enumeración
Imágenes
Insertar imágenes
Insertar una imagen como fondo
Texto preformateado
Tamaños y medidas en la web
Atributos especiales de la imagen
Tablas
Atributos de tabla
Celdas
Atributos de la celda
Diseño de Marcos
Atributos del frameset
Atributos del frame
Macros anidados : Enlaces entre Macros
Target : Macros flotantes
Diseño de formularios
Tag form y sus atributos generales
Tag input y sus atributos generales
Valores de type
Select Option
Textarea
Curso Diseño Web Módulo 2:
Edición y Administración Profesional con Dreamweaver
Introducción
Estructura básica del sitio
¿Qué es una página de índice?
Prácticas actuales de diseño web
¿Qué es XHTML?
¿Qué es JavaScript?
¿Qué es CSS?
Convenciones de nomenclatura de archivos
La interfaz de Dreamweaver
La pantalla de bienvenida
Aplicación de herramientas
La barra de herramientas Documento
La organización de paneles
La gestión de las áreas de trabajo
El Inspector de Propiedades
Sitio de control
La definición de un nuevo sitio
La gestión de sitios
Gestión de archivos y carpetas
El establecimiento de un navegador por defecto
Creación de Nuevos Documentos
Creación de nuevos documentos
Declaraciones DOCTYPE
Nuevo documento, preferencias
Trabajo con modelos de páginas
Adición de Texto y la estructura
XHTML estructura
Estructuración de contenidos
Creación de listas
Obtener texto en Dreamweaver
Fundamentos de CSS
Comprensión hojas de estilo
Anatomía de una regla CSS
Configuración de preferencias de CSS
El panel de Estilos CSS
Control de las propiedades CSS a través del Inspector
Utilizando el navegador de código.
Selectores
Herencia en selectores
Hojas de estilo externas
Control de Tipografía
Trabajar con unidades de medida
Declarar familias de fuentes
Controlar el tamaño de fuente
Control de peso y estilo
Altos de línea
Controlar el espaciamiento vertical con márgenes
Controlar el espaciamiento con relleno
Alineación de texto
Transformación de texto
Utilizando herencias para controlar los estilos
Trabajar con imágenes
Comprensión tipos de imagen
Gestión de activos en Dreamweaver
Ajuste de imagen de las preferencias de accesibilidad
Colocar imágenes en la página
Modificación de propiedades de la imagen
Personalización de imágenes a través de CSS
Integración con Photoshop
Configuración de preferencias de edición de imagen externa
Imágenes de fondo
Creación de Enlaces
Enlace básico
Preferencias de configuración de vínculos en el sitio
La creación de vínculos en Dreamweaver
Vínculos absolutos
Usando el nombre de anclas
Vínculos a nombre anclas en archivos externos
Crear un vínculo de correo electrónico
La creación de CSS basado en rollovers
Control de diseño con CSS
CSS estructuración básica
Estructuración con etiquetas DIV
El modelo de caja
Comprensión de flotadores
Utilización de flotadores
Uso de la posición relativa
Uso de la posición absoluta
Trabajar con Tablas
Revisión de estructura de tabla
Importación de datos tabulares
Creación de tablas accesibles
Uso de etiquetas thead y tbody
El cuadro básico de estilo
Estilizar encabezados de tablas
Estilizar grupos de columnas
Bordes personalizados de tabla
Agregando interactividad en las tablas
Trabajo con formularios
Como trabaja un formulario
Diseño de formularios
Formularios accesibles
Configurar propiedades de formulario
La leyenda y etiquetas fieldset
Inserción de campos de texto
Inserción de lista de elementos de menú
Inserción de grupos botón
Inserción de casillas de verificación
Inserción de áreas de texto
Inserción de botones de enviar
Diseño de elementos
Agregando interactividad
Utilización de spry en formularios
Creación de plantillas
La planificación de plantillas
Crear una nueva plantilla
Creación de atributos editables
Creación de páginas nuevas a partir de una plantilla
La aplicación de plantillas para las páginas existentes
Trabajar con plantillas anidadas
Trabajar con la repetición de las regiones
Modificación de las plantillas
Agregando interacción con el usuario
Comportamientos
Obteniendo mas comportamientos
Creación de rollovers
Ocultar y mostrar elementos
Sprys
El uso de widgets Spry
Añadir widgets Spry
El uso de Live View y los archivos relacionados
Trabajo con Flash y Video
Inserción de archivos Flash
Configurar propiedades de Flash
La integración de Dreamweaver y Flash
Codificación de vídeo Flash
Adición de Video de Flash
La automatización de flujos de trabajo eficientes
Espacio de trabajo con Photoshop
Espacio de Trabajo en Photoshop
Descripción de menús, barras y paneles principales
Creación, apertura e importación de documentos
Conceptos generales de Mapas de bits, Gráficos vectoriales, Color.
Manejo de mapas de bits
Selección y edición
Transformación y distorsión de imágenes
Efectos y filtros más utilizados
Ajustes y efectos especiales
Manejo de gráficos vectoriales
Dibujo y edición de trazado
Inserción y formateo de texto
Trucos, concepción estética
Manejo profesional de imagen
Edición de colores, rellenos especiales.
Filtros automáticos, aplicación, edición y estilos.
Optimización de exportación.
Diseño de imágenes, logos, retoque.
Recortar imágenes
Inserción de divisiones
División y áreas interactivas
Enlace : texto alternativo, vínculo y destino
Manejo fotogramas
Comportamiento de intercambio de imagen
Exportación como HTML
Edición de página desde DW
Diseño de una página en Photoshop
Creación de página de inicio
Comportamientos de divisiones :
Roll over simple
Mensaje de barra de estado
Añadir barra de navegación
Menú emergente
Símbolos
Gráfico, Botón, Animación
Plantillas de Macromedia Dreamweaver
Introducción : conceptos generales
Creación de plantillas, regiones editables, repetidas, opcionales.
Asignar plantillas a documentos
Introducción a estilos CSS
Creación, administración y aplicación de estilos CSS
Creación de gif animados en Photoshop
Introducción al manejo de fps (fotog. x seg.)
Uso de fotogramas
Exportación como animación
Capas y trabajo con capas en Dreamweaver
Introducción. Restricciones.
Inserción de banner publicitario animado en capas.
Introducción a JavaScript
¿ Qué es el lenguaje JavaScript ?
Ventajas y desventajas
Asignar comportamientos
Comportamientos en Dreamweaver y Photoshop
Inspector de Etiquetas
Completar etiquetas
Algunas consideraciones del funcionamiento de JavaScript en navegadores
Arreglar errores de código
Diseño de Formularios
Alternar control de lenguaje HTML
Retoques Fotográficos
Manejo avanzado de retoques fotográficos, fotomontajes, ajustes profesionales de imagen, uso de trazados, selecciones especiales.
Subir el Sitio Web
Conexión desde Dreamweaver
Curso Diseño Web - Módulo 3. Introducción a Adobe Flash
Herramientas del programa
Crear un nuevo documento
Tipos de documentos
Espacio de trabajo
Personalizar espacio de trabajo
Paneles
Herramientas de dibujo
Herramientas de color
Dibujando con formas
Selección de contenido
Utilización de pinceles
Eliminación de contenido
Modos de dibujo
Forma
Objeto de dibujo
Introducción a símbolos
Mezclador de color
Degradados
Muestras de color
Símbolos
Editando símbolos
Anidando símbolos
Tipos de símbolos
Grafico
Botón
Clip de película
Utilización de librería
Herramientas de transformación
Paneles de transformación
Menues de transformación
Línea de Tiempo
Tipos de animación
Capas
Fotogramas clave
Escenas
Publicación
Opciones del documento
Probar la película
Publicar la película
Imágenes
Vectores vs Bitmap
Imágenes en flash
Importando psd
Importando ai
Animación
Animación por forma
Animación de degradados
Animación por movimiento
Copiar y pegar animaciones
Guías de movimiento
Aceleración
Copiando movimientos
Sombra paralela
Sonidos
Motion blur
Paneo y zoom
Bucles
Sincronización de audio
Animación de hombre caminando
Simulación de escritura manual
Fuego
Vapor
Lluvia
Texto
Tipos de texto
Apariencia del texto
Animar textos
Utilización de filtros y modos de mezcla
Animación de filtros
Modos de mezcla específicos de flash
Introducción a componentes
¿Que es un componente?
Sonido Componente UIScrollbar
Componente UILoader
Sonido
Efectos de sonido
Sincronización de sonido
Sonido en botones
Compresión de sonido
Video
Tipos de transferencia
Video en flash
Codificación de video
Reproducción de video flv
