Taller de Multimedia I Unidad

 

Taller  de

El mundo digital en el cual nos encontramos genera un número inmenso y siempre creciente de datos digitales. Cámaras fotográcas, de video y música son algunas de las principales fuentes de estos datos y que muchos de ellos residen en Internet. Así, Internet se ha constituido en una ase de datos multimedia gigantesca. !ás aún si ahora consideramos que la educaci"n ha elegido a esta como escenario multimedia para dotar a sus actividades docentes de contenido fundamentado en vídeos, audio, imágenes y aplicaciones que ofrecen todo en ase a sistemas de tipo interactivo. Este curso es de naturale#a te"rico$ práctico y está dise%ado para rindar al alumno las t&cnicas, herramientas informáticas utili#adas y los principios de ingeniería para el desarrollo aplicaciones multimedia orientadas a su uso sore Internet. El curso incluye un traa'o práctico individual, que será elaorado durante el desarrollo del

 

Multimedi a

(

 

SESIÓN 01: INTRODUCCIÓN A LA MULTIMEDIA. CONCEPTOS, ELEMENTOS, ANTECEDENTES Y SITUACIÓN ACTUAL. 1.  Itr!du""i# El rápido desarrollo de la tecnología y de la informática ha proporcionado herramientas revolucionarias en todos los campos de la ciencia. En este sentido, los sistemas interactivos multimedia se han integrado desde su nacimiento a nuestro entorno y estilo de vida, lo que ha hecho posible que cada vez existan más productos inclusive para nuestro uso personal y doméstico. Venimos atravesando por un proceso de transformacin social, como consecuencia de tres pilares básicos iniciados a finales de los a!os "# y principios de los $#, a saber% la revolucin tecnolgica &basada en el auge y desarrollo de las tecnologías de la informacin y la comunicacin', la formacin de la economía global mundial y el cambio cultural en la sociedad. (a tecnología multimedia ha llegado a todos los campos esenciales de nuestra sociedad% al traba)o, a la cultura, al ocio y a la educacin.

$.  C!"e%t!&

(a multimedia se define como la interaccin de medios m*ltiples como sonido, video, texto, voz y gráficos con el usuario de tal manera que se facilite la atencin, la comprensin y la retencin de la informacin. +e allí la expresin multimedios. (os medios pueden ser variados, desde texto e imágenes, hasta animacin, sonido, video, etc. ambién se puede calificar como multimedia a los medios electrnicos &u otros medios' que permiten almacenar y presentar contenido multimedia. /ultimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio. El concepto de /ultimedia es tan antiguo como la comunicacin humana ya que al expresarnos en una charla normal hablamos &sonido', escribimos &texto', observamos a nuestro interlocutor &video' y accionamos con gestos y movimientos de las manos &animacin'. 0on el auge de las aplicaciones multimedia para computador este vocablo entr a formar parte del lengua)e habitual. 0uando un programa de computador, un documento o una presentacin combina adecuadamente los medios, se me)ora notablemente la atencin, la comprensin y el aprendiza)e, ya que se acercará algo más a la manera habitual en que los seres humanos nos comunicamos, cuando empleamos varios sentidos para comprender un mismo ob)eto.

Multimedia Itera"ti'a El concepto de multimedia ha ido evolucionando a través del tiempo. 1l principio se trataba de la simple sumatoria de medios distintos% textos, sonidos e imágenes - animaciones, videos, gráficos, ilustraciones, ilustracione s, fotos- en todas sus posibles combinaciones. 2odía tratarse de texto y m*sica, ilustraciones con sonido, textos con animaciones y sonido. 3in embargo hoy en día muchas veces se usa multimedia para referirse al, más acertadamente denominado, multimedia interactivo. (a suma de medios multiplica sus efectos gracias a la introduccin de la interactividad. 3e habla deacerca multimedia interactiva cuando usuario tienea libre controlde sobre la presentacin de los contenidos, de qué es lo que desea el ver y cuando4 diferencia una presentacin lineal, en

)

 

la que es forzado a visualizar contenido en un orden predeterminado. +esde el punto de vista del usuario, interactividad es la cantidad de control que éste tiene sobre los contenidos. Esta definicin alude a los grados de interactividad que puede tener el producto. El más ba)o de estos niveles de interactividad es el agotado y agotador recurso de teclear una y otra vez la tecla 5enter6 lo que algunos, con indudable gracia, han dado en llamar interactividad. (a verdadera interactividad, en cambio, implica una modificacin en la propia estructura del relato multimedia% se pasa de una presentacin linear donde todo el control es del autor a la multilinearidad donde el control es del usuario. El usuario es así el due!o de la secuencia y del tiempo dedicado al contenido.

(.  Elemet!& (os elementos o recursos de la /ultimedia son principalmente la 7magen, el 1udio y el Video.

).  Ate"edete& * Situa"i# A"tual +esde el comienzo de la era informática los terminales de salida de informacin de los ordenadores han ido me)orando considerablemente. 1l principio slo comprendían una simple impresora, luego aparecieron las pantallas de visualizacin en las que los datos aparecían con mucha mayor rapidez que en una impresora. 2ero estos primeros sistemas de visualizacin presentaban numerosos inconvenientes% el más grave consistía en lo largo y eno)oso de examinar en gran n*mero de datos expresados en forma de palabras y frases, es decir, codificados en caracteres alfabéticos y numéricos en continua sucesin temporal. Este sistema no es capaz de aprovechar la extraordinaria capacidad que tiene la visin del ser humano para localizar rápidamente algo especialmente interesante situado en un espacio de disposicin comple)a. 8asta entonces, el sector de los sistemas de informacin habían dominado las modalidades alfanuméricas. 2ero la situacin fue cambiando y aparecieron, sobre todo en el mundo empresarial, planteamientos nuevos en los que se reclamaba ver 9informacin: y no simplemente 9datos:4 entendiendo por 9informacin:, las curvas de tendencias o los gráficos de barras. (a posibilidad de utilizar pantallas de más resolucin, así como la disponibilidad de me)ores programas de tratamiento de imagen permitieron nuevas formas de presentar la informacin, con las que era posible que la pantalla del ordenador mostrara imágenes analgicas de los ítems disponibles. +e esta forma se permitía una interaccin persona-máquina más natural, en la que el usuario ve el proceso que siguen los datos que mane)a. (a realizacin de un sistema de imágenes interactivas requería dos progresos% la me)ora de las pantallas y la disponibilidad de memorias electrnicas de gran capacidad. 3e puede considerar que los verdaderos multimedia tienen su comienzo en ;r >roup oup del / /assachusetts assachusetts 7nstitute 7nstitute of  e echnology present present el primer primer sistema combinado de ordenadores y videodiscos. El grupo de arquitectura de máquina del /7 dise!o lo que denominaban 3+/3 &sistema de gestin especial de los datos', sistema basado en explorar las posibilidades de las imágenes como representacin espacial para acceder a la informacin almacenada en bases de datos electrnicas. (os datos se buscaban en un gráfico representado visualmente en pantalla, en vez de solicitarlos mediante una serie de rdenes escritas ?verbales y numéricas-. El sistema partía de la especial aptitud del ser humano para localizar rápidamente y de modo preciso los ob)etos en el espacio En el experimento se utilizaba una habitacin especialmente dise!ada, en la que una de las paredes se había sustituido por una gran pantalla formada por una placa de cristal 9deslustrado:, sobre la que se podían proyectar imágenes desde la habitacin contigua. @rente a esta pantalla se situaba un silln para el usuario con dos peque!as palancas y una tecla sensible en cada uno de los brazos del silln y a ambos lados del usuario unos monitores de televisin con pantalla táctil. En cuanto al sonido, ocho altavoces situados en las paredes rodeaban al su)eto y un micrfono permitía al usuario dar rdenes al sistema. Ano de los dos monitores ofrecía un 9men*: analgico de aplicaciones disponibles. /ediante las palancas, o directamente con el dedo, el usuario 9se desplazaba: a través de las imágenes y las seleccionaba, apareciendo entonces lo seleccionado en la pantalla mural. El tama!o de la imagen podía regularse a voluntad mediante un mando tipo zoom. El segundo monitor tenía como funcin facilitar el mane)o de la informacin correspondiente al ob)eto seleccionado, por e)emplo podía mostrar el índice de materias de un ob)eto tipo libro. El 3+/3 constituy una alternativa al acceso habitual a los datos en una base simblica, pero en ning*n momento se plante la utilizacin de la imagen interactiva como un sustituto, sino como un complemento del uso de los teclados. 0omo consecuencia de las investigaciones del 1rchitecture /achine >roup se desarroll una serie de aplicaciones, siendo la más popular el 5plano-película6 de 1spen. 2ara realizar el que sería el primer multimedia se grabaron en soporte cinematográfico las calles de la ciudad de 1spen &colorado' @ilmando cada calle en las dos direcciones y con una cadencia de un fotograma por metro real de la

*

 

calle. 1l montar en un videodisco los segmentos de calle rectos y en otro videodisco las curvas, el ordenador permitía la sensacin de estar conduciendo. 3e podía mirar por la ventanilla, parar delante de un edificio, entrar, o volar en helicptero sobre mapas 9reales: e ir de)ando una huella sobre el camino recorrido que permitiera el regreso. (a meta a conseguir era la interaccin total, en tiempo real, entre el usuario y el sistema de tratamiento de los datos, como si éste se tratara de un auténtico interlocutor4 pero un interlocutor sumiso y obediente a las instrucciones que el usuario le suministre por medio de sus dedos, de sus o)os, o de su voz. En EEAA, en ; podremos disponer de las fotos fácil y rápidamente. 2or otro lado, si la capacidad no es un problema, y en ese sentido cada vez hay tar)etas de memoria de mayor capacidad y más baratas' se puede considerar la posibilidad de combinar ambos formatos. 3i no deseamos realizar ning*n tipo de postprocesado, Q2E> es nuestro formato. 8acer una foto en R1P será solo el primer paso hasta conseguir plasmar en papel el resultado. 2ero si primamos la calidad de imagen por encima de todo y deseamos aprovechar toda la informacin que nuestra cámara digital sea capaz de recoger, deberemos elegir el formato R1P. 7@@ &agged 7mage @ile @ormat'.- Es un tipo de archivo estándar para guardar imágenes de alta calidad, ya que es compatible con los sistemas operativos PindoKs, (inux, /ac, etc. 3e encuentra reconocido por muchos programas de retoque y edicin gráfica, tales como 2aint 3hop 2ro, 1dobe, GuarT, 0orel etc. 2or tanto, si tenemos alguna duda sobre como enviar un archivo para su impresin o edicin, optaremos por el formato universal 7@@, para que se pueda abrir y editar sin problemas. 1l almacenar  un archivo en formato 7@@, este lo guarda con U= bits de color incluyendo capas y canales alfa. Ho obstante el formato 7@@ se está de)ando de utilizar en algunas cámaras fotográficas profesionales, porque al procesar una foto con tanta informacin, resulta difícil de moverla, visualizarla etc. Este proceso, además, ocupa mucho espacio en la tar)eta de memoria de la cámara, por esto las cámaras incluyen el formato Q2E> y el formato R1P para guardar las fotos en archivos. En cambio, utilizar el formato 7@@ para escanear una imagen es adecuado, porque el archivo se mane)ará directamente en el 20, y puede destinarse también para la impresin precisando para ello de la máxima resolucin posible. S/2 &Sit /ap'.- Este archivo es el formato de las imágenes en bitmap de PindoKs. 1unque muy extendido, tiene la dificultad de la escasa compresin que realiza en los archivos por lo que ocupan rápidamente casi ;/b. Este formato guarda las imágenes descomprimidas, lo que significa mayor velocidad de carga y mayor espacio requerido. 0on respecto a la resolucin, cualquiera es aceptable. (as imágenes pueden ser de ;, U, = y BU bits. (a estructura de los S/2s es sencilla% se trata de un header que contiene varias características de la imágen. Este header está compuesto por informacin acerca del tama!o, el n*mero de colores, y una paleta de colores &si es necesario' de la imagen. 1 continuacin del header se encuentra la informacin que constituye la imágen en sí. iene una curiosa forma de almacenarla% comienza desde la *ltima línea inferior. Es por eso que los programas encargados de exhibir los S/2s en pantalla trazan la imagen de aba)o hacia arriba. Es un formato muy utilizado en la actualidad y la mayoría de las aplicaciones lo utilizan. E23 &Encapsulated 2ostscript'.- Este archivo lo ha desarrollado la compa!ía 1dobe y se pueden guardar en este formato, tanto mapa de bits como imágenes vectoriales. El formato de archivo de lengua)e 2ost3cript encapsulado &E23' puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y dise!o de páginas. El formato E23 se utiliza para transferir imágenes 2ost3cript entre aplicaciones. 1l abrir un archivo E23 que contiene gráficos vectoriales, 2hotoshop rasteriza la imagen, convirtiendo los gráficos vectoriales

