Formularios:

Objetivo: conocer los formularios, sus etiquetas y atributos en el diseño de pàginas Web. en HTML.

Procedimiento:

En primera en esta clase por causas "X" nos dejo una tarea de investigaciòn misma que no cumplì; por tanto en esta clase no entre entonces solo pondre lo que fue la pràctica realizada en el laboratorio

Y de Esta manera queda cuando ya esta tèrminada y montada en el Web

Conclusiones:
Una vez màs quedo esta pràctica solo que hay un pequeño detalle esta vez lo tube que hacer por mis propios medio ya que como lo mencione antes por mi irresponsabilidad no pude pràcticamente explicar como hice esta pràctica le debo mucho a mi Compañero Jose Eduardo Francès Ortuño, ya que el fue que me pudo auxiliar en esto.

Tablas ""REINO ANIMAL""

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 :

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

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

Una vez màs por una u otra cosa se nos complico terminar co0rrectamente esta pràctica Pero aqui esta en una primera instancia no habiamos podido acabarla correctamente pero ahora la pudimos tèrminar.

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.

Tablas "HORARIO DE CLASES" Grupo: 614

OBJETIVO:

Conocer la forma en las cuales se diseñan las tablas y se modifican el formato de las mismas atravez de HTML en el diseño de paginas web

DESARROLLO:

En esta clase que nos impartiò el profesor nos dio la forma de como elaborar una tabla en el codigo de HTML el cual nos dio conceptos y codigos los cuales nos ayudarian a facilitarnos la tarea de elaboraciòn de una tabla despues de darnos codigos como son los atributos de para la formacion de una tabla asi como son:
<> Y PARA DEFINIR FILAS Y COLUMNAS PARA USO DE ESTE.

Acontinuaciòn el profesor nos asigno un trabajo el cual deberiamos elaborar con base a nuestro horario de clases y presentarlo en forma de tabla esto con el fin para comprender mejor el tema y su desarrollo de este, el trabajo lo podiamos elaborar en parejas o en equipo el cual hise equipo con mi compañero ANDES FRENANDO AQUIAGUATL ORTEGA; nos pusimos a trabajar en la tabla pero antes de empesar el profesor asigno las caracteristicas que tenia que tener enlaces respecto a las columnas las cuales estamos trabajando ademas de que estas deberian tener lo siguiente:
1.-al momento de que el cursor dara un clic este nos enviaria a otra pagina la cual deberia nos proporcionar lo siguiente:

2.-informacion del profesor tanto personal y profesional

3.-foto del mismo

4.-Temario de su materia

Al adquirir estos datos para hacer la tabla mas dinamica asu ves nos pusimos en marcha y empezamos a elaborar las tablas de los que seria nuestro horario de clases en blog de notas el cual para ver el resultado lo guardamos como pagina web en este caso seria .HTML Aqui muestro los còdigos que empleamos:

Y AQUI LA FORMA DE COMO QUEDA YA CORRIENDO EN INTERNET

Bueno habiendo terminado la tabla del horario empezamos recabando informaciòn de cada uno de los maestros los cueles como ya habiamos mencionado anteriormente teniamos que buscar, para hacerles una pequeñla entrevista para sacar los datos que nos pidio el profesor la cual era Informaciòn personal y profesional de los mismos, aparte de esto buscar el temario de la materia impartida por el mismo para ello teniamos que elaborar una pagina web para cada uno de ellos esta es la estructura de la pagina de los maestros

una vez terminado con todos los maestro los corrimos las paginas para ver el resultado eso si una cosa imporatante EL ENLACE QUE HISDIMOS FUE EN EL MOMENTO EN QUE ESTABAMOS ELABORANDO LA PAGINA DE ESTOS Y DE IGUAL FORMA FUE PARA LA TABLA DEL HORARIO , este codigo que nos proporciono el profesor de como elaborar un enlace que debe de tener las siguientes carateristicas ademas de que nos ayudo para la facilitacion ala hora de unir las tablas con la informacion de los maestros

algo que queremos destacar es que en algunos profesores no teniamos la fotos de ellos ya que no nos querian dar una foto de heyos por desirlo asi)

Conclusiones:
Al fin pude correr una pàgina web sin ningun problema esta vez si se mostraron las imagenes; cabe mencionar que en algunos casos algunos maestros se nos fue algo complicado sacarle la informaciòn que pedia el profesor pero haciendo nuestra lucha logramos convencer a todos solo una maestra no nos permitiò tomarle foto pero de ahi en fuera todo bien espero seguir asì y que venga la otra pàgina.