Unidad

1. Principio del formulario

Introdu
Búsqueda pub-1875034419 1

cción a ISO-8859-1 ISO-8859-1 GALT:#008000;G es

Flash Final del formulario

CS3 (I)

¿Qué es FLASH?

Flash CS3 es una potente herramienta desarrollada por

Adobe que ha superado las mejores expectativas de sus
creadores.

Inicialmente Flash fue creado por Macromedia (Adobe)

con el objeto de realizar animaciones vistosas para la web,
así como para crear GIFs animados.

Los motivos que han convertido a Flash CS3 en el

programa elegido por la mayoría de los diseñadores web
profesionales y aficionados son varios. Veamos pues, porque
es interesante Flash CS3.

Desde la web de Adobe te puedes descargar una versión

 de evaluacion de Flash CS3 válida para 30 días.

Los logotipos de Flash son propiedad de Adobe, así como

las marcas registradas Flash y Adobe. aulaClic no tiene
ninguna relación con Adobe.

¿Por qué usar Flash CS3?

Las posibilidades de Flash son extraordinarias, cada

nueva versión ha mejorado a la anterior, y el actual Flash
CS3 no ha sido menos. Aunque su uso más frecuente es el
de crear animaciones (a lo largo de este curso veremos lo
sencillo que puede resultar) sus usos son muchos más. Son
tantos, que todos los diseñadores web deberían saber utilizar
Flash.

Flash ha conseguido hacer posible lo que más se echa en

falta en Internet: Dinamismo, y con dinamismo no sólo nos
referimos a las animaciones, sino que Flash permite crear
aplicaciones interactivas que permiten al usuario ver la web
como algo atractivo, no estático (en contraposición a la
mayoría de las páginas, que están realizadas empleando el
lenguaje HTML). Con Flash podremos crear de modo fácil y
 rápido animaciones de todo tipo.

Además sus desarrolladores estan apostando muy fuerte

por ActionScript, el lenguaje de programación Flash. A cada
versión se mejora y ofrece un abanico de posibilidades cada
vez mayor, por lo que además de dinamismo, Flash CS3 nos
ofrece ahora la posibilidad de ser la plataforma para
aplicaciones web de un modo real.

Flash es fácil de aprender, tiene un entorno amigable que

nos invita a sentarnos y pasar horas y horas creando lo que
nos dicte nuestra imaginación, pero esto no es suficiente
para ser el preferido por los diseñadores profesionales...
¿Entonces qué es?

De Flash 8 a Flash CS3

Adobe ha querido
en esta última
versión integrar
todos sus productos
en una suite única
en la que prima
sobre todo la
compatibilidad entre
ellos. Así la
compañía se
desmarca del resto
ofreciendo un
paquete de
aplicación muy
completas como
hemos ido viendo
año tras año que son
capaces de
interactuar entre
ellas y nos ofrecen la
posibilidad de reusar
proyectos de un
programa en otro.

El paso de Flash 8
a Flash CS3 se ha
visto marcado sobre
todo por esta
característica, por lo
que su lanzamiento
(si no tenemos en
cuenta ActionScript
3) quizás no venga
acompañado de
grandes avances
como vimos en el
paso de Flash MX a
Flash 8. Ahora
veremos las mejoras
añadidas al
programa:

Integración
total con archivos
de Photoshop e
Illustrator: Como
veremos más
adelante en la
unidad 10, Flash
CS3 ofrece una
compatibilidad
perfecta a la hora de
importar archivos
creados en
Photoshop e
Illustrator. De esta
forma seremos
capaces de incluir en
nuestro proyecto
este tipo de archivos
y modificar y utilizar
sus capas y estilos
muy fácilmente.

Con esta nueva

opción podremos
crear composiciones
mucho más
compljas, al ser
capaces de crear
cualquier diseño en
uno de estos
programas para
importarlo más tarde
a nuestro proyecto
Flash con un par de
clics.

Intefaz
mejorada: Flash
CS3 cambia su
interfaz para
integrarse
completamente en la
suite de productos
Adobe, ahora todos
las ventanas se
encuentran en
paneles laterales
completamente
configurables.
Podrás mostrar las
ventanas que
quieras de un modo
expandido o
minimizado.

Flash también te
permitirá guardar y
cargar diferentes
tipos de
configuración de
paneles. Así podrás
tener tu vista
preferida guardada y
accesible si en algún
momento el espacio
de trabajo se vuelve
demasiado caótico.

Herramientas
compartidas: La
herramienta Pluma
se ha adaptado y
ahora actúa de un
modo similar a la
existente en
Illustrator. Los
mismos accesos por
combinación de
teclas también son
accesibles desde
Flash.

Componentes
mejorados: Flash
CS3 permite una
mayor configuración
en los componentes
preinstalados. De
esta forma
podremos cambiar
su aspecto y mostrar
controles con
diferentes skins.
Esta opción nos
permitirá crear
formularios más
acorde con nuestros
diseños, ya no será
necesario mostrar
los controles con la
apriencia a la que
estamos
acostumbrados.

