Entorno grafico

39
ENTORNO GRAFICO JUAN CAMILO CAMCHO RIVERA KEVIN JESÚS GUZMAN MUÑOZ GRADO 11-2 JM INSTITUCION EDUCATIVA LEONIDAS RUBIO VILLEGAS TECNICO SENA

description

Trabajo referente al entonrno grafico de Fireworks y Dream weaver

Transcript of Entorno grafico

Page 1: Entorno grafico

ENTORNO GRAFICO

JUAN CAMILO CAMCHO RIVERA

KEVIN JESÚS GUZMAN MUÑOZ

GRADO 11-2 JM

INSTITUCION EDUCATIVA LEONIDAS RUBIO VILLEGAS

TECNICO SENA

IBAGUE - TOLIMA

2015

Page 2: Entorno grafico

ENTORNO GRAFICO

PRESENTADO POR:

JUAN CAMILO CAMACHO RIVERA

KEVIN JESÚS GUZMAN MUÑOZ

PRESENTADO A:

ANA MILENA PALACIOS

INSTITUCION EDUCATIVA LEONIDAS RUBIO VILLEGAS

TECNICO SENA

IBAGUE - TOLIMA

2015

Page 3: Entorno grafico

FIREWORKS

LA BARRA DE MENÚS:

Se encuentra situada en la parte superior y se encarga de organizar los comandos debajo de los menús. La barra de menús de divide en:

Archivo: dentro de él encontramos las herramientas necesarias para Abrir, Guardar, Importar y Exportar documentos, así como enlaces para la Configuración de nuestro documento actual, de su HTML, etc.

Edición: se encuentran en el submenú las herramientas para editar el documento como Cortar, Copiar (como Vectores, como Código HTML) Pegar (como Máscara, Atributos, Dentro), así como la edición de las Preferencias generales del programa.

Ver: se incluyen todas las acciones que tienen que ver con la visualización (Acercar, Alejar, Pantalla completa), la inclusión u ocultación de Guías, Reglas y Cuadriculas, etc.

Seleccionar: en su interior están las herramientas relacionadas con la selección (Seleccionar todo, Anular Selección, Superseleccionar, Subseleccionar, Seleccionar inverso, Seleccionar similar, Guardar selección…).

Modificar: a partir de este menú podremos editar Animaciones, Menús, Máscaras, Símbolos, Jpeg; así como crear grupos y desagruparlos.

Texto: desde este menú controlaremos la edición de textos, desde su alineamiento hasta su tamaño, estilo o fuente.

Comandos: desde este menú se podrán utilizar los Comandos (conjunto de acciones preestablecidas) por defecto para los distintos elementos de nuestro documento o crear nuestros propios grupos de Comandos.

Filtros: encontramos en su menú desplegable toda la Galería de Filtros disponible en Adobe fireworks.

Ventana: muestra y oculta los paneles situados en la Zona de Acoplamiento de Paneles.

Ayuda: ayuda en línea de Adobe Fireworks, Centro de Asistencia y Actualizaciones.

Page 4: Entorno grafico

LA BARRA DE HERRAMIENTAS:

Se encuentra situada en la parte izquierda del Entrono Gráfico y desde ella podremos identificar con facilidad la herramienta apropiada para el objeto gráfico con el que pensamos trabajar o crear. La barra de Herramientas está organizada en seis categorías:

Seleccionar: herramientas relacionadas con la selección de objetos (herramienta Puntero, herramienta Subselección), su transformación de tamaño (herramienta Escala) o su recorte (herramienta Recortar).

Mapa de bits: sirven para crear o editar objetos de mapa de bits. Entre ellas destacan la Varita Mágica (para la selección), la herramienta Sello (para realizar cambios fotográficos básicos), las herramientas Lápiz o Pincel (para pintar o dibujar objetos de mapas de bits) o otras más específicas como son las herramientas Perfilar, Desenfocar, Aclarar, Oscurecer o Difuminar (para el tratamiento selectivo de los píxeles de un mapa de bits)

