OBJETIVO:
Conocer la forma en la cual se diseñana las tablas y se modifica el formato de las misma atravez de HTML en el diseño de pagina web
DESARROLLO :
DESARROLLO :
En el salon de clase el profesor nos dio la indicacion de elaborar otra practica esta vez era con tablas, animaciòn, y sonido.
Para esto nos dejo elaborar una tabla con diversas caracteristicas las cuales son las siguientes:
1- Desarrollar una pagina web con HTML en base a los codigos de tablas.
2-El tema a desarrollar en la tabla era sobre el reino animal el cual en la clase escojimos los los siguientes animales:
perro,gato,ballena,aguila,léon,hipopotamo,jirafa,zebra,vibora,ñu,nutrea,delfin,oso panda,conejo,halcon,chivo,huron,quetzal y canguro
3-De estos Animales teniamos que investigar algunas de sus caracteristicas a de mas su imagen y su sonido.
En cuestion del sonido y de la informacion el profesor indico que estos deberiamos ver la forma de hacerlas mas dinamicas
Con la cuestion del sonido teniamos que implementar una manera de cuando el cursor dara un clic en el sonido este se oyera y en la cuestiòn de la informaciòn en cuanto el cursordara clic desplegar una leyenda donde indica cuando queremos descargar o guardar un archivo y que este a su ves se desplegara la informaciòn de cada animal
Para la elaboracion de esta practica la cual elabore con mi compañera Eva Rios Dionisio nos basamos en los codigos que ya habiamos visto en clases anteriores empezamos la investigacion de la informaciòn de estos y de las fotos y sus sonidos.
Para la elaboracion de esta lo empezamos por medio del blog de notas
y haci fue como empezamos
empezamos a elaborar nuestras tablas para comensar nuestras primeras filas y colomnas tubimos que hacer lo siguiente
este codigo nos ayuda para saber el borde que deseamos en la tabla y sobretodo los encabezados que va a tener nuestra tabla de las descipciones de cada uno de los animales como ya lo eh mos visto despues de ya dejar en claro la primera columna , empezaremos con el primer animal que en este caso fue con el gato el cual para su codigo hicimos lo siguiente
como ya sabemos nuestro codigo lo utilizamos para definir la fila que haremos y en este caso indica la celda de una fila esto con el fin de alinear las caracteristicas del animal para que coincida con la otra fila que ya habiamos elaborado con anterioridad definiendo asi su clasificaciòn , el nombre del animal , la foto , el sonido y la informaciòn
En cuestion a poner la clasificaciòn y el nombre del animal fue facil ya que solo teniamos que escribir pero por otra parte en la imagen tubimos que hacer con anterioridad guardar todos los recurso que utulizariamos en una carpeta en este caso fue dentro de una memoria usb a esto le agregamos un codigo para que se localze la imagen que se desea utilizar
el cual fue poner el codigo con el nombre de la imagen ademas de la ruta como pudiera aprecer sigamos con la siguiente, en la parte de la tabla donde esta lo dinmico en lo que es el sonido y la informacion empezamos a desplegar un codigo que ya nos habia enseñado el profesor en una clase anterior que es este
el cual fue poner el codigo con el nombre de la imagen ademas de la ruta como pudiera aprecer sigamos con la siguiente, en la parte de la tabla donde esta lo dinmico en lo que es el sonido y la informacion empezamos a desplegar un codigo que ya nos habia enseñado el profesor en una clase anterior que es este
una caracteristica de esto es que el sonido lo descargamos haciendo que este se desplegara y podamos oir el sonido caracteristico del animal, ademas de que debemos de caracterizar que la ruta y el nombre del sonido deben de estar correctos sobretodo el tipo de formato del archivo y nuestro resultado fue este cuando lo corrimos
en el momento reprodujo el sonido del animal consiguiendo haci una manera de bajar un sonido, seguimos con la otra tabla que nos desplegara la informacion que nos refiere al animal del que estamos hablando eh investigamos con anterioridad, el codigo que ya habiamos utilizado con el sonido ahora lo utlizaremos con la informaciòn que deseamos utilizar pero lo mas importante como lo habiamos mencionado con el sonido debemos poner la ruta de donde se encuentra el sonido y otra cosa imporatante como es el nombre y sobretodo el tipo de archivo que es como el DOCX O DOC dependiendo del caso en el que se este trabajando este es lo que hicimos en el còdigo
en el momento reprodujo el sonido del animal consiguiendo haci una manera de bajar un sonido, seguimos con la otra tabla que nos desplegara la informacion que nos refiere al animal del que estamos hablando eh investigamos con anterioridad, el codigo que ya habiamos utilizado con el sonido ahora lo utlizaremos con la informaciòn que deseamos utilizar pero lo mas importante como lo habiamos mencionado con el sonido debemos poner la ruta de donde se encuentra el sonido y otra cosa imporatante como es el nombre y sobretodo el tipo de archivo que es como el DOCX O DOC dependiendo del caso en el que se este trabajando este es lo que hicimos en el còdigo
Conclusiones:
En esta ocaciòn no nos habia quedado muy claro lo que debiamos de hacer ya que en esta pràctica nos pidio que tuviera imagen, tablas y sonidos la dos ùltimas se nos hicieron dificiles pero a final de cuentas pudimos terminarla solo que tanto a ella como ami si nos hizo algo fificil esta vez espero y la sig prèctica para poder hacerla correctamente.
En esta ocaciòn no nos habia quedado muy claro lo que debiamos de hacer ya que en esta pràctica nos pidio que tuviera imagen, tablas y sonidos la dos ùltimas se nos hicieron dificiles pero a final de cuentas pudimos terminarla solo que tanto a ella como ami si nos hizo algo fificil esta vez espero y la sig prèctica para poder hacerla correctamente.
No hay comentarios:
Publicar un comentario