MACROMEDIA STUDIO 8

TEMA N 01

COMPUTACIN
COMPUTACIN

LAS GRANDES APORTACIONES DE LAS TIC

L as Tecnologas de la Informacin y
las Comunicacin (TIC)
incuestionables y estn ah, forman
son

parte de la cultura tecnolgica que

nos rodea y con la que DF debemos
convivir. Amplan nuestras capacidades
fsicas y mentales. Y las posibilidades de
desarrollo social.

Incluimos en el concepto TIC no

solamente la informtica y sus
tecnologas asociadas, telemtica y
multimedia, sino tambin los medios de
comunicacin de todo tipo: los medios
de comunicacin social ("mass media") y
los medios de comunicacin
interpersonales tradicionales con soporte tecnolgico como el telfono, fax...
TRIGONOMETRA

COMPUTACIN
LAS TIC CONFIGURAN LA SOCIEDAD DE LA INFORMACIN
El uso extensivo y cada vez ms integrado (en los mismos aparatos y cdigos) de las TIC es una
caracterstica y factor de cambio de nuestra sociedad actual.

En telemtica: aadir "dinero electrnico"

Cambiantes, siguiendo el ritmo de los continuos avances cientficos y en un marco de globalizacin

econmica y cultural, contribuyen a la rpida obsolescencia de los conocimientos y a la emergencia
de nuevos valores, provocando continuas transformaciones en nuestras estructuras
econmicas, sociales y culturales, e incidiendo en casi todos los aspectos de nuestra vida: el acceso
al mercado de trabajo, la sanidad, la gestin burocrtica, la gestin econmica, el diseo industrial
y artstico, el ocio, la comunicacin, la informacin, la manera de percibir la realidad y de pensar, la
organizacin de las empresas e instituciones, sus mtodos y actividades, la forma de comunicacin
interpersonal, la calidad de vida, la educacin... Su gran impacto en todos los mbitos de nuestra
vida hace cada vez ms difcil que podamos actuar eficientemente prescindiendo de ellas.

Sus principales aportaciones a las actividades humanas se concretan en una serie de funciones que
nos facilitan la realizacin de nuestros trabajos porque, sean stos los que sean, siempre requieren
una cierta informacin para realizarlo, un determinado proceso de datos y a menudo tambin la
comunicacin con otras personas; y esto es precisamente lo que nos ofrecen las TIC. ARITMTICA
ARITMTICA

TEMA 1

MACROMEDIA STUDIO 8
Macromedia Studio 8, es el conjunto de aplicaciones de software fundamental para quienes
deseamos de una manera fcil y sencilla crear pginas web que contengan video e imgenes y
desarrollen y mantengan experiencias interactivas en lnea.

Est formado por los siguientes productos:

Macromedia Fireworks 8. Macromedia Flash 8.

1SCM9 1B 163 1SCM9 1B

 MACROMEDIA STUDIO 8

Macromedia Dreamweaver 8. Macromedia Contribute.

Macromedia Flash Paper.

COMPUTACIN
COMPUTACIN

Empezaremos conociendo Macromedia Fireworks 8

MACROMEDIA FIREWORKS 8

Fireworks es una aplicacin verstil para crear, editar y animar grficos Web.
Permite crear y editar imgenes de mapa de bits y vectoriales, disear efectos Web, como
rollovers y mens emergentes, recortar y optimizar elementos grficos para reducir su tamao de
archivo y automatizar tareas repetitivas para ahorrar tiempo.

Cuando un documento est terminado, se puede exportar o guardar en formato de archivo JPEG,
GIF u otros junto con archivos HTML que contengan tablas HTML y cdigo JavaScript para
utilizarlo en la Web.

Tambin es posible exportar o guardar tipos de archivos especficos de otras aplicaciones.

Requisitos del Sistema

Procesador Intel Pentium III de 800 MHz (o equivalente) y versiones posteriores.
Windows 2000, Windows XP.
256 MB de RAM (se recomienda 1 GB para ejecutar ms de un producto de Studio 8 de forma
TRIGONOMETRA

simultnea).

COMPUTACIN
Pantalla de 16 bits de 1024 x 768 (se recomienda de 32 bits).
880 MB de espacio en disco disponible.