Vector: permiten crear o editar trazados o formas vectoriales. Aquí se agrupan la Pluma, la Línea y diferentes formas vectoriales estándar como el Rectángulo, la Elipse o el Polígono; así como la herramienta de Texto (para la inclusión y modificación del texto de nuestro documento).

Web: herramientas para la creación de interactividad web (herramienta Zona Interactiva), para la creación de efectos visuales interactivos (herramienta División), o para mostrar u ocultar los componentes web en el lienzo (herramientas Ocultar-Mostrar Divisiones y Zonas Interactivas).

Colores: herramientas que controlan los colores de relleno y trazo. Entre las herramientas más utilizadas de esta sección estaría el Cubo de Pintura (para dar color), el Cuentagotas (para tomar muestras de color) o el Degradado (para la realización de gradaciones).

Ver: herramientas relacionadas con la visualización como la herramienta Zoom (para acercar o alejar la imagen), la Mano (para desplazarse por el documento) o las opciones para cambiar entre tres vistas: Modo Pantalla Estándar, Modo pantalla completa con Menús y Modo Pantalla Completa.

Page 5: Entorno grafico

INSPECTOR DE PROPIEDADES:

El Inspector de propiedades es un panel que varía según el contexto y que muestra las propiedades de la selección actual, las opciones de la herramienta seleccionada o las propiedades del documento. De forma predeterminada, el Inspector de propiedades está acoplado en la parte inferior del área de trabajo.El Inspector de propiedades puede abrirse a media altura, con lo que se muestran dos filas de propiedades, o por completo, con lo que se muestran cuatro filas. El Inspector de propiedades también puede contraerse en su totalidad aunque permanezca en el espacio de trabajo.

Page 6: Entorno grafico

VISTAS DEL DOCUMENTO:

Las Vistas del Documento se encuentran situadas en la parte superior de la ventana del documento y son utilizadas para la optimización de nuestros trabajos. Adobe Fireworks cuenta con cuatro opciones de vista: Original (vista predeterminada de Fireworks y la utilizada para la modificación de nuestros archivos), Vista previa, 2 copias y 4 copias (nos ofrecen una vista previa del diseño en diferentes formatos, en función de los ajustes del panel de Optimizar. Mientras se tenga cualquiera de estos tres modos de vista operativos no se podrá seleccionar o cambiar objetos).

Page 7: Entorno grafico

VENTANA DEL DOCUMENTO:

Espacio de trabajo para la creación y edición de nuestros documentos.

PANELES:

Los paneles son controles flotantes que ayudan a modificar aspectos de elementos u objetos seleccionados en el documento. Con los paneles se puede trabajar en fotogramas, capas, símbolos, muestras de color y otros. Los paneles pueden arrastrarse por separado, por lo que es posible agruparlos en función de las necesidades propias. Los paneles se encuentran agrupados en el margen derecho de Fireworks en la Zona de Acoplamiento de paneles. Por medio del menú Ventana encontramos los siguientes:

Page 8: Entorno grafico

El panel Optimizar: permite gestionar los parámetros que controlan el tamaño y el tipo de archivo, y trabajar con la paleta de colores del archivo o la división que vaya a exportarse.

El panel Capas: organiza la estructura de un documento y contiene opciones para crear, eliminar y manipular capas.

El panel Biblioteca: común muestra el contenido de la carpeta Common Library, que contiene símbolos.

El panel Páginas: muestra las páginas del archivo actual y contiene opciones para la manipulación de páginas.

El panel Fotogramas: muestra los fotogramas del archivo actual y contiene opciones para la creación de animaciones.

El panel Historial: incluye una lista de los nuevos comandos que puede deshacer y rehacer de forma rápida. Además, es posible seleccionar varias acciones y después guardarlas y volver a usarlas como comandos. El panel Formas automáticas contiene formas automáticas que no aparecen en el panel Herramientas.

El panel Estilos: permite almacenar y volver a utilizar combinaciones de características de objetos o elegir un estilo entre los almacenados.

El panel Biblioteca: contiene símbolos gráficos, de botón y de animación. Es fácil arrastrar instancias de estos símbolos desde el panel Biblioteca al documento. También es posible realizar cambios globales en ellas modificando solamente el símbolo.