/

 

a píxeles. E23 es adecuado para realizar intercambio de archivos entre programas de maquetacin, tales como 2age /aTer o GuarTxpress incluyendo los de dibu)o vectorial &@reehand o 0orel'. 23+ &2hoto 3hop +ocument'.- El 23+ es un formato nativo de photoshop y permite guardar todas las presentaciones, retoques, nuevas creaciones realizadas con este programa. >uarda los archivos con U= bits de color y permite almacenar todas las capas, canales etc. que exista en el archivo de imagen. El formato nativo 23+, no es compatible con otro softKare, por lo que es de uso exclusivo del photoshop. El 23+ conserva todos los parámetros y características editables del programa. An archivo 23+ puede contener, entre otras características, máscaras de recorte, trazados, canales de color y alfa, capas, niveles de transparencia u opacidad4 así mismo soporta distintos modos de color &rgb, index, cmyT, .. ' todas estas opciones pueden ser editadas posteriormente.

2. +! +!rma rmat!& t!& de de Ima/e Ima/e C! C! C!m%r C!m%re&i e&i# # En la imagen y archivos digitales, existen formatos de archivo que desechan informacin innecesaria al almacenarlas. 2ierden algo de calidad, pero con la venta)a de que se obtienen ficheros más peque!os &ocupan menos' y son más mane)ables. 1lgunos de estos formatos% Q2E>, >7@ y 2H> Q2E> &Qoint 2hotographic Experts >roup'.- Es uno de los formatos más conocidos para la compresin de fotografías digitales. Es un formato de compresin con pérdidas, pero que desecha en primer lugar la informacin no visible, por lo que las pérdidas apenas se notan. El algoritmo )pg está basado en el hecho de que el o)o humano percibe peor los cambios de color que las variaciones de luminosidad. )pg divide la informacin de la imagen en dos partes% color y luminosidad y las comprime por separado.  1dmite modos modos en escala de de grises con u una na pro profundidad fundidad de = bits y en color color hasta BU bits. 2ermite la la carga progresiva en un navegador, lo que lo ha convertido en el formato estándar en la Keb. Ho es un formato adecuado para imágenes con alto contraste de color. 1demás, hay que tener en cuenta que la compresin se produce automáticamente cada vez que se guarda el archivo, por lo que es aconse)able guardar en este formato una *nica vez, cuando la imagen esté ya terminada. Es uno de los pocos formatos que se soporta en 7nternet &Peb' >7@&>raphic 7nterchange @ormat'.- Este tipo de archivo se cre con la finalidad de obtener archivos de tama!o muy peque!os. Es un formato que devuelve imágenes de tama!o muy reducido. Esa reduccin se consigue indexando los colores, es decir, asimilándolos a uno de los B" colores de su tabla. 3u profundidad de color máxima, por tanto, es de = bits. El formato gif permite hacer algunas cosas curiosas% puede hacerse transparente uno de los colores indexados en la tabla, lo que permite suprimir fondos. ambién permite enlazar varias imágenes gif en una secuencia, lo que se conoce con el nombre gif animado. El peque!o tama!o de los archivos gif hizo que fuera el formato más extendido en los primeros tiempos de 7nternet. 2ero su principal defecto consiste en que es un formato propietario &0ompu3erve 7nc.', lo que ha provocado la aparicin del formato libre png que, además, comprime me)or que gif.>7@ es muy indicado para guardar imágenes no fotográficas tales como% logotipos, imágenes de colores planos, dibu)os, etc.' 2H> &2ortable HetKorT >raphics'.- @ormato de compresin de imágenes aprobado por el Porld Pide Peb 0onsortium &PM0' como sustituto del formato .gif. (os archivo tipo .gif utilizan un algoritmo de compresin de datos que está patentado, mientras que el formato .png no está patentado y no necesita licencia para su utilizacin. Es el formato de más rápido crecimiento en la Keb, porque re*ne lo me)or de )pg y gif. 3e trata de un formato de compresin sin pérdidas, con una profundidad de color  de BU bits. 3oporta hasta B" niveles de transparencia, lo que permite fundir la imagen perfectamente con el fondo. Entre sus inconvenientes hay que citar que no soporta animaciones y que el tama!o de los archivos png, debido a la capa de transparencia, siempre es mayor que el de los archivos )pg.2H> no soporta animacin como los >7@, pero existe el formato /H> que es su variante animada.