Imgenes vectoriales y de mapa de bits

Los sistemas informticos muestran las imgenes 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.

Imgenes vectoriales
Los elementos grficos vectoriales representan las imgenes mediante lneas
y curvas, denominadas vectores, que incluyen informacin de color y
posicin. Por ejemplo, la imagen de una hoja puede definirse por medio de
un conjunto de puntos que describen su contorno. El color de la hoja queda
determinado por el color de su contorno (el trazo) y el del rea que encierra
este contorno (el relleno).

Cuando se edita una imagen vectorial, se modifican las propiedades de las lneas y curvas que
describen su forma. Las imgenes vectoriales son independientes de la resolucin, lo que significa
que es posible desplazar, cambiar el tamao, alterar la forma y modificar el color de una imagen
ARITMTICA
ARITMTICA

vectorial, as como visualizarla en dispositivos de salida de diferente resolucin, sin que cambie la
calidad de su aspecto.

Imgenes de mapa de bits

Las imgenes de mapa de bits estn formadas por puntos, llamados pxeles,
organizados en una cuadrcula. La pantalla del equipo es una gran cuadrcula
de pxeles. En la versin de mapa de bits de la hoja, la imagen est
determinada por la posicin y el valor de color de cada pxel de la cuadrcula.
Cada punto tiene asignado un color. Cuando se presentan con la resolucin
adecuada, los puntos encajan entre s como las teselas de un mosaico y forman
la imagen.

1SCM9 1B 164 1SCM9 1B

 MACROMEDIA STUDIO 8

Cuando se edita una imagen de mapa de bits, se modifican los pxeles, no las lneas y curvas. Las
imgenes de mapa de bits dependen de la resolucin, es decir, los datos que las definen estn fijos

COMPUTACIN
COMPUTACIN

en una cuadrcula que tiene un tamao determinado. Cuando se aumenta el tamao de un

elemento grfico de mapa de bits, los pxeles se redistribuyen en la cuadrcula, lo que puede dar
lugar a que sus bordes queden desiguales. La visualizacin de un elemento grfico de mapa de bits
en un dispositivo de salida con menor resolucin que la propia imagen tambin puede reducir su
calidad.

EL ENTORNO DE FIREWORKS

Al abrir un documento en Fireworks por primera vez, Fireworks activa el entorno de trabajo, en el
que se incluye el panel Herramientas, el Inspector de propiedades, los mens y los dems paneles.

Mens
TRIGONOMETRA

COMPUTACIN
Panel de
Herramientas dems
paneles
Panel de
Propiedades

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.

El Inspector de propiedades aparece en la parte inferior del documento y al principio

muestra las propiedades del mismo. Despus cambia para mostrar las propiedades de la
ARITMTICA
ARITMTICA

herramienta o el objeto seleccionados mientras se trabaja con el documento.

Los paneles estn inicialmente acoplados en grupos a lo largo de la parte derecha de la

pantalla. La ventana de documento aparece en el centro de la aplicacin.

Utilizacin de la pgina de inicio

Al iniciar Fireworks sin abrir ningn documento, aparece la pgina de inicio de Fireworks en el
entorno de trabajo. La utilizacin de la pgina de inicio es muy semejante a la de una pgina Web.
Hacer clic en cualquiera de los elementos que aparecen para utilizarlos.

Para desactivar la pgina de inicio:

1. Ejecuta Fireworks sin abrir ningn documento. Aparecer la pgina de inicio.

1SCM9 1B 165 1SCM9 1B

 MACROMEDIA STUDIO 8

2. Hacer clic en No volver a mostrar este mensaje.

Crear un documento nuevo

COMPUTACIN
COMPUTACIN

Fireworks crea un tipo de documento Portable Network Graphic (PNG). PNG es el formato de
archivo nativo de Fireworks.

Despus de crear una imagen en Fireworks, sta se puede exportar o guardar como si tuviera otros
formatos grficos para Web conocidos, por ejemplo JPEG, GIF y GIF animado, as como otros
formatos frecuentemente utilizados fuera de la Web, como TIFF y BMP.

Sean cuales sean los parmetros de optimizacin elegidos, el archivo PNG de Fireworks se conserva
para facilitar ediciones posteriores.

