Lección 5: Incluir imágenes, resaltes y sonidos

Aprende a incluir imágenes, resaltes y sonidos

Cómo incluir imágenes y resaltes:

Punto 22.- Para incluir una imagen (que es un archivo) en una página se usan los siguientes comandos de apertura y cierre:

< IMG SRC="nombre.ext" >

siendo las extensiones posibles del archivo de imagen: .GIF o .JPG

Nota: En el ejemplo se supone que el archivo de la imagen está en el mismo directorio o carpeta que el archivo de la página y siempre habrá que tener en cuenta que para que en una página se vea una imagen tendrá que estar también el correspondiente archivo del gráfico o imagen presente en el mismo directorio o carpeta del disco duro que el fichero .HTM .

La imagen se ha centrado en esta ocasión con los comando externos de centrado de información:

< CENTER > < IMG SRC="payaso.gif" > < /CENTER >

Pero tambien se puede situar la imagen con un comando interno a la orden IMG SRC que es la de alineamiento ALIGN. Pongamos un ejemplo de situar el archivo de imagen en la zona derecha:

< IMG SRC="payaso.jpg" ALIGN=RIGHT > 

Nota 1: Recordad que si se desea enviar archivos de imágenes para situarlos en un servidor de Internet habrá que hacerlo como ficheros binarios.

Nota 2: Para poner una imagen en la zona izquierda se usaría la orden:

< IMG SRC="payaso.jpg" ALIGN=LEFT >

Punto 23.- Los archivos gráficos de formato .GIF pueden tener hasta 256 colores (opción más común en navegación por Internet y de muchas tarjetas gráficas de antiguos ordenadores). Este formato permite hacer imágenes con fondos transparentes y permite generar pequeñas animaciones, pero no permite una comprensión significativa del tamaño del archivo.

Punto 24.- Los archivos gráficos de formato .JPG pueden tener hasta 16 millones de colores. El usuario puede aplicar un nivel de compresión del tamaño del archivo, pero a mayor compresión mayor perdida de calidad. Este formato no permite hacer imágenes con fondos transparentes ni pequeñas animaciones en el propio archivo, a cambio son los más indicados en caso de tener que mostrar una imagen con un color más real.

Punto 25.- Para poner una barra horizontal de separación, activar sólo una vez el comando < HR > 

Punto 26.- Para poner un texto parpadeando o intermitente (esta opción sólo funciona con Netscape®) se activa con el comando < BLINK > y se desactiva con < /BLINK >

HOLA si usas IExplorer® no parpadeará

Punto 27.- Para incluir un texto en movimiento (conocido como "marquesina") como los que aparecen en todas estas páginas (esta opción sólo funciona con IExplorer®) se pone el texto deseado anteponiendo y postponiendo los comandos:

< MARQUEE > Aprende a incluir textos en movimiento sólo para IExplorer® < /MARQUEE >

Aprende a incluir textos en movimiento sólo para IExplorer® 

Punto 28.- Si se quiere incluir un contador a fin de ir comprobando qué número de visitas tienen nuestras páginas Web, hay que contactar con un servidor que tenga servicio de contadores para poder contratarlo. Habrá que dar un nombre de contador, una clave y la dirección de Internet de nuestra página que identifique el contador y que permita recibir la información del número de visitas que tiene una página concreta que nos interese.

Generalizando se puede decir que más o menos la orden que habrá que incluir en nuestra página es una similar a esta:

< IMG SRC = "http://www.servidor.com/contador/contador.cgi?df=Usuario">

Nota: Puedes conseguir tu contador gratuito en estas direcciones:

Punto 29.- Para incluir sonido o una pequeña canción en una página hay que incluir la siguiente orden:

< EMBED SRC = "melodia.mid" > si queremos que al acceder a la página aparezca la ventana de reproducción de sonidos y se reproducirá la melodia de forma automática. (si hubiesemos puesto, por ejemplo "cancion.wav" se hubiese reproducido un archivo en formato .WAV)

< BGSOUND SRC = "melodia.mid" > si queremos que al acceder a la página se ponga el sonido en reproducción de forma automática, pero sin aparecer ninguna ventana. El navegador Internet Explorer permite esta orden, Netscape en cambio no la interpreta.

Nota: No se debe olvidar que el archivo de sonido debe ir siempre junto al archivo de la página HTML, al igual que los archivos de imágenes que se incluya en una página. En el ejemplo se supone que el archivo de sonido está en el mismo directorio o carpeta que el archivo de la página.

Los posibles formatos de archivos de sonido son variopintos, pero muchos de ellos necesitan pequeños programas que unidos al programa navegador nos permitan escuchar dicho archivo de sonido especial. Si deseamos que todo el mundo escuche el sonido existen dos formatos que lo permiten (siempre claro que el ordenador disponga de tarjeta de sonido y unos pequeños altavoces): .MID y .WAV

El formato .MID o Midi es para sonido de melodías, tiene la ventaja de ocupar muy poco espacio de archivo. El formato .WAV permite un sonido de mayor fidelidad incluyendo voces y música (una canción), pero en cambio ocupa mucho espacio de archivo.

Punto 30.- El sonido se puede reproducir de dos formas: De forma automática cuando el usuario acceda a la página; o sólo cuando el usuario pulse sobre un "enlace" que se ponga a propósito. También podemos hacer que el sonido se reproduzca una sola vez o varias. Veamos algunos ejemplos de ordenes:

< EMBED SRC = "melodia.mid" autostart=false > Aparecerá una ventana de reproductor de sonidos y no se reproducirá el sonido al acceder a la página, hasta que el usuario pulse el icono de poner en marcha">".

< BGSOUND SRC = "cancion.wav" LOOP="2" > Con esta orden es como se ha conseguido reproducir dos veces al comienzo de tu acceso la canción (o la melodia si hubiesemos puesto "melodia.mid"). El navegador Internet Explorer permite esta orden, Netscape en cambio no la interpreta.

Para hacerlo para Netscape se pondría:
< EMBED SRC = "cancion.wav" autostart=true > así conseguimos que al acceder a la página se active de forma automática la canción. Siempre claro está que tengamos bien configurado el Navegador de Netscape en "Preferencias" y hayamos ligado los archivos Midi y Wav con el correspondiente programa que nos permitirán escucharlos.

Abajo se muestra el icono para que el usuario reproduzca el ejemplos antes mostrado, sólo cuando desee oir el sonido de la melodia en formato .MID

Pulsa para oir la Melodia

Ricardo Fdez. Viana © 1997 al 2001