INSTITUTO NACIONAL DE COOPERACIÓN EDUCATIVA

GUÍA DE ESTUDIO 1/3

DISEÑO DE PÁGINAS

WEB AVANZADO

NIVEL: PERFECCIONAMIENTO

VENEZUELA, 2002
 INSTITUTO NACIONAL DE COOPERACIÓN EDUCATIVA
GERENCIA DE FORMACIÓN PROFESIONAL
ASOCIACIÓN CIVIL PORTUGUESA
UNIDAD DE APOYO TÉCNICO DOCENTE

GUÍA DE ESTUDIO
1/3

DISEÑO DE PÁGINAS
Diseño de Páginas Web Avanzado WEB AVANZADO

Especialista en Contenido
TSU. Edwin Hernández
TSU. Jesús Rivas
TSU. Oscar Soteldo

Transcripción y Diagramación
Lic. Alexandra Izquierdo G.

Diseño de Cubierta
Lic. Alexandra Izquierdo G.

Colaboradores
Lic. Karina Muñoz
NIVEL: PERFECCIONAMIENTO
MODO: ACTUALIZACIÓN
Coordinación Técnica
Nelson Romero M.

Coordinación General Araure, Enero 2002

Gerencia General de Formación Profesional

1era edición, Enero de 2002

Copyright INCE
 CONTENIDO

¿Qué es el INCE ?
Presentación
Introducción
Objetivo General

UNIDAD I. Operaciones Básicas con Fireworks Pág

Configuración de Documentos en Fireworks

Creación de un nuevo documento................................................................ 5
Apertura de gráficos de otras aplicaciones................................................... 6
Importación desde un escáner o cámara digital........................................... 10
Inserción de objetos en un documento de Fireworks.................................... 11
Importación de archivos PNG....................................................................... 12
Visualización y navegación por el documento.............................................. 13
Visualización de vistas múltiples de un documento...................................... 14
Uso de reglas, guías y cuadrículas............................................................... 15

Trabajo con objetos en Fireworks

Selección de objetos en modo vectorial....................................................... 19
Uso del panel de objeto................................................................................ 19
Uso de herramientas.................................................................................... 20
Uso de panel de capas................................................................................ 22
Transformación y distorsión de objetos........................................................ 22
Visualización de información sobre transformaciones................................. 23
Rotación de objetos...................................................................................... 24
Inclinación de objetos................................................................................... 25
Distorsión de objetos.................................................................................... 25

Mapas de bits en Fireworks

Acceso al modo mapa bits........................................................................... 26
Selección de áreas de píxeles...................................................................... 27
Selección de opciones de la herramienta recuadro...................................... 28
Ajuste de un recuadro de selección.............................................................. 28
Adición o eliminación de píxeles mediante teclas modificadoras................. 29

Uso de Textos
Introducción de textos................................................................................... 31
Desplazamiento de bloques de texto............................................................ 32
Edición de texto............................................................................................. 32
Selección de una fuente................................................................................ 33
 Definición de una línea base e interlineado................................................. 35
Definición de la dirección y orientación......................................................... 35
Aplicación de color al texto........................................................................... 37
Suavizado de los bordes de texto................................................................. 37
Aplicación de trazos, rellenos, efectos y estilos al texto............................... 38
Almacenamiento de atributos de texto......................................................... 38
Asociación de texto a un trazado.................................................................. 39
Conversión de texto en trazados.................................................................. 42
Importación de archivos RTF....................................................................... 42

Aplicación de colores, trazos y rellenos

Elección de colores....................................................................................... 43
Aplicación de colores.................................................................................... 44
Muestreo de colores..................................................................................... 44
Personalización del panel muestras............................................................. 45
Cambio de grupos de muestras.................................................................... 48
Aplicación de trazos..................................................................................... 49
Cambio de un relleno sólido......................................................................... 51

Aplicación de efectos automáticos en fireworks

Aplicación de un efecto automático............................................................... 52
Aplicación de efectos tradicionales................................................................ 53
Aplicación de bordes biselados..................................................................... 53
Aplicación de efectos de relieve.................................................................... 54
Aplicación de sombras................................................................................... 55
Cambio de efectos automáticos..................................................................... 56
Eliminación de efectos automáticos............................................................... 57

Capas y Enmascaramientos
La capa de web.............................................................................................. 58
Trabajo con capas......................................................................................... 58
Creación de máscaras de mapa de bits y de vectores.................................. 62
Creación de una máscara utilizando un objeto existente.............................. 63
Aplicación del efecto automático relleno de color.......................................... 63

Uso de Bibliotecas, estilos y URL en Fireworks

Uso de estilos................................................................................................ 64
Uso de bibliotecas de símbolos..................................................................... 67
Trabajo con URL............................................................................................ 69

