martes, 4 de mayo de 2010

Reino Animal Practica #

Objetivo: Aplicar los conocimientos del alumno utilizando tablas, insertar imagen, sonido, hipervinculos, imagen de fondo, Desarrollando una pagina con una lista de animales con sus caracteristicas.

Desarrollo:

El primer paso es crear la tabla, Primero que nada tenemos que ponerle un titulo y datos del creador, para hacer la tabla utilizaremos tres columnas, que seran para el nombre, clasificacion, imagen, sonido, caracteristicas.
Quedando de la siguiente manera:

(Da clic en las imagenes para verlas en tamaño real).



El siguiente paso es crear por separado una pagina con las caracteristicas de cada animal, insertando su imagen.



Ya que tenemos cada una de las paginas por separado, entonces creamos los links en la pagina principal para que al dar clic en el titulo del animal automaticamente nos mande a sus caracteristicas.

Por otra parte queremos que cada animal vaya acompañado de el sonido que lo caracteriza, para esto en el codigo de la pagina por separado de sus caracteristicas, se introduce el codigo para sonido, y colocamos el sonido que queramos.
Ya en la pagina principal al darle clic en sonido del animal, se abrira una ventana de descarga que nos permite abrir en el momento el sonido o guardarlo. Esto se vera asi:



Tambien queremos que en nuestra pagina se pueda descargar la informacion de cada animal, asi que en el codigo de la pagina de las caracteristicas se inserta el codigo para descargar archivos, donde especificamos la ruta del archivo a descargar, el documento debe estar guardado con la extencion .doc para que el archivo se guarde como documento de word, ya terminado en nuestra pagina pricipal al dar clic en descarga de informacion, se abre nuestra ventana de descarga:



Aqui esta descargando nuestro archivo:



Pues esas serian todas las funciones de nuestra pagina web, el codigo utilizado lo colocare a continuacion:









1 comentarios:

Anonymous Anónimo ha dicho...

no vi la ráctica funcionando

25 de mayo de 2010 a las 11:43  

Publicar un comentario

Suscribirse a Enviar comentarios [Atom]

<< Inicio