INFORMATICA

hotINTRODUCCIÓN

Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que se van a utilizar en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan los diseñadores gráficos y los responsables de sitios web. Fireworks se puede utilizar para crear, editar y animar gráficos web, añadir interactividad avanzada y optimizar imágenes en entornos profesionales. Cuando un documento está terminado, se puede exportar en formato de archivo JPEG, GIF u otros — junto con archivos HTML que contienen tablas HTML y código JavaScript — para utilizarlo en la web.

Gracias a Fireworks, los diseñadores web ya no tienen que cambiar continuamente entre numerosas aplicaciones, que no son menos de una docena, para realizar tareas específicas. Los efectos automáticos son reversibles, lo que evita la frustración que acarrea tener que volver a crear los gráficos web desde el principio después de realizar una simple modificación. Además, las eficaces funciones de optimización permiten comprimir el tamaño de los archivos de gráficos web sin afectar a la calidad.

Fireworks se integra con otros productos de Macromedia, como Dreamweaver, Flash, FreeHand y Director, con otros editores HTML y aplicaciones gráficas de uso frecuente para ofrecer una solución web global. Los elementos gráficos de Fireworks se pueden exportar fácilmente con código HTML y JavaScript adaptado al editor de HTML que se utilice.

IMÁGENES VECTORIALES Y MAPAS DE BITS

Los sistemas informáticos muestran las imágenes en formato de vectores o de mapa de bits. Entender la diferencia entre los dos formatos ayuda a comprender el programa que contiene herramientas vectoriales y de mapa de bits y es capaz de abrir e importar ambos formatos.

Imágenes Vectoriales

Los elementos gráficos vectoriales describen imágenes mediante líneas y curvas, denominados vectores, que incluyen información de color y posición. Por ejemplo, la imagen de una hoja se puede describir con una serie de puntos, cuyo resultado es el contorno de la hoja. El color de la hoja lo determina el color del contorno o trazo y el color del área interior o relleno.

Un objeto vectorial es una descripción matemática de una forma geométrica. Los trazados de vectores se definen con puntos. Su calidad no se degrada cuando se amplían, reducen o cambian de escala.

La hoja de la siguiente ilustración es un conjunto de objetos vectoriales. Observe la suavidad de los bordes incluso en la ampliación.

Cuando se edita una imagen vectorial, se modifican las propiedades de las líneas y curvas que describen su forma. Las imágenes vectoriales son independientes de la resolución, lo que significa que es posible desplazar, cambiar el tamaño, alterar la forma y modificar el color de una imagen vectorial, así como visualizarla en dispositivos de salida de diferente resolución, sin que cambie la calidad de su aspecto.

Mapas de Bits

Las imágenes de mapa de bits están formadas por puntos, llamados píxeles, organizados en una cuadrícula. La pantalla del ordenador es una gran cuadrícula de píxeles.

La siguiente figura corresponde a un a imagen de mapa de bits. En esta, la imagen está determinada por la posición y el valor de color de cada píxel de la cuadrícula. Cada punto tiene asignado un color. Cuando se presentan con la resolución adecuada, los puntos encajan entre sí como las teselas de un mosaico y forman la imagen.

Cuando se edita una imagen de mapa de bits, se modifican los píxeles, no las líneas y curvas. Las imágenes de mapa de bits dependen de la resolución, es decir, los datos que las definen están fijos en una cuadrícula que tiene un tamaño determinado. Cuando se aumenta el tamaño de un elemento gráfico de mapa de bits, sus bordes pueden quedar desiguales, porque los píxeles se redistribuyen en la cuadrícula. La visualización de un elemento gráfico de mapa de bits en un dispositivo de salida con menor resolución que la propia imagen también puede reducir su calidad.

Creación De Objetos Web

Los objetos Web son los pilares sobre los que Fireworks crea páginas Web interactivas. Los objetos Web son zonas interactivas o divisiones. Las divisiones cortan la imagen en varias secciones, y permiten aplicar, animación y URL (Uniform Resource Locator) a las distintas partes de la imagen. Las divisiones permiten exportar las secciones con ajustes de configuración diferentes. Las zonas interactivas permiten asignar un vínculo de URL a parte o a toda la imagen, así como ciertos comportamientos.

ENTORNO DE TRABAJO

El entorno de trabajo de Fireworks MX, que incluye el panel Herramientas, el Inspector de propiedades, los menús y otros paneles, se activa cuando se abre un documento por primera vez. El panel Herramientas, situado a la izquierda de la pantalla, contiene varias secciones de herramientas de distintos grupos, como mapa de bits, vector y web. De forma predeterminada, el Inspector de propiedades recorre la parte inferior de la pantalla y al principio muestra las propiedades del documento. Después cambia para mostrar las propiedades de la herramienta o el objeto seleccionados mientras se trabaja con el documento. Los paneles están inicialmente acoplados en grupos a lo largo de la parte derecha de la pantalla. La ventana de documento aparece en el centro de la aplicación.

La siguiente figura muestra el entorno de fireworks.

VISTAS DEL DOCUMENTO

En la ventana del documento, la barra de títulos muestra el nombre del documento y el porcentaje de ampliación actual. También se ven cuatro pestañas, cada una presenta una vista del documento. El documento PNG de Fireworks en uso se muestra en la pestaña Original. Las tres pestañas restantes permiten ver versiones de exportación del documento.

Nota: para mostrar el documento PNG original, en la ventana del documento, haga clic en la ficha Original.

Presentación Preliminar De Documentos

La pestaña Vista previa, muestra la imagen tal como aparecería en un navegador Web, conforme a los parámetros de exportación activos. En las vistas 2-arriba y 4-arriba se comparan las presentaciones preliminares según los parámetros variables de exportación. También se puede utilizar las vistas 2-arriba y 4-arriba, para comparar versiones mejoradas con el documento original.

Para mostrar una presentación preliminar de exportación

...