El panel URL: permite crear bibliotecas que contienen URL que se utilizan con frecuencia. El panel Mezclador de colores: permite crear colores nuevos y añadirlos a la paleta de

colores del documento actual o aplicarlos objetos seleccionados. El panel Muestras: permite gestionar la paleta de colores del documento actual. El panel Información: proporciona datos sobre las dimensiones de los objetos

seleccionados y las coordenadas del cursor conforme se mueve por el lienzo. El panel Comportamientos: permite controlar los comportamientos, que determinan la

reacción que se produce en las zonas interactivas o las divisiones al mover el ratón. El panel Buscar: permite buscar y reemplazar elementos como texto, URL, fuentes y

colores en uno o varios documentos. El panel Create Symbol Script: automatiza la creación de archivos JavaScript para

símbolos gráficos que se pueden personalizar. El panel Alinear: contiene controles para alinear y distribuir objetos en el lienzo. El panel Propiedades: de forma automática permite realizar cambios en las propiedades

de una forma automática tras insertarla en un documento. Panel Paleta de colores (en Otros): ofrece la posibilidad de crear e intercambiar paletas

de colores, exportar muestras de color ACT, explorar distintos esquemas de color y acceder a los controles más utilizados para elegir los colores.

Page 9: Entorno grafico

Edición de imagen (en Otros): organiza en un panel las herramientas y opciones utilizadas con frecuencia para la edición de mapas de bits.

Panel Trazado (en Otros): ofrece acceso rápido a muchos comandos relacionados con trazados.

Caracteres especiales (en Otros): muestra los caracteres especiales que se pueden utilizar en bloques de texto.

Propiedades de símbolo: gestiona las propiedades personalizables de los símbolos gráficos.

DREAM WEAVER

PANTALLA INICIAL:

Al arrancar Dreamweaver aparece una pantalla inicial, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos.

Page 10: Entorno grafico

BARRA DE TITULO:

La barra de título contiene el nombre del programa (Marcromedia Dreamweaver MX 2004) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.

Page 11: Entorno grafico

BARRAS DE MENÚS:

La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.

Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.

Page 12: Entorno grafico

BARRA DE HERRAMIENTAS ESTANDAR:

La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir, Guardar, etc.

Page 13: Entorno grafico

BARRA DE HERRAMIENTA DE DOCUMENTOS:

La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc.

Page 14: Entorno grafico

INSPECTOR DE PROPIEDADES:

El inspector de Propiedades muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma más frecuente. Por ejemplo, cuando el elemento seleccionado sea texto mostrará el tipo de fuente, la alineación, si está en negrita o cursiva, etc.

Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.

Page 15: Entorno grafico

BARRA DE HERRAMIENTAS INSERTAR O PANEL DE OBJETOS:

La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc.

Puedes cambiar la vista del documento a través de la barra de herramientas de documento.

Page 16: Entorno grafico

VISTA DISEÑO:

La vista Diseño permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver y la que se suele utilizar habitualmente.

Page 17: Entorno grafico

VISTA CODIGO:

La vista Código se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente. No permite tener directamente una referencia visual de cómo va quedando el documento según se va modificando el código.

Page 18: Entorno grafico

VISTA CODIGO Y DISEÑO:

La vista Código y Diseño permite dividir la ventana en dos zonas. La zona superior muestra el código fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra.

Page 19: Entorno grafico

PROPIEDADES DEL DOCUMENTO:

Es conveniente definir sitios homogéneos, que todas las páginas de un sitio sigan un mismo formato, es decir, que tengan el mismo color de fondo, de fuente, etc.

Puede definirse el formato de cada una de las páginas a través de Propiedades de la página haciendo clic con el botón derecho del ratón sobre el fondo de la página, aparecerá el cuadro de diálogo siguiente:

En la categoría Vínculos encontramos las propiedades:

Page 20: Entorno grafico

LOS COLORES:

Para asignar colores es posible desplegar una paleta de colores como ésta. Al seleccionar un color de estas paletas, se muestra el valor hexadecimal del color en la parte superior.

