martes, 30 de marzo de 2010

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.

domingo, 28 de marzo de 2010

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.

lunes, 15 de marzo de 2010

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.


viernes, 12 de marzo de 2010

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


miércoles, 10 de marzo de 2010

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.

martes, 9 de marzo de 2010

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.

lunes, 8 de marzo de 2010

Historia de la web

Objetivo:
Conocer los antescedentes que dieron origen ala web y la forma como esta ha impactadoen los diferentes ambitos de la humanidad.

Procedimiento:

1. El Profesor nos dejo con anterioridad una tarea la cual se llamó Historia de la web.

2. despues el profesor prosiguió a formarnos por equipos, El cual el mio se conformaba por: Amador Lopez Angel Daniel, Espinosa Morales Monica, Hernandez Morales Oscar, Aquiahuatl Ortega Andres Fernando, Bravo Lagunas José, y por mi.

3. Ya formados los equipos prosehuimos a discutir acerca del tema ya que el profesor anoto en el pizarrón las siguientes preguntas. para acompletar el tema mejor.

A) ¿Qué implicaciones sociales, economicas, politicas, y educativas tiene la aparición de la web?
B) ¿Como ha impactado la web en los aspectos sociales y educativos?
C) ¿Consideras que la web seria una herramienta de aprendizaje efisciente para aprender ¿Por qué?.

A Introducción:

La Web fue creada en 1989 por el inglés Tim Berners-Lee y el belga Robert Cailliau mientras trabajaban en el CERN en Ginebra, Suiza. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares Web (lenguaje con los que se crean las páginas Web), en los últimos años ha abogado por su visión de una Web Semántica, empezó a escribir un programa que le permitiera almacenar información. De modo magistral, dio forma y aplicación a un par de conceptos que ya habían sido formulados de forma más o menos vaga y genérica: El hipervínculo, que conducía directamente al concepto de hipertexto, de ahí al de páginas HTML (páginas Web) que a su vez,darían origen a un nuevo servicio de Internet (mejor diríamos una nueva forma de usar la Red) que acabaría arrasando, y a un nuevo paradigma de arquitectura de la información:Los "Hypermedia".

Las páginas de hipertexto, con sus hipervínculos enlazando información en cualquier parte del mundo, tejen una telaraña mundial,"World Wide Web",abreviadamente "La Web";WWW o W3.


No confundir "la Web" con "la Red". La Red, es Internet y estaba inventada bastante antes. La Web es uno de los muchos servicios que proporciona Internet. Además, como la Web es, entre otras cosas, una "interfase" para utilizar la red (de tremendo éxito), muchos de los servicios se han "maquillado de Web", adoptando formas compatibles con los navegadores.


"ACTIVIDAD".

A) ¿Qué implicaciones sociales, economicas, politicas, y educativas tiene la aparición de la web?

En cuetión a social; tuvo mucho avance ya que antes solo podiamos conversar con personas unicamente de nuestro país, y ahora en la actualidad podemos tener contacto hasta con los del medio oriente.

En Politicas: También hubo gran avanze ya que antes el presidente tenia que viajar para enterarse de como estan las cosas en otros paises ó estados y ahoraen la ctualidad ya no es necesario ya que han aumentado de manera sorprendente las comunicaciones y entre ellas este señor al que le llamamos "Web".


Economicamente: Afecto en los negocios, ya que un ejemplo es la venta delibros disminuyo más ya que gracias ala web ahora podemos consultar de un libro sin nisiquiera pagarlo.

Al ihgual que politicamente ahora nos podemos expresar libremente sin preocupación a ser descubiertos.


B) ¿Como ha impactado la web en los aspectos sociales y educativos?

Como antes ya habia mencionado en social por que antes no podias tener comunicación más que por el servicio postal, y ahora ya en la actualidad un documento nos llega en un abrir y cerrar deojos, cuando antes solo tardaban de dos a tres dias para llegar un mensaje.

y bueno a nivel Educativo tambien afecto considerablemente ya que gracias a este sr ahora podemos buscar información en un abrir y cerrar de ojos, cuando antes solo el unico medio para buscar tareas era pior medio de libros, monografias, y hasta bibliotecas, a estos la web les dio un golpe fatal ya que actualmente eso de buscar en bibliotecas ó libros ya no es muy usual.


C) ¿Consideras que la web seria una herramienta de aprendizaje efisciente para aprender ¿Por qué?.