Para crear un grfico Web en Fireworks, primero es preciso configurar un documento nuevo o abrir
uno existente. Las opciones de configuracin pueden ajustarse despus en el Inspector de
propiedades.

Nuevo Documento
1. Selecciona Archivo > Nuevo.
TRIGONOMETRA

COMPUTACIN
Se abre el cuadro de dilogo Nuevo documento.

ARITMTICA
ARITMTICA

2. Introduce las medidas para la anchura y la altura del lienzo en pxeles, pulgadas o centmetros.
Recuerde, que si se desea establecer las medidas para una pgina web, estas debern ser:
Anchura: 780 pxeles
Altura: 450 pxeles
Resolucin: 72 Pxeles/pulgada

En el caso del color del lienzo, puede seleccionar entre blanco, transparente o seleccionar un
color en la opcin Personalizado.

3. Hacer clic en Aceptar para crear un documento nuevo.

Para crear un documento nuevo con el mismo tamao que un objeto del portapapeles:

1SCM9 1B 166 1SCM9 1B

 MACROMEDIA STUDIO 8

1. Copie un objeto en el portapapeles de:

Otro documento de Fireworks.

COMPUTACIN
COMPUTACIN

De alguna otra aplicacin del navegador Web.

2. Selecciona Archivo > Nuevo.

Se abre el cuadro de dilogo Nuevo documento con la altura y anchura del objeto situado en el
Portapapeles.
3. Ajuste la resolucin y el color del lienzo y hacer clic en Aceptar.
4. Selecciona Edicin > Pegar para pegar el objeto del Portapapeles en el documento nuevo.

Cambio del tamao, el color y la resolucin del lienzo

Se puede modificar el tamao, el color y la resolucin del lienzo.

Para cambiar el tamao del lienzo:

1. Sigue uno de estos procedimientos:
Selecciona Modificar > Lienzo > Tamao del lienzo.
Ver las propiedades del documento en el Inspector de propiedades y, a continuacin, hacer
clic en el botn Tamao del lienzo.
2. Introduce las nuevas dimensiones en los cuadros de texto de anchura y altura.
TRIGONOMETRA

3. Hacer clic en un botn Anclaje para especificar los lados del lienzo que se van a ampliar o

COMPUTACIN
reducir en Fireworks y a continuacin hacer clic en Aceptar.

El anclaje central, es el que indica que los

cambios introducidos para el tamao del lienzo Sabias
se aplican en todos los lados que?

ARITMTICA
ARITMTICA

1SCM9 1B 167 1SCM9 1B

 MACROMEDIA STUDIO 8

COMPUTACIN
COMPUTACIN
TRIGONOMETRA

COMPUTACIN
Para cambiar el color del lienzo con el men Modificar:
1. Selecciona Modificar > Lienzo > Color del lienzo.
2. Elige Blanco, Transparente o Personalizado. Si elige Personalizado,
hacer clic en un color de la ventana emergente Muestras.

Para seleccionar el color del lienzo en el Inspector de

propiedades:
1. En el Inspector de propiedades, hacer clic en el cuadro de color de
lienzo.
2. Elige un color en la ventana emergente de muestras o hacer clic
con la herramienta Cuentagotas en un color de cualquier parte de
la pantalla. Para elegir un lienzo transparente, hacer clic en el
botn Ninguno de la ventana emergente Muestras.

ARITMTICA
ARITMTICA

Para cambiar el tamao de un documento y de todo su contenido:

1. Sigue uno de estos procedimientos:
En el Inspector de propiedades hacer clic
en el botn Tamao de la imagen en el
Inspector de propiedades.
Selecciona Modificar > Lienzo > Tamao
de la imagen
Se abre el cuadro de dilogo Tamao de
la imagen
2. En los cuadros de texto Dimensiones en
pxeles, introduce dimensiones horizontales

1SCM9 1B 168 1SCM9 1B

 MACROMEDIA STUDIO 8

y verticales nuevas. Tambin puede cambiar las unidades de medida. Si desactiva Volver a
muestrear la imagen, podr cambiar los valores de resolucin o tamao de impresin, pero no
podr modificar las dimensiones en pxeles.