Las paletas de colores de Dreamweaver utilizan la paleta de 216 colores seguros para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer y en Netscape Navigator, tanto en Windows como en Macintosh.

Los colores pueden asignarse a través de los botones:

Page 21: Entorno grafico

CARACTERISTICAS DEL TEXTO:

Las características del texto seleccionado pueden ser definidas a través del menú Texto, y a través del inspector de propiedades. Vamos a ver las posibilidades que se nos ofrecen a través del inspector de propiedades, aunque sean menos que las que se nos ofrecen a través del menú Texto.

Formato: Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o pre formateado. Los encabezados se utilizan para establecer títulos dentro de un documento. El formato pre formateado sirve para que el texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos palabras se introducen varios espacios solo se considera uno, pero al establecer el formato pre formateado se respetará que hayan varios espacios en lugar de solo uno.

Fuente: Permite seleccionar un conjunto de fuentes. Aparecen conjuntos de fuentes en lugar de una sola, ya que es posible que al establecer una única fuente el usuario no la tenga en su ordenador. El seleccionar un conjunto de fuentes posibilita que en el caso de que el usuario no tenga una fuente se aplique otra del

Page 22: Entorno grafico

conjunto. Por ejemplo, si seleccionamos Arial,Helvetia, Sans-serif,el texto se verá con la fuente Arial, pero si esta no existe se verá en Helvetia.

Tamaño: Permite cambiar el tamaño del texto. El tamaño lo podemos indicar en diversas unidades, en píxeles, centímetros, etc...

Color: Permite cambiar el color del texto. Estilo: Estos botones permiten establecer si el texto aparecerá en negrita o en

cursiva. A través del menú Texto también se puede, entre otras cosas, subrayar el texto. Esta opción no aparece en el panel de Propiedades ya que de normal no suele utilizarse, debido a que los vínculos aparecen subrayados y el subrayar texto normal podría hacer que el usuario pensara que se trata de un vínculo.

Alinear: A través de estos botones es posible establecer la alineación del texto de una de estas cuatro formas distintas: izquierda, centrada, derecha y justificada.

Lista: Estos botones permiten crear listas con viñetas o listas numeradas. Sangría: Estos dos botones permiten sangrar el texto y anular la sangría. La

sangría es una especie de márgen que se establece a ambos lados del texto. En este caso caso los botones se refieren a sangría a la izquierda del texto.

INSERTAR UNA IMAGEN:

Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después de esto, ya es posible seleccionar una imagen a través de la nueva ventana.

En Relativa a es posible especificar si la imagen será relativa al documento o a la carpeta raíz del sitio. Es preferible que sea relativa al Documento, ya que si se mueve todo el sitio a una ubicación diferente, la imagen puede no verse al estar siendo buscada en la ubicación anterior.

Page 23: Entorno grafico

Si se inserta un BMP en un documento, este no aparece correctamente en Dreamweaver, aunque sí en el navegador.

Aparece un recuadro blanco con una X roja, junto con el nombre de la imagen o el contenido del campo Alt del inspector de propiedades.

MAPAS DE IMÁGENES:

Los mapas de imagen son partes de una imagen que pueden ser utilizadas para asignarle algún tipo de comportamiento.

Para crear un mapa de imagen es necesario seleccionar previamente la imagen en la que se desea crear el mapa, y abrir el inspector de propiedades de dicha imagen.

Estando seleccionada la imagen, ya es posible crear un mapa a través de los botones del inspector de propiedades

Los tres últimos botones son los que se utilizan para crear los mapas. Dichos mapas pueden tener forma rectangular, circular, o libre, dependiendo del botón pulsado.

Page 24: Entorno grafico

Al pulsar alguno de estos tres botones, cambia la apariencia del puntero al situarlo sobre la imagen. Entonces ya es posible dibujar el mapa sobre la imagen, pulsando sobre los lugares donde se desea que comience y finalice el mapa, así como sobre el resto de lugares (en orden) que se desea que recorra el mapa en el caso de forma libre.

