Mixxx

Music Playlist at MixPod.com

Pràctica Final

Objetivo:
El alùmno Diseñara y Montara una página web hecha en HTML para ver lo aprendido dentro de esta materia y al mismo tiempo debera de estar Montada en un Sitio Web Gratuito ya sea Echa En equipos de 1 ó de 2 personas.


Procedimiento:

En Esta Ocación el profesor nos dió la Noticia de que tristemente se acababa el semestre y para ello teniamos que poner aprueba todo lo aprendido dentro de esta materia; por motivos de Respeto a nuestro trabajo me pidio mi compañero andres no Meter el Codigo HTL y que solo Publicara el Como habia quedado así como su url.


Enseguida el profesor comenzó a asignarnos temas en este caso Trabaje Con mi Compañero Andre FErnando Aquiahuatl Ortega y bueno el Tema que nos toco fue el de el Edo de Michoacan mismo que pidio con cada una de sus caracteristicas y deberia estar en un frame , deberia contener tablas, animaciones y Sonidos; Por lo consecuente Pudimos meter algunas imagenes pero en cuestion ala multimedia no nos funciono bn bueno aqui le dejo nuestra página Web ya terminada

ESTA ES NUESTRA PÄGINA DE INICIO

ESTA ES NUESTRA PÄGINA PRINCIPAL




UN EJEMPLO DE TABLAS

AQUI LO QUE ES EL FORMULARIO PARA QUE NOS DEJES TU COMENTARIO

Aqui nuestra URL:

http://estadodemichoacan.comuf.com/index.html

CONCLUSIONES GRALES:

Bueno prácticamente de este curso se me hizo algo dificil de principio pero ya más adelante pude aplicarme y bueno quiero agradecerle Al Profesor Amado Fabian Contreras nuestro profesor por haberme impartido esta clase y bueno aunque no di lo que tenia que dar espero y pueda pasar su materia en esta etapa de Examenes y bueno solo puedo Decir que aprendi que Las Páginas Web contienen más que información y esta es: Su estructura y sus Componentes ahora bien veo que yo siempre estuve equivocado pero bueno una vez más Gracias..................

Sin otro particular Se despide de usted:

Victor Mabuel Hernandez González Grupo: 614

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.

Glosario

OBJETIVO:

Conocer las listas definidas a si como sus atributos propiedades y como ponerlas en practica en la realizacion de paginas web.

DESARROLLO:

En esta ocasion trabajamos en equipo ANDRES FERNANDO y yo para realizar lo que seria un glosario de informacion utilizando listas definidas a si como tambien poder proporcionar un poco mas de informacion sobre algunos temas relacionados con la informatica, historia, y matematicas.

Esta pagina web cuenta con 4 pantallas que es una de bienvenida y las otras 3 que contiene informacion sobre los temas que se mencionaron anterior mente.

Empesaremos con mostrandoles el codigo fuente de como es que realizamos algunas conexiones para poder enlasar nuestra pagina principal con las demas bueno cabe mencionar que todo esta relacionado con enlaces.

AQUI SE MUESTRA EL cÒDIGO DE LO QUE ES PRACTICAMENTE ES EL MENÙ PRINCIPAL

y
AQUI YA SE MUESTRA UNA VEZ MONTADA EN EUN SERVIDOR Ò SUBIDA EN LA RED
Como se podra dar cuenta las imagenes no se ven un error fatal de mi parte pero bueno seguire intentandolo hasta lograrlo

En esta podemos apreciar el código fuente de la pagina que esta arriba puesto que ocupamos codigo muy preciso para poder enlazar las paginas.

En esta otra pantalla podemos ver que si damos clic en la pestaña de informática automáticamente nos llevara a una página donde podemos ver la información sobre los temas que nos hace referencia veamos la siguiente. Imagen





Ahora aqui por ejemplo si le damos un clic a en Este caso Independencia Nos desplegara otra ventana en donde se encuentra la informaciòn que le pedimos . Aqui por fin pude hacer que se viera la imagen de fondo y ya no me quedo tanto como la primera

Conclusiones:

Esta pàgina me parecio entretenida ya que aqui pude ver que todavia me fallan muchas cosas en primera instancia me falla subirlas correctamente, en segunda instancia la primera pàgina que es la principal no me gusto como quedo pero para ser la primera pag que me nos reventamos no quedo tan criminal.

Pràctica 1: Embarazos no Deseados

OBJETIVO:
Conocer las concuencias de los embarazos no deseados ademas de la elaboracion de una pagian web atra vez de HTML que nos habla de este tema de gran contrversia.

PROCEDIMIENTO:

Bueno para empezar el profesor nos dejo investigar acerca de lo que eson los embarazos no deseados y bueno es un tema algo extenso, ademàs de que es un tema que afecta tanto ala sociedad joven, como ala Humanidad; esta pàgina se realizo en lo que conocemos como "Front Page", cabe mencionar que esta pàgina fue una pràctica para que conocieramos el Entorno de este programa el cual nos servira para hacer pàginas web, esta pàgina deberia de contener la informaciòn, vinculos, imagenes, y tambien debiò contener videos pero por la poca cantidadque te permite subir este servidir gratuito fue imposible bueno aqui les dejo lo que fue mi pàgina.

DE ESTA MENERA QUEDA YA MONTADA EN UN SITIO WEB:

CONCLUSIONES:
Esta pràctica en lo personal ami me ayudo en dos cosas la primera fue para aprender a ocupar Front Page y la segunda para reforzar los conocimientos que tenia acerca de este tema degran importancia Actualmente es increible ver que todavia existan este tipo de cosas ya que en la actualidad ya hay demasiada informaciòn y es increible que todavia se den estos casos y lo increible aun es que digan que no hay informaciòn suficiente para este tipo de cosas. bueno en mi opinion este tema Me agrado investigar al igual que la pàgina me gusto realizarla sobre todo pense en esta situaciòn alguièn la pudiera estar viviendo para que sepa quehacer y no cometa un atropello de este genero.