Vídeo más
potente: Esta
versión de Flash
introduce un nuevo
compresor de vídeo
mejorado que
aumenta la calidad y
disminuye el tamaño
del archivo final
SWF. Además se
introduce el soporte
de capas con
transparencia que
podrán ser tratadas
e importadas desde
Premiere sin ningún
tipo de problema.

Flash CS3 incluye

como gran avance
ActionScript 3. Esta
nueva versión del
 lenguaje de
programación de
Flash supone un
gran cambio en la
metodología de
trabajo en la
creación de
proyectos.

En este curso
veremos el uso de
Flash desde la
perspectiva de
ActionScript 2,
aunque en la
mayoría de
explicaciones
encontrarás el
código equivalente
de la siguiente
forma:

ActionScript 3

ActionScript 3
supone para Flash
un giro en cuanto a
posibilidades,
potencia y rápidez
de ejecucción. Pero
implica un amplio
conocimiento de la
metodología de
programación
 orientada a objetos.
Debido a esto y
puesto que este
curso no pretende
ser un manual de
programación nos
ajustaremos a la
anterior versión,
mucho más sencilla
en comprensión y
más accesible para
la mayoría de
usuarios.

Unidad 1. Principio del formulario

Introducción a pub-1875034419 1 ISO-8859-1 ISO-8859-1

Flash CS3 (II) Final del formulario

Las alternativas a Flash.

Javascript

Desde hace mucho tiempo, el lenguaje HTML ha mostrado

carencias importantísimas en todos los aspectos. El HTML
crea páginas web estáticas, páginas en las que todo el
movimiento que podemos encontrar se debe a imágenes
animadas (GIFS) o a vídeos insertados en ellas... Este
lenguaje, revolucionario en su día, demostró pronto que era
insuficiente en todos los campos. Pronto comenzaron a
surgir alternativas:

El Javascript nació con el objeto de crear acciones o

programas cortos que se pudieran insertar en la web para
darle vida. El Javascript, no es un lenguaje de programación
propiamente dicho, pues sólo crea "acciones" que se
ejecutarán posteriormente en el navegador que visualice la
página, jamás podremos crear un programa en Javascript,
 sólo complementos para la web. Este lenguaje presenta
varios inconvenientes, en primer lugar, su ejecución puede
resultar peligrosa para la persona que accede a una web, por
lo que muchas personas optan por desactivar el "Javascript"
de sus navegadores. Si nuestra página web contiene mucho
código Javascript, simplemente, no lo verán. En segundo
lugar y como con casi todo, existen navegadores (cada vez
menos, eso sí) que no lo soportan y sería inútil intentar
ejecutar un código Javascript si el navegador no lo reconoce.
Además, el Javascript no sirve para crear páginas web, tan
sólo las complementa, por lo que su uso general suele estar
enfocado a pequeñas "ayudas" en la interactividad de la web,
como por ejemplo realizar comprobaciones en los
formularios, efectos en la barra de estado... ).

Debemos destacar además, que Flash puede trabajar

conjuntamente con javascript y ejecutar códigos y funciones
Javascript sin problemas, por lo que Javascript se convierte
en una ayuda para todos los usuarios de Flash CS3.

Para ver unos ejemplos de usos de Javascript y sus

códigos, visita nuestra Página Avanzada .

Las alternativas a Flash CS3.

CSS

Aunque muchos no se hayan dado cuenta, HTML tiene

una potencia muy limitada en el tratamiento de textos. De
hecho, el principal problema del HTML a la hora de mostrar y
distribuir textos por pantalla no suele ser su incapacidad para
hacerlo (las posibilidades que permite son más que
suficientes), sino que simplemente se trata de un lenguaje
orientado a la organización de contenido y no a su
tratamiento. Para ello se crearon las Hojas de Estilo en
Cascada (CSS en inglés).
 Su potencia es mucha, y cuentan con la ventaja de que se
han convertido en un estándar (aunque siempre habrá
alguien incapaz de visualizar un contenido que use una hoja
de estilo). Además de permitir administrar los textos e
imágenes como queramos por nuestra página web, son una
forma magnífica de simplificar el código de la página web y
de acelerar su creación, ya que como su nombre indica son
"Hojas de Estilo", una vez creado el tratamiento que
queremos dar a un tipo de texto (por ejemplo, a los títulos),
todos los títulos que creemos y los identifiquemos como
tales, tendrán ese tratamiento (color, tamaño de la letra, tipo
de fuente...). Gracias a las CSS hemos ganado en control
sobre nuestras páginas web, y tal vez en vistosidad y diseño,
pero no sirven para crear animaciones.

¿Por qué no usarlas dentro de Flash?

Desde la versión 2004 (Flash MX 2004) las hojas de estilo

son perfectamente compatibles con Adobe Flash,
simplemente porque pueden asociarse con textos empleados
dentro de nuestra película sin más que asignar la hoja de
estilo que queramos a la propiedad StyleSheet del objeto
texto al que queramos aplicar la hoja de estilo. Por tanto, las
CSS han dejado de ser una alternativa al uso de Flash y han
pasado a quedar integradas dentro del mismo. Otra ventaja
de usar Flash.

Las alternativas a Flash

CS3. DHTML. AJAX.