Al estar seleccionado un mapa el inspector de propiedades cambia. Permite asignar un vínculo y un texto alternativo a ese mapa como puedes ver a continuación:

El primero de los botones, el de la flecha, debe pulsarse al finalizar la creación de un mapa, para que el puntero recupere su forma original al situarse sobre una imagen. De este modo, es posible mover los puntos del mapa, en el caso de que no hayan sido creados en los sitios deseados, para ajustarlos mejor a la imagen.

IMAGEN DE SUSTITUCION O ROLLOVER:

Un rollover es una imagen que cambia por otra cuando el puntero se sitúa sobre ella. Este tipo de imagen suele utilizarse en los menús o en los botones para desplazarnos a través de distintas páginas.

Para insertar un rollover hay que dirigirse al menú Insertar, Objetos de Imagen, a la opción Imagen de sustitución. En la nueva ventana hay que especificar la imagen original y la de sustitución.

Page 25: Entorno grafico

Es preferible que la opción Carga previa de imagen de sustitución esté activa. Si se activa, la imagen de sustitución se carga cuando se carga la página, de este modo se evitan las demoras debidas a la descarga de la imagen cuando llega el momento de que aparezca.

El Texto alternativo es el texto que aparece al situar el puntero sobre una imagen, o el que aparecerá en lugar de la imagen en el caso de que por algún motivo ésta no pueda ser mostrada en el navegador.

El texto alternativo puede asignarse a todas las imágenes, no sólo a los rollovers. Puede hacerse a través del campo Alt del inspector de propiedades de la imagen seleccionada.

BOTONES FLASH:

Existen otra serie de imágenes especiales, similares a los rollovers, que suelen utilizarse para crear menús, como pueden ser los botones Flash.

Para insertar un botón Flash hay que dirigirse al menú Insertar, Media, a la opción Botón Flash, aparecerá el siguiente cuadro de diálogo:

Page 26: Entorno grafico

A través de Estilo puede seleccionarse uno de los distintos formatos de botón que se ofrecen.

En esta misma ventana hay que especificar también el Texto que mostrará el botón (Texto del botón:), así como el nombre con el que será guardado (Guardar como:) y el vínculo asociado (Vinculo: y Destino:).

Es preferible guardar los botones Flash en el mismo directorio que los documentos HTML, en lugar de la carpeta destinada a almacenar imágenes, ya que de no ser así es posible que al intentar asignar un vínculo dentro del propio sitio, Dreamweaver no permita guardar el botón con ese vínculo en una ubicación diferente de la de dicho documento.

Recuerda que los botones deben guardarse con la extensión SWF.

A través del inspector de propiedades del botón Flash es posible editar de nuevo sus atributos:

Page 27: Entorno grafico

Puede volver a abrirse el cuadro de diálogo anterior pulsando sobre el botón Editar, y a través del botón Reproducir es posible probar el funcionamiento del botón Flash desde Dreamweaver, sin la necesidad de tener que abrir la página con algún navegador.Después de haber probado el funcionamiento del botón Flash, debe pulsarse de nuevo sobre el botón Reproducir (que habrá cambiado por el botón Detener).

TEXTO FLASH:

El texto Flash es similar a un rollover, pero en lugar de intercambiar imágenes intercambia el color del texto.Para insertar texto Flash hay que dirigirse al menú Insertar, Media, a la opción Texto Flash.En la nueva ventana, además del texto, el vínculo y el nombre con el que será guardado el texto, hay que especificar el color original y el de sustitución.

Page 28: Entorno grafico

Aquí tienes un ejemplo de texto Flash. Sitúa el puntero sobre él para ver qué es lo que ocurre.

El inspector de propiedades del texto Flash es igual que el de un botón Flash

BARRA DE NAVEGACION:

Una barra de navegación es un conjunto de imágenes que se utilizan como opciones de menú para navegar dentro de una web. Un página web solo puede contener una única barra de navegación.Para insertar una barra de navegación hay que dirigirse al menú Insertar, Objetos de imagen a la opción Barra de navegación.

Page 29: Entorno grafico