COMPUTACIN
COMPUTACIN

3. En los cuadros de texto Tamao de impresin, introduce las dimensiones horizontal y vertical
que va a utilizar para imprimir la imagen.
4. En el cuadro de texto Resolucin, introduce un valor de resolucin nuevo para la imagen. Puede
elegir entre pxeles/pulgada y pxeles/cm como unidades, o elegir Volver a muestrear la imagen.
Si cambia la resolucin tambin cambiarn las dimensiones en pxeles.
5. Sigue uno de estos procedimientos:
Para mantener la misma proporcin entre las dimensiones vertical y horizontal, elige
Restringir las proporciones.
Desactiva Restringir las proporciones para cambiar la anchura y la altura por separado.
6. Selecciona Volver a muestrear la imagen para aadir o suprimir pxeles al cambiar la imagen de
tamao y obtener la misma apariencia con un tamao distinto.
7. Hacer clic en Aceptar.

TRABAJO CON GRAFICOS

Existen dos formas de incorporar un grfico a un documento en Fireworks:

Abrir un Grfico: permite abrir un grfico en tamao normal.
Importar un grfico: Permite modificar las dimensiones del tamao de la imagen.
TRIGONOMETRA

COMPUTACIN
Abrir un Grfico:
1. Haga clic en Archivo > Abrir. O presione CTRL + O.
2. Luego ubique el grfico que desea abrir y seleccinelo.
3. Clic en Abrir.
4. Observe que las dimensiones de la imagen sern las dimensiones del documento.

Importar un Grfico:
1. Haga clic en Archivo > Importar. O Presione CTRL +R
2. Luego ubique el grfico que desea abrir y seleccinelo.
3. Clic en Abrir.
4. Clic en la parte del documento que desea ubicar la imagen.

Observe que la imagen se agregar al documento.

Utilizacin de las fichas de documento

Cuando el documento est maximizado, puede elegir fcilmente cualquiera de los documentos
abiertos utilizando las fichas de documento que aparecen en la parte superior de la ventana de
documento. Todos los documentos abiertos muestran su nombre en una ficha que aparece encima
de los botones de vistas. ARITMTICA
ARITMTICA

Para guardar un documento:

1. Hacer clic derecho en la ficha del documento que desee guardar.
2. Seleccionar Guardar (si desea que se guarde con el nombre actual) o Guardar como, si
desea guardar con un nombre diferente al actual. En este caso tendr que ingresar el nuevo
nombre y hacer clic en Guardar.

AUMENTO Y DESPLAZAMIENTO DE UN DOCUMENTO

1SCM9 1B 169 1SCM9 1B

 MACROMEDIA STUDIO 8

Fireworks permite ampliar y reducir en porcentajes de aumento preestablecidos o definidos por el

usuario.

COMPUTACIN
COMPUTACIN
TRIGONOMETRA

COMPUTACIN
Para aumentar en incrementos preestablecidos, sigue uno de estos procedimientos:
Selecciona la herramienta Zoom y hacer clic en la ventana de documento para especificar
el nuevo punto central. Con cada clic, la imagen se ampla al siguiente aumento preestablecido.
Selecciona un nivel de aumento en el men emergente Establecer nivel de aumento de la
parte inferior de la ventana de documento.
Selecciona Alejar o un nivel de aumento preestablecido en el men Ver.

ARITMTICA
ARITMTICA

TRUCOS
Pulse la tecla Alt mientras haces clic en la ventana de
documento. Con cada clic, la vista se reduce al
siguiente porcentaje establecido.

Para alejar el documento a partir de un rea determinada

1SCM9 1B 170 1SCM9 1B

 MACROMEDIA STUDIO 8

Pulse Alt mientras arrastra una seleccin con la herramienta Zoom.

Para recuperar el nivel de aumento del 100%

COMPUTACIN
COMPUTACIN

Hacer doble clic en la herramienta Zoom del panel de Herramientas.

Para desplazarse por el documento:
1. Selecciona la herramienta Mano.
2. Arrastre el cursor con forma de mano.

Al desplazarse ms all del borde del documento, tambin se desplaza la vista para facilitar el
trabajo con los pxeles del borde del lienzo.

Para ajustar el documento en la vista actual