Hemos visto como se solucionan los principales

problemas que tiene el HTML, pero aún falta por saber cómo
se intenta eliminar esa "estaticidad" característica de las
páginas HTML. La primera solución viene del propio HTML.
Se llama DHTML (o HTML Dinámico) y como su nombre
indica se creó para crear contenidos en movimiento en las
páginas web. Su funcionalidad llega hasta mover objetos por
la web, y sobre todo, se emplea para crear menús animados.
 Seguro que habeis visto un montón sin daros cuenta. Suelen
tener esta apariencia:

En realidad el DHTML no
es más que una
combinación de HTML y
Javascript (de ahí que lo
hayamos dejado para el
final), aunque es una buena
solución para crear menús
vistosos sin animaciones
extraordinarias.

¿Su inconveniente? Hay

demasiados navegadores
que tiene problemas con él
y su carga puede ser lenta o
retardada...

Asynchronous JavaScript and XML, o Ajax, es una

nueva técnica de programación para crear interactividad en
la web formada por la combinación de varias tecnologías ya
conocidas:

- XHTML (o HTML y CSS para dar formato y estilos).

- DOM (Document Object Model) para manipular la

información presentada de forma dinámica e interactiva a
través de JavaScript.

- El objeto XMLHttpRequest para intercambiar datos de

forma asíncrona con el servidor web.

El Eterno Debate
 Y ante todo esto ¿Qué nos ofrece Flash? Pues Flash es,
con diferencia, la herramienta más potente del mercado para
crear contenido multimedia para la web pero presenta tres
inconvenientes importantes.

El primero es el posicionamiento en los buscadores.

Google y otros buscadores no tratan de igual forma las
páginas html que las páginas Flash. Las páginas Flash son
penalizadas por los buscadores de forma que si el
posicionamiento en los buscadores es de vital importancia
para la página, mejor no hacerla en Flash. Existen técnicas
para paliar esta situación pero requieren de un trabajo
adicional. También es cierto que en las nuevas versiones se
va avanzando en este tema y cada vez la penalización de los
buscadores es menor.

El segundo es la compatibilidad con FLASH. Al igual que

algunos navegadores no soportan javascript o no pueden ver
contenidos DHTML (o incluso CSS), para poder ver FLASH
se requiere un PLUGIN especial de la casa Adobe. Un
PLUGIN es un programa especial que permite a tu
navegador identificar las películas FLASH, descargarlas y
visualizarlas correctamente. Este PLUGIN es gratuito y
puedes descargarlo AQUÍ. Por suerte, cada vez más
navegadores lo llevan incorporado y cada vez más gente
sabe lo que es y no se asusta cuando se le ofrece. Así que la
gran mayoría de ordenadores lo tiene y este aspecto esta
dejando de ser un problema.
 El tercer
problema es
el tamaño
que ocupan
las películas y
su tiempo de
descarga.
Mientras que
una página
HTML puede
ocupar unos
10-20 KB
como media, Con Flash se pueden hacer páginas
una web realmente asombrosas
animación
Flash ocupa
mucho más.
Evidentement
e depende
del contenido
que tenga,
pero suelen
superar los
100 KB con
facilidad, y si
además
incorpora
sonidos es
fácil que la
cifra se
dispare. Al
ocupar más
espacio, el
tiempo que
tarda en estar
visible el
contenido
Flash es
mayor y no
todos los
visitantes
están
dispuestos a
esperar...
simplemente,
se irán a otra
página.

Por otra
parte, las
conexiones
de banda
ancha son
cada vez más
numerosas, lo
que ellimina
el problema
del tiempo de
descarga,
pero el día en
el que todo el
mundo se
conecte a
internet a alta
velocidad aún
está lejos, así
que el debate
seguirá
abierto
mucho
tiempo.

Otro
aspecto a
tener en
cuenta es la
usabilidad de
las páginas
Flash, a
veces se cae
en la
tentación de
 dar
demasiada
importancia al
diseño y
olvidarse de
que la página
debe ser fácil
de usar.

Aquí teneis
algunas
páginas
interesantes
hechas con
FLASH
2Advance NR fw
d Studios G a

Resumiendo, insertar o no contenido Flash en una página

web puede ser cuestionable (a día de hoy), aunque depende
de muchas cosas, al igual que insertar DHTML, por ejemplo.
Aún así, no hemos de olvidar que Flash tiene muchísimas
aplicaciones más (hecho que ha provocado que otras
compañías traten de sacar a la venta "clónicos" del Flash).
Por ejemplo la creación de CDs interactivos (como los que
incluyen las revistas de informática, por ejemplo), la creación
de banners publicitarios o lo que más está de moda ahora: la
creación de dibujos animados (os sorprendería saber la
cantidad de dibujos animados conocidos creados o animados
mediante Flash). Además, Flash tiene uso industrial, pues se
emplea para optimizar planos, crear diseños de interiores y
trabajar con imágenes vectoriales en general. No dejeis de
aprender a manejar el programa con más futuro... (al menos
en cuanto a diseño web)

Podeis poner a prueba vuestros conocimientos realizando

la:
Prueba evaluativa del Tema 1.