$.( +!rmat +!rmat!& !& a Ele/ir  Ele/ir  Ana misma imagen puede almacenarse en diferentes formatos. (os formatos más extendidos en 7nternet son >7@ y Q2E>. (os formatos más usados por las cámaras fotográficas digitales para almacenar imágenes son Q2E> y 7@@. (a organizacin PM0 recomienda el uso del formato 2H> para cubrir ciertas lagunas que de)an los otros formatos, dicho formato es de reciente aparicin y todavía no es soportado por todos los navegadores.

01

 

00

 

(.  EL AUDIO El audio digital es la representacin de se!ales sonoras mediante un con)unto de datos binarios. El audio digital es la codificacin digital de una se!al eléctrica que representa una onda sonora. 0onsiste en una secuencia de valores enteros y se obtienen de dos procesos% el muestreo y la cuantificacin digital de la se!al eléctrica.

(.1 C!m%re&i# C!m%re&i#  * +!rmat!& +!rmat!& de Audi! Audi! El audio al igual como sucede con la imagen puede ser almacenado y transportado en diferentes tipos de archivos de computador. An formato de archivo de audio es un contenedor multimedia que guarda una grabacin de audio &m*sica, voces, etc.'. (o que hace a un archivo distinto del otro son sus propiedades4 cmo se almacenan los datos, sus capacidades de reproduccin, y cmo puede utilizarse el archivo en un sistema de administracin de archivos &etiquetado'. 3u variedad no están grande como sucede con los archivos de imagen pero todos ellos contienen una serie de parámetros comunes que informan de la frecuencia de muestreo empleada en la grabacin del n*mero de canales de la muestra, de los bits de cuantificacin digital y de otros datos importantes sobre bucles de repeticin o informacin adicional. +ado el tama!o que pueden adquirir los ficheros de audio digital, es lgico que se haya buscado formas de compresin que permitan reducir esta cantidad de informacin. 1l igual que ocurre con la imagen, existen técnicas sin pérdida y técnicas con pérdida.

A. +! +!rma rmat!& t!& de de Audi! Audi! Si Si C!m% C!m%re& re&i# i# (os archivos de sonido sin pérdida de calidad, son aquellos que usando o no métodos de compresin, representan la informacin sin intentar utilizar menor cantidad de la informacin original. 8acen posible una reconstruccin exacta de la informacin original. 1lgunos de estos formatos% P1V, 17@@, @(10, 1A. P1V &Paveform 1udio @ile'.- Pav es el formato de audio digital sin comprimir. @ue el primer formato de audio que existi para 20, lo flexible de este formato lo hace muy usado para el tratamiento del sonido pues puedes ser compreso y grabado en distintas calidades y tama!os. 1unque los archivos Pav pueden tener un excelente sonido comparable a la del 0+ el tama!o necesario para esa calidad es demasiado grande &especialmente para los usuarios de 7nternet' una cancin convertida a Pav puede ocupar fácilmente entre B# y M# /S.  17@@ &1udio 7nterchange 7nterchange @ile @orma @ormat'.t'.- Es uno de lo los s formatos líd líderes eres )unto a P1V P1V, p para ara uso profesional y para aplicaciones de audio ya que está comprimido sin pérdida lo que permite un rápido procesado de la se!al a diferencia del /2M por e)emplo, pero la desventa)a de este tipo de formatos es la cantidad de espacio que ocupa, que es aproximadamente ;#/S para un minuto de audio estéreo con una frecuencia de muestreo de UU.;T8z y ;" bits. El formato 1udio 7nterchange @ile @ormat es muy com*n en los /ac. 3e utiliza ampliamente en las aplicaciones multimedia, pero no es muy com*n en la Peb. @(10 &@ree (ossless 1udio 0odec'.- Es otro formato de compresin sin pérdida, lo que significa que no existe pérdida de informacin desde la fuente de audio, lo que lo convierte en un formato ideal para audio de alta calidad. El formato @(10 se suele usar para la venta de m*sica por internet, y como alternativa al /2M para compartirla cuando se desea reducir el tama!o que tendría un archivo P1V.  1A &1udio for Anix'.- Es otro formato 3e utiliza en ar archivos chivos de son sonido ido con sistema sistema Anix de 3unW 3unW /icrosystems and HeXW , la extensin 1A viene de 1udio, y también funciona como estándar ac*stico para el lengua)e de programacin Q1V1. El formato 1A es el formato nativo de las estaciones de traba)o 3un y similares. Es poco conocido fuera del ambiente AH7X.

2. +! +!rma rmat!& t!& de de Audi! Audi! C! C! C!m% C!m%re&i re&i# # (os archivos de sonido con pérdida son aquellos que usan un algoritmo de compresin con pérdida, es decir un tipo de compresin que representa la informacin &por e)emplo una cancin', pero intentando utilizar para ello una cantidad menor de informacin. Esto hace que sea imposible reconstruir exactamente la informacin original del archivo. 1lgunos de estos formatos% /2M, VG@,  110, /7+7. /2M &/2E>-; (ayer M'.Esarchivo el formato de compresin audio actualmente más mpM surge de la1udio conversin de un de 0+ mediante la de compresin &encoders' delutilizado. mismo El

0(

 

manteniendo una calidad aceptable, aunque con pérdida de algunas frecuencias. +e esta manera se logra un archivo que ocupa menos espacio, lo que tiene dos venta)as, la primera es el ahorro de espacio que esto provoca y la segunda es la rapidez con la que pueden ser transmitidos a través de la Red. (a compresin de la informacin auditiva supone sin embargo, una merma perceptible en cuanto a la calidad de los registros de audio, aunque mantiene una buena calidad. +ebido a ese menor espacio, en un 0+-RN/ se pueden grabar ;# canciones en lugar del n*mero habitual &;B  ;M' en un formato normal &descomprimido'. VG@&Vector Guantization @ormat'.- Este tipo de archivo es aproximadamente M# a MF más peque!o que un /2M siendo la calidad de sonido mucho me)or a*n que los /2M igualando en calidad a los archivos P1V. Este nuevo formato de compresin de audio desarrollado por Camaha, similar al /2M, pero con una me)or compresin y calidad de sonido. (os archivos VG@ son entre M#-MF más peque!os que un archivo /2M, por e)emplo% El archivo P1V de una cancin de U minutos ocupa aproximadamente U#/S, al convertir ese archivo a formato /2M ocupa M.MM /S, mientras que al convertirlo a formato VG@ ocupa solamente B.MM /S, con una calidad cercana a la del P1V. Este nivel de comprensin no afecta de ning*n modo la calidad del sonido, inclusive la calidad del sonido de este formato es mucho me)or que el de /2M, por e)emplo% un archivo VG@ a =# Tbps es tan bueno como un /2M a ;B= Tbps, y un VG@ a S que provienen del inglés, Red &ro)o', >reen &verde' y Slue &azul' haciendo referencia a la característica del o)o humano de percibir tan slo estos tres colores básicos y, el resto de la gama de color, se crea a partir de la combinacin de estos tres. En formato R>S de cada color del pixel se representa como una adicin de tres colores primarios% ro)o, verde y azul. 0ualquier color puede ser reproducido mediante la mezcla de estos tres componentes en proporciones diferentes. R>S es más com*nmente utilizado para representar los colores que se muestran en las pantallas de computacin. (a razn es que R>S es un formato de activo o en otras palabras, se describe colores como una adicin de la luz ro)a, verde y azul emitida por una fuente de luz, tales como una pantalla de computacin. Ana pantalla de cálculo emite luz ro)a, verde y azul para cada pixel para crear el color del píxel. 1unque con este formato obtenemos la máxima calidad, los altos requerimientos de espacio y de ancho de banda para no perder cuadros &frames' en la captura harán que lo desestimemos en la mayor parte de las ocasiones. 0uando nos referimos al formato R>S se suele especificar también la profundidad de color, que se expresa en bits. 1sí, al decir R>SBU indicamos que el vídeo tiene una profundidad de color de BUbits &;".$$$.B;" colores' (os valores posibles son R>SMB, R>SBU, R>S;" y R>S;  1V7 &1udio Video  1V7 Video 7nterleave'.7nterleave'.- Es el formato formato de c compresin ompresin que quiere quiere decir audio audio y vídeo entrelazado, es el formato de PindoKs desarrollado por /icrosoft. (as pistas de audio y vídeo se encuentran grabadas de forma consecutiva en varias capas. 3e ha ido alternando la grabacin entre imagen y sonido, pero de una forma tan rápida que nuestros sentidos, tanto el oído cmo vista lo perciben de forma paralela. 1V7 un formato de archivo que puede guardar datos en su interior codificados de diversas maneras y que utiliza diferentes cdecs que aplican diferentes factores de compresin. 3e trata de un formato de video sin compresin y sin pérdida de calidad, es muy pesado para la Keb, se usa solo para edicin.

2. +! +!rma rmat!& t!& de de 3ide! 3ide! C! C! C!m%re C!m%re&i# &i#  Ana imagen de video no comprimida ocupa ; /S aproximadamente. 2ara obtener un video fluido, se necesita una frecuencia de al menos B  M# imágenes por segundo, lo que genera un flu)o de datos de M# /SJs aproximadamente, es decir, más de ;, >S por minuto. Es obvio que este tipo de flu)o es muy poco compatible con el espacio de almacenamiento de los ordenadores personales o incluso con las conexiones de red domésticas o de compa!ías peque!as o medianas. (os archivos de video con pérdida son aquellos que usan un algoritmo de compresin con pérdida, es decir un tipo de compresin que representa la informacin &por e)emplo una película', pero intentando utilizar para ello una cantidad menor de informacin. 1lgunos de estos formatos% /2E>, @(V, /NV,  13@ /2E> &/oving 2icture Experts >roup'.- Es el método de compresin que utiliza es el de similitud de contenidos, si percibe una parte com*n a todo guarda un e)emplar eliminando el resto. +e esta manera se consigue una reduccin de espacio. Este formato se clasifica en%

0+

 

•

•

•

•

•

/2E>-;, desarrollado en ;-B, un estándar dedicado originalmente a la televisin digital &8+V, televisin de alta definicin', ofrece alta calidad a una velocidad que puede llegar hasta los U# /bps y  canales de sonido envolvente. 1demás, /2E>-B permite la identificacin y la proteccin contra roturas. Es el formato que se usa para videos en +V+. /2E>-U es un estándar dise!ado para permitir la codificacin de datos multimedia en forma de ob)etos digitales para lograr una me)or interactividad, lo que lo hace especialmente adecuado para la Keb y para los dispositivos periféricos mviles. /2E>-$ es un estándar que se emplea para brindar una representacin de datos de audio y video estándar que permita la b*squeda de informacin en dichos flu)os de datos. 2or eso, este estándar también es conocido como 7nterfaz de +escripcin de 0ontenido /ultimedia. /2E>-B;, un estándar que todavía está en desarrollo, tiene como ob)etivo brindar un marco para todos los actores digitales &productores, consumidores, etc.' para estandarizar la gestin de estos contenidos, así como también los derechos de acceso, los derechos de autor, etc.

@(V&@(ash Video'.- Este tipo de archivo desarrollado por /acromedia, era un formato completamente desconocido hasta la ascensin de Couube, pues es el formato utilizado en todos los vídeos de ésta página Keb. El @(V es un formato de vídeo que ofrece al usuario vídeos muy comprimidos, por lo que su tama!o es mucho menor que el de sus competidores. 2or eso, la mayoría de videos en éste formato no son de tanta calidad &al tratarse de vídeos ligeros' como en sus competidores, además que dispone de una mala gestin de archivos, incluso para los buenos reproductores. El formato de archivo @(V &@lash Video http%JJKKK.adobe.com' presenta las siguientes características que lo convierten en un formato ideal para la difusin de vídeo en internet% •

•

•

•

•

•

0alidad visual. El formato @(V utiliza cdecs como 3orenson 3parT, NnB V2", etc que permiten una alta calidad visual con bitrates reducidos.  1decuada  1decuad a relacin calidadJpes calidadJpeso. o. 1l co codificar dificar un vídeo vídeo a un ar archivo chivo Z.@(V Z.@(V se ofrece ofrece la posibilidad posibilidad de configurar distintos parámetros del mismo para conseguir una aceptable calidadJpeso. 3treaming. 1dmite una descarga por streaming. Esto significa que el vídeo comienza a reproducirse en cuanto se llena el buffer inicial y contin*a reproduciéndose mientras se completa su descarga en segundo plano. El vídeo @(V )unto con el /2U, son actualmente las opciones más utilizadas. 7ntegracin Keb. (a consola de reproduccin se puede incluir fácilmente en una página Keb y al estar dise!ado con 1dobe @lash admite un sTin con un alto grado de personalizacin% fondos, colores, botones, logo del centro o empresa, comportamiento, etc. Reproductores locales. 3e puede reproducir desde distintos programas instalados en el ordenador% /2layer, V(0 /edia 2layer, Riva, Xine, etc. Repositorios de vídeos. (os repositorios de vídeo más conocidos en 7nternet utilizan este formato para la difusin de vídeos% Couube, /etacafe, Vimeo, etc.

/NV&/ovie'.- Es el formato de vídeo desarrollado por 1pple. Es el formato com*n para películas en GuicTime, la plataforma nativa para películas en /acintosh, pero puede utilizarse con diferentes reproductores en PindoKs. El /NV sigue una línea parecida al @(V. 1unque el /NV era un formato existente, con la llegada de las primeras i2ods al mercado, hasta ahora, hemos visto como su utilizacin ha ido ascendiendo de forma bastante rápida. El formato /NV, es multiplataforma y en sus versiones más recientes permite interactuar con películas en M+ y realidad virtual. (as funciones del formato /NV de GuicTime son las propias de un fichero contenedor multimedia que contiene una o más pistas, cada una de cuales almacena un determinado tipo de datos, ya sea audio, vídeo, efectos, o texto, por e)emplo, los subtítulos. 0ada pista contiene un flu)o determinado de informacin codificado digitalmente con un determinado cdec o una referencia de los datos almacenado en otro fichero. (as pistas se mantienen seg*n una estructura )erárquica de datos que consiste en ob)etos llamados átomos. An átomo puede ser el padre de otros átomos o puede contener informacin, pero no puede hacer ambas funciones.

0

 

+ado que tanto los contenedores /NV y /2U pueden usar los mismos codecs /2E>-U, en su mayoría son intercambiables en un entorno de slo GuicTime. Esto es especialmente cierto en los dispositivos de hardKare, como la 3ony 232 y varios reproductores de +V+. 2or el lado del softKare, la mayoría de los codecs +irect3hoKJVideo de PindoKs incluyen un analizador de /2U, pero ninguno para el formato /NV.  13@&1dvanced 3ystems @ormat'. 13@&1dvanced @ormat'.- El formato formato avanzado avanzado de transmisin transmisin por secuencias es es el formato de archivo que utiliza PindoKs /edia. El contenido de audio o vídeo comprimido con multitud de cdecs puede almacenarse en un archivo 13@ para reproducirse con el Reproductor de PindoKs /edia &si se han instalado los cdecs necesarios', transmitirse mediante los 3ervicios de PindoKs /edia y, opcionalmente, empaquetarse con más PindoKs /edia Rights /anager4 el formato desarrollado por 1pple. (os tipos de fichero comunes contenidos en un fichero 13@ de sonvídeo los formatos P/1 y P/V. ener en cuenta que las abreviaturas de la extensin del fichero son diferentes de los codecs que tienen el mismo nombre. (os ficheros que contienen slo audio P/1 pueden ser nombrados usando una extensin .Kma y los ficheros de contenido de audio y vídeo pueden tener la extensin .Kmv.  1mbos pueden pueden usar la extensin .asf .asf si lo desea. desea. (os ficheros 13@ también también pueden pueden contener contener ob)etos que representan los metadatos, como el artista, el título, el álbum y el género de una pista de audio, o el director de una pista de vídeo, muy similar a las etiquetas 7+M de los ficheros /2M. 3oporta los tipos de medios escalables y la priorizacin del flu)o y, como tal, es un formato optimizado para el streaming.

).$ +!rmat +!rmat!& !& a Ele/ir  Ele/ir  Ana de las decisiones más importantes que debemos tomar, antes y después de la edicin, es elegir el formato de video que usaremos, y su codificacin &0N+E0'. Esto afectará notablemente al resultado final de nuestro traba)o. El formato, es la manera en que se guardan los datos en el archivo. El 0N+E0, en cambio, es el algoritmo de compresin usado para codificar los datos de la película digital dentro del archivo. (a eleccin de un formato y cdec, dependerá de las utilidades que le queramos dar a la película. 3us diferentes usos pueden ser% •

•

•

 1lmacena)e de archivo%  1lmacena)e archivo% la película resultante s será erá almac almacenada enada en cualquier soporte soporte magnético magnético u ptico, de ordenador, disco duro, 0+ o +V+. 3u reproduccin se podrá realizar exclusivamente en un equipo informático con el softKare de reproduccin y cdec apropiados. 3treaming% el clip será guardado en un ordenador para su difusin en 7nternet o 7ntranet. Este tipo de vídeos, son usados para verlos online. 2ara este tipo de visualizacin es necesario un servidor  con el softKare apropiado de streaming, para poder enviar los datos a los ordenadores conectados. Reproductor de saln% la grabacin será almacenada en cualquier tipo de soporte magnético u ptico, ya sea cinta V83, +V, 0+, +V+, etc. En este caso para grabar la película en formato V83, necesitaremos disponer de una salida de vídeo en nuestro ordenador o cámara digital.

4.  ERRAMIENTAS ERRAMIE NTAS DE CREACION CREACIO N MULTIMEDIA 0uando hablamos de herramientas de edicin y manipulacin de audio y video digital nos estamos refiriendo, sin duda alguna, a todas aquellas aplicaciones en forma de softKare que nos permiten alterar las cadenas de # y ; que forman el audio digital. En la práctica existen muchas aplicaciones de la tecnología del audio digital que nada tienen que ver con composicin J produccin de m*sica. 2or e)emplo tenemos a 1uda0ity, raTtor +Q 3tudio, 1dobe 1udition, entre otros. 1sí mismo son varios los programas que hay para la edicin de video digital, entre los más destacados se encuentran 1vid Xpress, 1dobe 2remiere, 2ínnacle 3tudio, +azzle +V entre los más utilizados. 1vid Xpress es un softKare profesional que ofrece una alta calidad, pero con el inconveniente de tener un precio desorbitado para un usuario no profesional, además de un aprendiza)e comple)o. 1dobe 2remiere es un conocido programa de edicin de video, que ofrece una alta calidad, es más accesible para usuarios no profesionales, y es uno de los más conocidos y utilizados. 2innacle 3tudio y +azzle son paquetes de edicin y captura muy accesibles, pero quizá con el inconveniente de ser muy básicos, pudiéndose echar en falta opciones, filtros o transiciones más avanzadas.

0-

 

SESIÓN 0(: MULTIMEDIA EN LA 5E2. TECNOLO6AS DE DI+USIÓN DE ELEMENTOS MULTIMEDI MULTIMEDIA A POR INTERNET. E-EMPLOS. 1.  Multimedia e Iteret El desarrollo del PPP en 7nternet y el de las plataformas multimedia han seguido caminos similares en cuanto a sus contenidos% (os dos medios han sido explotados con efectividad para la promocin de contenidos comerciales, educativos y de entretenimiento. +entro de estas tecnologías crecientes se encuentra la transmisin de vídeo y audio por 7nternet, la cual hace algunos a!os estaba frenada por los altos requerimientos de softKare y hardKare, pero que hoy en día está al alcance gracias a la masificacin del vídeo digital, al aumento de velocidad alcanzado por los enlaces a 7nternet y a la estandarizacin de redes locales y formatos digitales.

$.  Di7u&i# de Audi! %!r Iteret (a mayoría de los archivos de vídeo que se distribuyen por internet a través de 82 y @2 son reproducibles localmente por la mayoría de los reproductores de multimedia, como el GuicTime y el /edia 2layer, por lo cual slo se necesita de estos programas y tal vez actualizar los 0N+E0s de vez en cuando, pero en cuanto a la transmisin en vivo el esquema es totalmente diferente. 2ara sintonizar una estacin de televisin o radio por 7nternet se necesita usar un softKare de recepcin &cliente' compatible con el softKare de emisin &servidor'. 2or este motivo son pocas las aplicaciones existentes que permiten la difusin de video, y que generalmente no son compatibles entre ellas, las más comunes de estas aplicaciones son% Real 2layer, /edia 2layer, GuicTime, 3tream PorTs y VicJRat. 2or este motivo, hay una gran cantidad de protocolos y 0N+E0s en el mercado, estos además se subdividen en protocolos de codificacin, transmisin, recepcin, y sincronizacin. (os protocolos de sincronizacin e iniciacin &hand-shaTe' adquieren vital importancia ya que de estos dependerán finalmente calidad de la transmisin. (a siguiente imagen muestra un esquema de transmisinlade video y enconfiabilidad vivo por la red.

0

 

(.  Streami/ de Audi! * 3ide! (a tecnología de streaming se utiliza para aligerar la descarga y e)ecucin de audio y vídeo en la Keb, ya que permite escuchar y visualizar los archivos mientras se están descargando. 1nteriormente la reproduccin del contenido multimedia por internet necesariamente implicaba tener que descargar completamente el archivo contenedor al disco duro local. 0omo los archivos de audio [y especialmente los de video[ tienden a ser enormes, su descarga y acceso como paquetes completos se volvía una operacin muy lenta. 1hora, con la tecnología del streaming un archivo puede ser descargado y escuchado al mismo tiempo, con lo que la espera es mínima para la persona que va a ver el recurso multimedia. El streaming es la distribucin de multimedia a través de una red de computadoras de manera que el usuario el producto al mismo tiempo que seEste descarga. palabra streaming se refiereun a que se trata consume de una corriente continua &sin interrupcin'. tipo de (a tecnología funciona mediante b*fer de datos que va almacenando lo que se va descargando para luego mostrarse al usuario que lo usa. Esto se contrapone al mecanismo de descarga de archivos, que requiere que el usuario descargue los archivos por completo para poder acceder a los archivos. El streaming funciona de la siguiente manera. 2rimero nuestro ordenador &el cliente' conecta con el servidor y éste le empieza a mandar el fichero. El cliente comienza a recibir el fichero y construye un buffer donde empieza a guardar la informacin. 0uando se ha llenado el buffer con una peque!a parte del archivo, el cliente lo empieza a mostrar y a la vez contin*a con la descarga. El sistema está sincronizado para que el archivo se pueda ver mientras que el archivo se descarga, de modo que cuando el archivo acaba de descargarse el fichero también ha acabado de visualizarse. 3i en alg*n momento la conexin sufre descensos de velocidad se utiliza la informacin que hay en el buffer, de modo que se puede aguantar un poco ese descenso. 3i la comunicacin se corta demasiado tiempo, el buffer se vacía y la e)ecucin el archivo se cortaría también hasta que se restaurase la se!al. (a siguiente imagen recoge todo lo anteriormente expuesto

(a mayoría de los archivos de vídeo que se distribuyen por internet a través de 82 y @2 son reproducibles localmente por la mayoría de los reproductores de multimedia, como el GuicTime y el /edia 2layer 

0/

 

SESIÓN 0): TECNOLO6A 5E2. ELEMENTOS Y +ORMATOS DE APLICACIÓN 5E2. E-EMPLOS DE E8POSICIÓN. 1.  Te"!l!/9a 5e 3e conoce como tecnología Peb a todos los lengua)es y estándares que posibilitan la visualizacin de contenidos de internet &páginas Keb' a través de un navegador Keb. +entro de esta tecnología los más populares son las páginas Peb. (as páginas Peb también constituyen un paradigma del modelo asincrnico por que los contenidos son colocados en los servidores Peb en formato 8/(, X/( o en cualquier formato que los navegadores interpreten, y cada cliente accede a los contenidos en el momento en que lo desee.

$.  +u"i!amiet! de la 5e (a Peb funciona siguiendo el denominado modelo cliente-servidor, habitual en las aplicaciones que funcionan en una red. Existe un servidor, que es quien presta el servicio, y un cliente, que es quien lo recibe.

Cliete e El cliente Keb es un programa con el que el usuario interacciona para solicitar a un servidor Keb el envío de páginas de informacin. Estas páginas se transfieren mediante el protocolo 82 &8yperext ransfer  2rotocol - 2rotocolo de ransferencia de 8ipertexto'. (as páginas que se reciben son en documentos de texto codificados lengua)e 8/(. El cliente Keb debe interpretar estos documentos para mostrárselos al usuario en el formato adecuado.  1demás, cuando cuando lo que se recibe no es un documento de texto, sino un ob)eto multimedia &vídeo, sonido, etc.' no reconocido por el cliente Keb, éste debe activar una aplicacin externa capaz de gestionarlo. Entre los clientes Keb &también conocidos como visualizadores o navegadores' más usuales están el Hetscape Havigator y el /icrosoft 7nternet Explorer.

Ser'id!r e El servidor Keb es un programa que está permanentemente escuchando las peticiones de conexin de los clientes mediante el protocolo 82. El servidor funciona de la siguiente manera% si encuentra en su sistema de ficheros el documento 8/( solicitado por el cliente, lo envía y cierra la conexin4 en caso contrario, envía un cdigo de error que cierra la conexin. El servidor Keb también se ocupa de controlar los aspectos de seguridad, comprobando si el usuario tiene acceso a los documentos. (a figura de la derecha es un mensa)e mostrado por el servidor Keb cuando no se encuentra la página solicitada%

(1

 

El proceso completo, desde que el usuario solicita una página hasta que el cliente Keb se la muestra con el formato adecuado, es el siguiente% a. b. c. d.

El usuario especifica en en el clien cliente te Keb la direccin &AR(' de la página página q desea desea consultar. consultar. El cliente cliente establec establece e la conex conexin in c con on el el ser servido vidorr Keb. Keb. El clien cliente te solic solicita ita lla a pági página na d dese esead ada. a. El servidor busca la página que ha sido solicitada solicitada en su sistema de ficheros, ficheros, 3i la encuentra, encuentra, la envía al cliente4 en caso contrario, devuelve un cdigo\ de error. e. El cliente cliente inter interpre preta ta los cd cdigos igos 8 8/( /( y mue muestra stra la pá págin gina a al usuario. usuario.

f. 3e cier cierra ra la cone conexi xin n.. El esquema general de la transferencia de páginas Keb es pues el que se muestra en la @igura siguiente.

(0

 

Internet

Cliente 3e 4Chrome, 5pera, Internet E6plorer, 7irefo6, etc8

2ervidor 3e

((

 

(a conexin siempre se libera al terminar la transmisin de la página. Volviendo sobre el modelo de las aplicaciones cliente-servidor, se puede decir que se sigue el denominado modelo de transacciones% el cliente realiza una peticin, el servidor la atiende e inmediatamente se cierra la comunicacin. (as transacciones son, pues, independientes, y no se mantiene una memoria entre las sucesivas peticiones. Esto es un grave inconveniente para muchas aplicaciones en las cuales esta memoria es fundamental, como por e)emplo las operaciones de compra a través de la Peb. Ho obstante, existen mecanismos para resolver el problema, como el uso de cooTies o de bases de datos, y que se comentarán más adelante. Ntro aspecto hecho de se establece una contiene, conexin por impediente cada documento u importante ob)eto que es se el transmite. Esque decir, si una página e)emplo,para cuatro imágenes, entonces se establecen cinco conexiones independientes% una para la página propiamente dicha y otras cuatro para las imágenes. odo lo visto hasta ahora se refiere al envío de informacin desde el servidor hasta el cliente, que es el modo de traba)o más habitual. En cuanto a ]a transferencia en sentido contrario, es decir, del cliente al servidor, ésta es menos frecuente, pero también es posible. En resumen% 0lientes Peb% Atilizan el protocolo 82 para conectar con los servidores. 3olicitan y muestran las páginas Keb almacenadas en los servidores. 0lientes típicos% navegadores Keb &Explorer, @irefox'. •

•

•

3ervidores Peb% Escuchan conexiones entrantes desde clientes. Atilizan el protocolo 82 para conversar con los clientes. • •

• •

 1lmacenan y transmiten páginas páginas Keb a los clientes.  1ctualmente interact*an interact*an con el usuario usuario y gene generan ran dinámicamente dinámicamente páginas páginas Keb

(.  TML ;*%erTe !?a& !?a& de E&til! e Ca&"ada@ 033 es un lengua)e de formateo aplicado principalmente al lengua)e 8/(. (a especificacin /ediante 033 es posible definir una serie de estilos o especificaciones de estilo, referidos a cualquier  tipo de elemento de la página Peb, de forma que el navegador aplicará el estilo adecuado a cada elemento de la página. +e este modo, si se organiza el cdigo para utilizar una *nica 98o)a de Estilos: &documento con extensin .033' de la que dependan el resto de las páginas, cambiando *nicamente dicha ho)a de estilos, el resto de páginas se verán afectadas de forma automática por los cambios. 3e decir, tanto, que las 033 son una especificacin para diferenciar que sonpuede los datos depor un documento deho)as su presentacin final. (as ho)as decreada estilo pueden aplicarselode tres formas distintas% individual, global o por importacin.

A%li"a"i# idi'idual 0onsiste en aplicar un estilo directamente a un elemento 8/(. En este caso no se diferencia mucho del 8/( tradicional, ya que el estilo se aplica directamente sobre la etiqueta 8/( y no aprovecha la facilidad antes comentada de definir estilos globales para un documento o con)unto de documentos. Nbsérvese que cada uno de los valores se separan por punto y coma &4'. 5html65head65title6033% 5html65head65title60 33% 1plicaci 1plicacin n 7H+7V7+A1(5Jtitle6 5Jhead6 5body6 5p style^font-fa style^font-family%1rial, mily%1rial, 8elvetica, sans-seri sans-serif4 f4 font-size%; font-size%;=px4 =px4 font-style%ita f ont-style%italic4 lic4 color%_""##@@6 color%_""##@@6 Este es el modelo de aplicacin individual 5Jp6 5Jbody6 5Jhtml6

(*

 

A%li"a"i# /l!al En este caso se debe utilizar la etiqueta 3C(E dentro del ámbito de la cabecera del documento &entre 58E1+6 y 5J8E1+6'. +entro de ésta se definen los distintos estilos para los distintos elementos de la página. 5html65head65title6033% 1plicacin >(NS1(5Jtitle6 5style type^textJcss6 5`-p font-family% 1rial, 8elvetica, sans-serif4 sans-serif4 font-size% font-style%;=px4 italic4 color% _""##@@4  --6 5Jstyle65Jhead6 5body6 5p6 Este es el modelo de aplicacin global 5Jp6 5Jbody6 5Jhtml6 En este e)emplo a N+13 las etiquetas 526 que el navegador encuentre en el documento se le aplicará dicho estilo.

A%li"a"i# %!r im%!rta"i# El uso de un fichero de ho)as de estilo dentro de una página 8/( se realiza mediante la etiqueta 5(7HY6. Esta etiqueta debe estar en el ámbito de la etiqueta 58E1+6 para ser procesada correctamente y debe contener el nombre del archivo. (a especificacin de esta etiqueta es la siguiente% 5html65head65title60 5html65he ad65title6033% 33% Estilos por 7mportacin5Jtitle6 7mportacin5Jtitle6 5linT rel^stylesheet rel^stylesheet type^textJcss href^mie href^miestilo.css6 stilo.css6 5Jhead6 5body6 5p class^clase;62árrafo class^clase;62árrafo de estilo clase;5Jp6 5p class^claseB62árrafo class^claseB62árrafo de estilo claseB5Jp6 5p class^italicna class^italicnavy62árrafo vy62árrafo estilo italicnavy5Jp6 italicnavy5Jp6 5h; class^italicnavy6Encabezado class^italicnavy6Encabezado ; estilo italicnavy5Jh;6 5Jbody6 5Jhtml6

mie&til!."&& p.clase;  font-family% 0omic 3ans /34 font-size% medium4 color% Havy4 border-Kidth%U4 border-color%@uchsia4  p.claseB  font-family% 1rial4 font-size% x-large4 color% Red4 border-Kidth%B4 border-color%@uchsia4  .italicnavy  color%Havy4 font-style%italic4 

(+

 

E&til!& %!r "la&e& 2ara poder diferenciar las distintas etiquetas idénticas de una página y poder aplicar distintos estilos a cada una de ellas, están a nuestra disposicin las llamadas 90lases:, que permiten tener distintas versiones de reglas de presentacin para una misma etiqueta 8/(. Ana clase se define con el carácter punto &.' precediendo al nombre de la clase. 3i antes del punto va un nombre de etiqueta, la clase se referirá *nicamente a los elementos de esa clase en esa etiqueta. 3i no se especifica nombre de etiqueta, el formato 033 se aplicará a todos los elementos 8/( que tengan ese atributo de clase, independientemente de la etiqueta que tengan. 5html65head65title6033% 3tiles poor close5Jtitle6 5style type^textJcss6 p.clase;  font-family% 0omic 3ans /34 font-size% medium4 color% Havy4 border-Kidth%U4 border-color%@uchsia4  p.claseB  font-family% 1rial4 font-size% x-large4 color% Red4 border-Kidth%B4 border-color%@uchsia4  .italicnavy  color%Havy4 font-style%italic4  5Jestile6 5Jhead6 5body6 5p class^clase;62árrafo class^clase;62árrafo de estilo clase;5Jp6 5p class^claseB62árrafo class^claseB62árrafo de estilo claseB5Jp6 5p class^italicna class^italicnavy62árrafo vy62árrafo estilo italicnavy5Jp6 italicnavy5Jp6 5h; class^italicnavy6Encabezado class^italicnavy6Encabezado ; estilo italicnavy5Jh;6 5Jbody6 5Jhtml6

E&til!& %!r ideti7i"ad!r  (a definicin de estilos puede hacerse alternativamente a las clases, por identificadores o 7+. An 7+ es un identificador *nico de etiqueta en todo el documento 8/(. 5html65head65title6033% 5html65head65title60 33% 3tiles por clase5Jtitle6 5style type^textJcss6 5`-.italicnavy  color%Havy4 font-style%italic4  _identificador;  text-decoration%line-through4  --6 5Jstyle65Jhead6 5body6 5p class^italicnavy6exto en Havy5Jp6 5hM id^identificador;6exto tachado5JhM6 5Jbody6 5Jhtml6

(

 

4.  -a'aS"ri%t Qava3cript es un lengua)e de 3cript que se incluye directamente en las páginas Peb y que el navegador interpreta )unto con los demás cdigos 8/(. (os navegadores que son compatibles con Qava3cript tienen el intérprete incorporado. 1l escribir las páginas 8/( se puede incluir una serie de instrucciones Qava3cript. Qava3cript. El navegad navegador or lee estas instrucciones y las 9interpreta:, es decir, las e)ecuta. El cdigo que se escriba en Qava3cript debe ir comprendido entre las etiquetas% 530R72 (1H>A1>E^:Q1V130R72:6 y 5J30R726 Veamos esto con un e)emplo que activa un mensa)e cuando damos clicT en el botn derecho del mouse. 58/(658E1+657(E6Q1V130R72 - demostracin práctica5J7(E6 530R726 function right&e'  if &navigator.appHame ^^ Hetscape  &e.Khich ^^ M  e.Khich ^^ B'' return false4 else if &navigator.appHame ^^ /icrosoft 7nternet Explorer  &event.button ^^ B  event.button ^^ M''  alert&(o sentimos, el botn derecho del ratn está inhabilitado'4 return false4  return true4  document.onmousedoKn^right4 if &document.layers' KindoK.captureEvents&Event./NA3E+NPH'4 KindoK.onmousedoKn^right4 5J30R7265J8E1+6 5SN+C vlinT^blue6 5center6526aller /ultimedia - Soton +erecho +esactivado con Q3cript 5J265Jcenter6 5JSN+C6 5J8/(6

B.  5(C ;5!rld ;5!rld 5ide 5e C!&!rtium  C!&!r"i! C!&!r"i! de la la 5e@ 5e@ Nrganismo que vela por el desarrollo de PPP y lo dirige im Serners-(ee. 7nventor de la Peb. @und PM0 en ;