Internet ya es una realidad. Por lo tanto es necesario ampliar tu formación para que puedas diseñar páginas web de acuerdo al lenguaje propio de este medio.
Por sus características, las páginas web van más allá del diseño gráfico impreso, pues incorporan la interactividad, la interacción entre el visitante y la pieza gráfica ofrecida.
El diseñador web debe lograr que el visitante de un site reconozca y aproveche al máximo su recorrido, logrando un resultado de interpretación coherente y preciso que sólo puede lograrse con un conocimiento completo del nuevo mundo digital.
Contenidos:
Aspectos técnicos relacionados con Internet y sus usuarios.
Utilización de programas específicos como Macromedia Dreamweaver, Adobe Photoshop y Macromedia Flash.
CONTENIDOS FLASH
Iniciando Flash
Descripción de las partes de Flash
Escenario
Herramientas
Herramienta Selección
Herramienta Lazo
Trazar Líneas
Dibujar con la pluma
Dibujar circulos y óvalos
Herramienta texto, filtros y efectos de texto
Dibujar cuadros rectángulos y polígonos. Crear símbolos.
Dibujar con el lápiz
Transformación libre
Herramienta Subselección
Transformar rellenos degradados
Bote de tinta
Cubo de pintura
Cuentagotas
Borrador
Línea de tiempo
Trabajar con capas (Layers)
Fotogramas
Animaciones con aceleración y desaceleración
Escenas
Símbolos
Biblioteca (Library)
Colores (Color Swatches)
Mezclador de colores
Tipos de símbolos
Botones
Movie Clip (Clip de película)
Instancias
Configuración y propiedades de un FLA
Comportamientos (Behaviors)
Importar un gráfico y mezclas en bitmaps
Importar video
Accesos rápidos de teclado
CONTENIDOS DREAMWEAVER:
Unidad 1 - introducción
Descripción del contenido del curso
Aspectos básicos de la arquitectura de páginas estáticas
HTML
Demostración: Vista del sitio
Unidad 2: Primeros Pasos
Introducción a Dreamweaver 8 - Aprendizaje de la interfaz
1. Ejecutar Dreamweaver
2. Páginas de inicio de Dreamweaver
3. Espacio de trabajo Macintosh
4. Barra Insertar
5. Cambiar y guardar el espacio de trabajo
6. Configuración de preferencias de las etiquetas
Definición de un sitio local
1. Creación de una carpeta raíz
2. Creación de un sitio local
3. Configuración Avanzada
4. Panel Archivos
Creación de un sitio Web
1. Proceso de desarrollo
2. Creación de una página HTML nueva
3. Agregar un título de página
4. Utilización de las vistas de desarrollo
5. Almacenamiento de las páginas
6. Visualización previa de las páginas
Unidad 3: Añadir contenido a un sitio
Adición de contenido
1. Importación de archivos de texto
2. Importing Microsoft Word and Excel Content
3. Limpieza de documentos HTML de Word
Control de la estructura del documento
1. Encabezados
2. Párrafos
3. Saltos de Línea
4. Alineación de párrafos
Creación de Listas
1. Listas sin ordenar
2. Listas ordenadas
Adición de reglas horizontales
1. Espacio indivisible
Unidad 4: Aplicación de formato con hojas de estilos en cascada
Aplicación de formato al texto
1. Consideraciones acerca de la Web
2. Aplicación de formato por bloques frente a caracteres
Introducción a las hojas de estilos en cascada
1. Términos de CSS
2. Ubicaciones de las definiciones de estilos CSS
3. Ventajas de CSS
4. Limitaciones
Creación de estilos
1. Tipos de reglas CSS
2. Hojas de estilos incrustada
3.. Utilización de puntos, píxeles o ems para tamaños de fuentes
Adjuntar hojas de estilos externas
1. Tipo de medio
2. Vínculo frente a importación
Creación de una nueva hoja de estilos externa
1. Creación de una hoja de estilos externa
unidad 5: Utilización de gráficos
Utilización de gráficos en páginas Web
1. GIF
2. JPEG
3. PNG
Ubicación de los gráficos en la página
1. Ruta de la imagen
2. Configuración de Accesibilidad
3. Uso de la barra Insertar para las imágenes
4. Uso de Activos
5. Incorporación de imágenes del panel Archivos
Modificación de las propiedades de una imagen
1. Cambio del tamaño de una imagen
2. Alineación de imágenes en la página
3. Ajuste del texto alrededor de las imágenes
4. Cambio del espacio y del borde
5. Configuración del texto alternativo
Edición de imágenes
1. Edición de imágenes en Dreamweaver
Edición Roundtrip con Fireworks
1. Configuración de las preferencias del editor
2. Edición de la imagen
3. Cambio del tamaño de una imagen
4. Optimización de una imagen
Incorporación de contenido de Flash
1. Barra Insertar
2. Panel Activos
3. Panel Archivos
Incorporación de Flash Video
Unidad 6: Navegación del Sitio
Aspectos básicos de la navegación del sitio
1. Vínculos de hipertexto
2. Tipos de vínculos
Vinculación a archivos dentro del sitio
1. Rutas de archivo
2. Vinculación de archivos del sitio
3. Vinculación con Seleccionar archivo
4. Actualización de vínculos
5. Cambio de colores de vínculos
Vinculación a sitios
Establecer el destino de un vínculo
Vinculación a anclajes con nombre
1. Creación de un anclaje
2. Visualización de elementos invisibles
3. Vinculación al anclaje
Adición de vínculos de correo electrónico
1. Crear un vínculo de correo electrónico
Vinculación desde imágenes
o Mapas de imagen
Unidad 7: Diagramación de páginas con CSS
Adición de CSS a capas
1. Modelo de cuadro CSS
2. Visualización del modelo de cuadro
3. Adición de márgenes y relleno
4. Adición de bordes
Uso de posición absoluta y relativa
1. Centrado de un cuadro
Diseño con DIV
1. Inserción de etiquetas DIV
2. Propiedad Flotar
3. Diseño de vínculos de navegación con CSS
4. Configuración de bloque
Importación de datos de tabla
1. Creación de una tabla
2. Selección de una tabla
3. Propiedades de tabla
4. Selección de elementos de tabla
5. Configuración de propiedades de celda
6. Edición de filas
7. Ordenación de filas
Unidad 8: Utilización de bibliotecas y plantillas
Utilización de los elementos de biblioteca del sitio
1. Creación de elementos de biblioteca
2. Visualización de elementos de biblioteca
3. Colocar elementos de biblioteca en una página
4. Modificación de elementos de biblioteca
5. Separación de elementos de biblioteca
6. Eliminación de elementos de biblioteca
7. Volver a crear elementos de biblioteca
Creación de plantillas de sitios
1. Ubicación de almacenamiento
2. Regiones de la plantilla
3. Creación de plantillas
Definición de las regiones editables
1. Eliminación de las regiones editables
Utilización de plantillas
1. Aplicación de una plantilla a una página existente
2. Nombres de regiones no coincidentes
Modificación de las plantillas
Unidad 9: Creación de formularios
Aspectos básicos de los formularios
1. Creación de un formulario
2. Uso de objetos de formulario
Procesamiento de formularios
1. Acción del formulario
2. Método y datos de formulario
Validación de un formulario
Eventos de comportamiento
Unidad 10: Comprobación, mantenimiento y carga
Comprobación del sitio
1. Comprobación de accesibilidad
2. Comprobación de vínculos
3. Comprobación de la compatibilidad con los navegadores
4. Informe sobre un sitio
5. Comprobación de la ortografía
Mantenimiento de los archivos y carpetas
1. Cambio de nombre de los archivos
2. Traslado de archivos
3. Navegador de archivos integrado
Conexión con un sitio remoto
1. Adición de un sitio remoto
2. Configuración de FTP
Sincronización de archivos
CONTENIDOS ACTION SCRIPT
Introducción a ActionScript.
Acciones básicas: goto a un frame, goto a un label y goto a una escena. Links a archivos externos: uso del getURL().
La importancia de los Clips de Película.
Instanciar un MC.
Práctica:
Navegación básica de fotos.
Navegación básica de un tutorial.
Uso de niveles.
Carga y descarga de niveles.
Loading.
Práctica: Sitio Flash
Metodología:
El curso de divide en tres unidades temáticas; en la primera parte se cubren todos los aspectos técnicos relacionados con Internet necesarios para la comprensión del medio donde se desarrolla la actividad. En la segunda parte se analiza el mundo del usuario y los elementos que recibe al ingresar a Internet. En la tercera parte el curso se dedica exclusivamente al diseño de páginas web. La unidad III comienza al mes de iniciado el curso.
Debido al constante cambio tecnológico en el mundo de Internet, se hará hincapié en los conceptos técnicos del diseño web para que el diseñador pueda aplicarlos también en futuros programas que puedan aparecer.
Información
Duración: 9 meses Frecuencia: 1 día por semana 3 horas de taller
NUEVA ESCUELA DE DISEÑO Y COMUNICACION.
Instituto Superior Incorporado a la Enseñanza Oficial A-1002
Callao 67, Ciudad de Buenos Aires, República Argentina.
Atención de Lunes a Viernes de 9 a 20 hs.
Teléfonos: (0054-11) 4371-4540 / 4371-6476 / 4373-1377 Contactate con nosotros