En la nueva ventana pueden especificarse cuatro imágenes diferentes para cada uno de los botones, el vínculo para cada uno de ellos, etc.

A través de los botones superiores de la ventana es posible crear y eliminar botones de la barra de navegación, así como reordenarlos.

Aquí tienes un ejemplo de barra de navegación. Para su creación se han utilizado las mismas imágenes para todos los botones, pero como puedes ver, en el botón del medio aparece inicialmente una imagen diferente de la de los otros dos. Esto se debe a que la opción Mostrar "Imagen abajo" inicialmente estaba activa para este botón. Sitúa el puntero sobre los distintos botones, y pulsa sobre alguno, para ver qué es lo que ocurre.

El que existan cuatro imágenes diferentes sirve para identificar cual de los vínculos está activo, cosa que con un simple rollover no puede hacerse.

A través de la opción Insertar es posible especificar si los botones de la barra de navegación van a aparecer de forma horizontal o vertical dentro de la página.

INSERTAR TABLA:Para insertar una tabla hay que dirigirse al menú Insertar, a la opción Tabla.

Page 30: Entorno grafico

En la nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la tabla, así como el Ancho.

El Ancho puede ser definido como Píxeles o como Porcentaje. La diferencia de uno y otro es que el ancho en Píxeles es siempre el mismo, independientemente del tamaño de la ventana del navegador en la que se visualice la página, en cambio, el ancho en Porcentaje indica el porcentaje que va a ocupar la tabla dentro de la página y se ajustará al tamaño de la ventana del navegador, esto permite que los usuarios que tengan pantallas grandes, aprovechen todo el ancho de pantalla.

Grosor del Borde indica el grosor del borde de la tabla en píxeles, por defecto se le asigna uno. Relleno de celda indica la distancia entre el contenido de las celdas y los bordes de éstas. Espacio entre celdas indica la distancia entre las celdas de la tabla.

También se puede establecer si se quiere un encabezado para la tabla es recomendable utilizar encabezados en el caso de que los usuarios utilicen lectores de pantalla. Los lectores de pantalla leen los encabezados de tabla y ayudan a los usuarios de los mismos a mantener un seguimiento de la información de la tabla.

Si queremos incluir un título, lo indicamos en Texto, el título aparecerá fuera de la tabla.En alinear texto indicamos dónde queremos alinear el título con respecto a la tabla.

En Resumen: indicamos una descripción de la tabla, los lectores de pantalla leen el texto del resumen pero dicho texto no aparece en el navegador del usuario.

Page 31: Entorno grafico

Las celdas son cada uno de los recuadros que forman una tabla, resultan de la intersección entre una fila y una columna.

Para poder insertar algún elemento en una celda, ya sea texto o imágenes, simplemente hay que situar el cursor previamente dentro de la celda deseada.

FORMATO DE TABLA:Las propiedades de la tabla se especifican a través de su inspector de propiedades.

Page 32: Entorno grafico

A través del inspector de propiedades se pueden modificar los valores que se especificaron al

insertar la tabla. Al mismo tiempo, pueden indicarse otros como pueden ser el valor Alinear (que

permite alinear la tabla a la izquierda, al centro o a la derecha), el color de fondo o de borde de la

tabla, o la imagen de fondo.

Si lo que se selecciona es una celda, o un conjunto de celdas, el inspector de propiedades cambia,

para permitir especificar otros valores.

La parte superior del inspector de propiedades en este caso sirve para especificar las propiedades del texto que se insertará dentro de la celda (o celdas) seleccionada.

La parte inferior sirve para especificar valores propios de la celda, como puede ser el color o imagen de fondo (diferentes de los especificados para la tabla global), el color del borde de la celda, etc.

Dos opciones que posiblemente necesites utilizar con frecuencia serán Horiz y Vert, que definen la alineación del contenido de la celda de forma horizontal y vertical respectivamente.

BIBLIOGRAFIA:

http://lctutorial.com/entorno-grafico-adobe-fireworks

Page 33: Entorno grafico

http://www.institutoblestgana.cl/virtuales/comercio_electronico