Creación de botones y barras de navegación

Creación de botones...................................................................................... 72
Adición de estado Sobre y Abajo.................................................................. 73
Uso de efectos de biselado para dibujar estados de un botón...................... 73
Inserción de botones de la biblioteca............................................................. 74
Zonas Interactivas y divisiones
Creación de zonas interactivas y de mapas de imagen................................ 75
Asignación de valores URL a zonas interactivas........................................... 77
Especificaciones de texto.............................................................................. 78
Elección de una opción Alt............................................................................. 78

Creación de Rollovers
Creación de rollovers simples mediante el panel comportamientos.............. 79
Configuración de la división, imágenes y fotogramas.................................... 79
Aplicación del comportamiento rollover simple a la división.......................... 80
Creación de rollover desnudos mediante comportamientos arrastrar........... 80
Asignación de vínculos de URL a rollovers................................................... 81

Creación de Animaciones
Trabajo con símbolos de animación............................................................... 82
Trabajo con fotogramas................................................................................. 83
Configuración de la demora de fotogramas................................................... 83
Visualización y ocultación de fotogramas durante la reproducción............... 84
Asignación de nombres a fotogramas durante la reproducción..................... 85
Adición, desplazamiento, copia y eliminación de fotogramas........................ 85
Desplazamiento de objetos seleccionados en el panel fotogramas.............. 87
Explotación de la animación.......................................................................... 87

Optimización de gráficos en Fireworks

Optimización en el área de trabajo............................................................... 88
Definición de ajustes de optimización para divisiones.................................. 90
Almacenamiento y reutilización de ajustes................................................... 90
Presentación preliminar de los ajustes de optimización y
comportamientos........................................................................................... 91
Estimación del tiempo de descarga del archivo............................................ 92
Elección del Formato GIF............................................................................. 92
Elección del Formato JPEG.......................................................................... 93
Eliminación de todos los colores no utilizados de la paleta........................... 95
Optimización de paletas de colores............................................................... 95
Elección de la paleta de color adecuada....................................................... 95

Exportación de Imágenes en Fireworks

Exportación de una imagen.......................................................................... 98
Exportación con el asistente de exportación................................................ 99
Optimización y presentación preliminar durante la exportación................... 100

Bibliografía...................... ................................................................................ 104

 ¿QUÉ ES EL INCE ?

El Instituto Nacional de Cooperación Educativa (INCE), es un

organismo autónomo con personalidad jurídica y patrimonio propio, adscrito
al Ministerio de Educación, creado por Ley el 22 de Agosto de 1959 y
reglamentado por Decreto el 11 de Marzo de 1960 de acuerdo con Decreto
publicado en la Gaceta Oficial No 34563 de fecha 28 de Septiembre, se
reforma el reglamento de la Ley del INCE, con la finalidad de reorganizarlo y
adecuarlo a los intereses del País y al proceso de reconversión industrial .

El INCE es el ente Rector de la Formación Profesional en Venezuela,

razón por la cual su acción ha estado dirigida a la formación y capacitación
de la fuerza laboral , en consonancia con las necesidades de los sectores
productivos y con las políticas de desarrollo económico y social del estado
venezolano.

El Instituto tiene como Misión: “ Lograr bajo tutela del Estado y con
la colaboración de los patronos y trabajadores de los sectores
productivos de bienes y servicios, una eficiente formación y
capacitación continua de la fuerza laboral, complementando la
educación recibida en el sistema formal “.
 PRESENTACIÓN

Apreciado participante: Este manual es el resultado del esfuerzo de un

equipo que ha trabajado arduamente con el fin de ayudarle a formarse en el
oficio que ha seleccionado.

El contenido se ajusta a un programa de estudio diseñado según los

requerimientos del oficio; pero desearíamos que , además , investigue en
otras fuentes para incrementar los conocimientos adquiridos.

Esperamos que aproveche al máximo la oportunidad que el INCE le brinda

de convertirse en un trabajador altamente capacitado, que responda
ampliamente, a las exigencias de su área laboral y en un ser humano
modelo.
 INTRODUCCIÓN

Fireworks constituye una herramienta perfecta para diseñar y producir elementos

gráficos para la Web. Se trata del primer entorno de producción que afronta con éxito los
grandes retos de los diseñadores y desarrolladores de gráficos web.

Se utiliza para crear, editar y animar gráficos Web, añadir interactividad avanzada y
optimizar imágenes en un entorno profesional. Este combina las herramientas de edición
de mapa de bits y de vectores. En Fireworks, todos los elementos pueden editarse en
cualquier momento. El flujo de trabajo puede automatizarse para satisfacer las necesidades
de cambio y actualización.