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.

Listas Ordenadas

OBJETIVO:

Conocer los atributos que modifican las caracteristicas de una pagina web

DESARROLLO:

En la clase pasada el profesor ya nos habia dado algunos ejemplos de listas ordenadas en esta clase pidio que se elaborara un ejercicio el cual debera de tener las siguientes caractristicas

La actividad debe de tener listas ordenadas y desordenadas ademas de contar con color olive , viñetas ,el tipo de fuente arial 6
indicando que en las listas ordenadas deberan de tener los datos de estados de la REPUBLICA MÉXICANA

En las listas desordenadas las DELEGACIONES y las viñetas indicando los puntos cardinales como son NORTE-SUR-ESTE-OESTE

Empeze el trabajo con mi compañero david haci que empezamos a elaborar el codigo atraves del blog de notas depues como lo puse en la pagina

despues para saber si estaba bien mi programa lo corrimos guardandolo como pagina web ademas con el termino de html lo corrimos asi que este fue el resultado para ver el resultado en la misma barra hay una pestaña donde nos indica la vista previa y haci fue como quedo

De esta manera nos queda esta pàgina, cabe mencionar que hicieron falta ventanas de poner

Conclusiones:

En este ejercicio aprendimos a usar lo que fueron las listas ordenadas y una vez màs me di cuenta que las sintaxis nos sirven para una ò varias cosas.

Formato de la Pàgina

OBJETIVO:
Conocer los atributos que modifican las caracteristicas de una pagina web como el color tamaño y tipo de letra

DESARROLLO:

Para empezar en esta clase antes de empezar el profesor nos dio unas nuevas etiquetas las cuales mencionare que hacen y para que nos sirven.

FACE: Este atrbuto es interpretado por verciones de netscape3.0 y de MSIE 3.0. otros navegadores los ignoran completamentey muestran la fuente con fuente que se utilizen

Acontinuaciòn prosiguiò a explicarnos y depues de ello prodisiguò a dejarnos una actividad.

"Ejercicio":

hacer una pag weg con las siguientes caracteristicas
1) un titulo de encabezado de nivel 1, en italica y color verde oliva que diga "ejemplo de pag web"
2)titulo de encabezado con encabezado de nivel 2de color amarillo que diga "grupo:614"
todo el texto de la pagina debera presentar con una fuente arial

El Resultado fue el siguiente:

Ahora este es el mismo codigo pero insertado en el blog

y esto fue lo que paso en el preciso momento en que lo guarde

ejemplo de pag web

grupo614

de esta manera nos queda nuestro trabajo cuando pasamos nuestro codigo a HTML de manera que con la ayuda del mismo blog nos ayuda a reproducir nuestro codigo Enseguida proseguimos a cambiar el color de fondo con las sigueintes sintaxis:

SUBTITULO:COLOR DE TEXTO

Prosiguiendo con las demàs sintaxis seguimos con "MARGENES"
LEFTMARGIN: Para iniciar el margen a los lados de la pagina .valida para el internet explore o MSI

TOPMARGIN: Para iniciar el margen superior eh inferior de la pagina.para interner exploren

LISTAS: Las listas son utilizadas para editar numeros y defir objetos.
tambien son utilizadas comun mente para desplazar el comienzo de linea hacia la derecha
cada uno de los elementos de la lista es citado por medio de una etiqueta sin cerra

listas ordenadas en este caso utilizamos las etiquetas

1) =para ordenar por nuemros
a )= por letra del alfabeto
A )=por letras mayusculas del alfabeto
i )=ordenacion por numeros romano en minuscula
I) = ordenacion por numeros romanos en mayuscula

ejemplo de como se usan :

Conclusiones:
Una vez màs veo un poco complicado esto, pero como que en este tema le entendi màs que en los otros ya que ya pude ver como se manejan las sintaxis solo hay una cosa que no me gusta es de que si te equivocas hay que regresarse a buscar el error jaja pero en fin veo que poco a poco le entiendo màs a esto

Formato del Parrafo

OBJETIVO:

Conocer los formatos necesarios en el diseño de paginas web con HTML

DESARROLLO:
Para empezar proseguimos con las estructuras; AHora aprenderemos a dar formato a nuestro programa para obtener como resultado una buena pàgina web que demuestre una buena presentaciòn como serian los "Encabezados"; Acontinuaciòn veremos un ejemplo de ello:

Acontinuaciòn nos dio un ejemplo de como van los encabezados:

Enseguida nos diò otras etiquetas las cuales se utlizan como comunmente se hacen en word para cambios de letra,como serian la fuente ,el tamaño

Acontinuaciòn el profesor nos asigno una actividad individualmente pero antes nos dio un ejemplo de como debiamos hacerlo;

Conclusiones:
Bueno una vez màs me di cuenta que yo no la armo para esto jajaj pero en fin tratare de dar mi mayor esfuerzo y si tengo dudas se las preguntare al profesor y en cuestion al tema me pude percatar que àra hacer una pàgina tambièn se requiere mucho del orden.

HTML

OBJETIVO:
Conocer las caracteristicas del lenguaje de HTML,asi como son campos en el diseño de la pagina web

DESARROLLO:

Para empezar En esta clase entramos de lleno a lo que es el concepto de HTML que en clases pasadas ya habiamos hablado de este sistema de leguaje de programacion de paginas web empezamos por algo de historia en cuanto a las verciones pasadas y su funcion de cada un ade estas bueno el profesor explico que habia la primera vercion que fue: web 1.0 que salio entre 1990,3,4 web 2.0 que salio entre 2003 y 2004 Acontinuaciòn la pregunta que nos hiso el profesor que fue....


¿En que medida HTML es importante en el diseño de paginas web?¿por que?


Pues la medida de aplicaion de HTML en muchas ramas como seria en la mercadotecnia BD=Cotizacuiones ayudantes de viajes Esta y muchas mas esposible para el dar a conocer la empresa de cualquier persona ademas de que hoy en dia las paginas web son lo mas importante para la recopilacion de la informacion ademas de que es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corches angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script HTML también es usado para referirse al contenido del tipo MIME ext/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML

despues ver la parte teorica fuimos a la parte de la programcion de html.

Acontinuaciòn nos dio una serie de caracteristicas que tiene cada uno de estos funciones del programa explicando lo que es una etiqueta en HTML qeu un funcion en el programa y que con base a allas se reliza el programa que diganmos que haga

despues de ver la estructura de un programa y sus componentes vimos lo que seria un ejemplo

bueno antes de proceder con lo demas se deran cuenta de que la imagen que se encuentra en la parte de arriba explica los conceptos esto es por al momento de correr el codigo aparecera automaticamente en la muestra del blog ya que este cuenta con html y de esta manena quedaria el resultado de nuestro codigo

Bienvenidos

estas en la paginacontenido para todos

Aqui aprenderas resetas faciles y deliciosa

bueno despues de este ejemplo nos dio los conceptos de siertas etiquetas que por su puesto ya habia utlizado el profesor

ademas de tomar las alineaciones y las plantillas que se utilizan para este programa

una ves terminada la explicacion de conceptos vino un ejercicio el cual pidio explico como queria las partes del progarama las cuales consistian en
2 parrafos centrados
3parrafos alineados a la izquierda
un salto de linea triple
un parrafo alineado a la derecha

Conclusiones:

En esta Pràcticamente no se me hizo nada sencilla ya que ami en lo personal no me gusta mucho todo este rolo de sintaxis y estructuras, ya que luego se me compican pero para serla primera clase de Html me gusto.