Hacer doble clic en la herramienta Mano.

Sabias En el cuadro de texto Establecer nivel de

que? aumento, no pueden introducirse porcentajes
de aumento.
TRIGONOMETRA

COMPUTACIN
Utilizacin de los modos de visualizacin para gestionar el rea de trabajo
Los botones de modo de visualizacin de la seccin Ver del panel Herramientas se utilizan para
controlar la disposicin del rea de trabajo. Se pueden seleccionar tres modos de visualizacin:
Modo Pantalla estndar , es la vista predeterminada de la ventana de documento.

Modo Pantalla completa con mens , es la vista maximizada de la ventana de documento

sobre un fondo gris con los mens, barras de herramientas, barras de desplazamiento y paneles
visibles.
Modo Pantalla completa ,es la vista maximizada de la ventana de documento sobre un fondo

negro sin mens, barras de herramientas ni barras de ttulo visibles.

Para disponer las vistas del documento en mosaico

Selecciona Ventana > Mosaico horizontal o Ventana > Mosaico vertical. ARITMTICA
ARITMTICA

RECORTE O AJUSTE DEL LIENZO

Cuando a un documento le sobra espacio alrededor del contenido del lienzo, ste se puede recortar.
El lienzo tambin puede expandirse hasta incluir todos los objetos que sobrepasan sus lmites.

Para recortar o ajustar el lienzo al contenido del documento:

Men Modificar/ Lienzo/Ajustar lienzo
Tambin, hacer clic en Ajustar lienzo en el Inspector de propiedades. El lienzo se expandir
o contraer para ajustarse a su contenido.

1SCM9 1B 171 1SCM9 1B

 MACROMEDIA STUDIO 8

COMPUTACIN
COMPUTACIN

Recorte de un documento
TRIGONOMETRA

Con la funcin de recorte pueden eliminarse porciones innecesarias de un documento. El lienzo

COMPUTACIN
cambia de tamao para ajustarse al rea que se defina.

De forma predeterminada, el recorte elimina los objetos que superan los lmites del lienzo. Puede
conservar los objetos que se encuentren fuera del lienzo cambiando una preferencia antes de
recortar.

1. Elige la herramienta Recortar en el panel Herramientas o elige Edicin > Recortar el documento.

2. Arrastre el cuadro delimitador por el lienzo. Ajuste los tiradores de recorte hasta que el cuadro
delimitador abarque el rea del documento que desee conservar.

3. Hacer doble clic dentro del cuadro delimitador o pulse Enter para recortar el documento.

ARITMTICA
ARITMTICA

Fireworks ajusta el lienzo al rea definida y elimina los objetos que se encuentren ms all de los
bordes del lienzo.

ACTIVIDAD N 01

Capacidad: Aplicacin de Tecnologas.

1. Crear un lienzo con las dimensiones: 600 x 350 pixeles.

1SCM9 1B 172 1SCM9 1B

 MACROMEDIA STUDIO 8

2. Importar una Imagen hacia el nuevo lienzo.

3. Ajustar el lienzo al contenido del documento.
4. Recorta parte del documento.

COMPUTACIN
COMPUTACIN

5. Visualiza el documento utilizando la herramienta Zoom.

6. Guarda el documento en la unidad D:\ejemplo1.

Crear un Lienzo Imagen importada

TRIGONOMETRA

COMPUTACIN
Lienzo Ajustado imagen Recortada

Capacidad: Comprensin de Tecnologas.

1. Cules son los productos que forman Macromedia Studio 8? (Marca con un aspa)

Macromedia Flash Front Page Fireworks Flash Word

ARITMTICA
ARITMTICA

2. Menciona los diferentes tipos de formatos a los cuales Fireworks puede exportar un documento.

...

...

...

1SCM9 1B 173 1SCM9 1B

 MACROMEDIA STUDIO 8

3. Menciona los formatos en los que los sistemas informticos muestran las imgenes.

COMPUTACIN
COMPUTACIN

...

...

4. Cules son los diferentes modos de visualizacin en Fireworks

...

...
TRIGONOMETRA

COMPUTACIN
ARITMTICA
ARITMTICA

1SCM9 1B 174 1SCM9 1B