Desde mi punto de vista no y sí; primero no: por que por esto se han perdido ya muchas cosas, un ejemplo claro la falta de lectura, asi como también el ambito de visitar bibliotecas, al igual que hacer bien las cosas.

y sí por que en algunas suele ser util un ejemplo claro es en el pago de impuestos, ó en la busqueda de más páginas de información Cabe menciomar que esto tamnien afecto a otros sectores como lo son: Relacionarse con otras gentes. la perdida de identidad, El trabajo y Por último al amor.


Conclusiones:
En esta clase aprendimos el ¿Como una herramienta útil? que actualmente ocupamos pudo darle un gran role a nuestra vida, asi como a nuestra forma de vivir, y socializar con la humanidad, cabe mencionar que también conocimos los antescedentes de la web, así como también su creador.






Conceptos

Objetivo: Conocer los conceptos básicos de una página web araves de la discusión en equipos.

Procedimiento:
1. Primero el profesor comenzo por formar equipos de tres personas. En esta ocación me toco trabajar con Julieta Figueroa Morales, y Jose Eduardo Frances Ortuño.

2. Después acontinuación proseguimos a trabajar de acuerdo a lo que cada uno investigo claro con esto comenzamos la actividad.

3. Por último proseguimos acomparar las respuestas de cada uno de los equipos con las nuestras para así poder llegar a un acuerdo.

""ACTIVIDAD":
Acontinuación resuelve las siguientes cuestiones con la ayuda de tu tarea de investigación.

¿Cuál es la diferencia entre una página web y un portal? La diferencia que existe entre cada uno de ellos es que ""Un portal"" es una página donde tiene didtintas aplicaciones y un ""Página web"" es un elemento para navegar . estas a su vez se dividen en dos las cuales son : Estaticas, y Dinámicas, que estas segundas son aquellas que se actualizan constantemente.

Menciona Dos protocolos adicionales que se manejen en internet.
Network News Transfer Protocol (NNTP):
es utilizado para distribuir en Internet un tipo especial de mensajes denominados noticias ("News") entre unas máquinas configuradas como servidores y los clientes (los lectores de las noticias). El sistema constituye un servicio que transfiere diariamente millones de mensajes clasificados por temas denominado Usenet
Point to Point Protocol (PPP):
Un protocolo utilizado para enviar paquetes punto-a-punto sobre líneas serie. Es uno de los más utilizados, ya que soporta las comunicaciones sobre líneas telefónicas a través de módem (el módem utiliza una conexión serie). Permite utilizar sobre él otros protocolos de más alto nivel (más cercanos a la capa de Aplicación), como IPX/SPX y TCP/IP. PPP también puede ser utilizado sobre conexiones de red distintas de las telefónicas. Windows lo instala cuando se instala un módem o servicio de RAS Una versión antigua de este protocolo que se utilizaba exclusivamente para conectar a servidores Unix de acceso remoto se denomina SLIP ("Seriar Line IP"). ¿Cuantos tipos de links hay? un hiperenlace, referencia de un documento de hipertexto a otro documento o recurso;Links, un navegador web de código abierto en modo texto; el elemento LINK, definido en el lenguaje de marcado HTML. Y exixten dos tipos de links los cuales son: Internos: Que son aquelos que se encuentran dentro de la misma página Externos: Son aquellos que se encuentran fuera de la misma página.

¿Qué es un Dominio? Un dominio son aquello a lo que nosotros conocemos como paginas que nos sirven para hacer la consulta y la busqueda de información.

Objetivos delas paginas web. Su objetivo principal es consultar información. Aunque tambien nos sirven para hacer consultas, compra y venta, darse a conocer, etc.

Caracteristicas de una página web. Solo tiene que renovarse y actualizarse constantemente, así como tambien debe de contar con hiperenlaces, y contenido predeterminado.

EStructura de una página web. Inicio. Encabezado. Contenido. Fin.

Diseño de una página web. Fases: Objetivo claro. Recolectar información.( audio, video, sonido, graficos, etc.) Diseño previo dela página. Diseño. Prueba. Puesta en marcha.

Conclusiones: En esta clase aprendimos varias cosas en primera a diferenciar entre lo que es una portal y una página web; así como tamnien los elementos que conforman a dicha aplicación, como debe de estar estructurada, así com también sus objetivos.