PRACTICA 2 ESTADOS DE LA REPUBLICA

OBJETIVO: Conocer las diferentes caracteristicas especiales que se utilizan en html, para el Diseño de pagina Web. Esta Practica fue desarollada con mi compañera Arzate Brito Arely Jacqueline.
DESAROLLO:
Una pagina Web se a de ver en paises distintos, que utilizan conjuntos de caracteres diferentes. El lenguaje HTML nos ofrece un mecanismo por el que podemos estar seguros que una serie de caracteres raros que se van viedo en todos los ordenadores, independientemente de su juego decaracteres.

Con este codigo se muestra, el titulo que es Estados de la Republica Méxicana, el color con el que ira de fondo de color olive , un tamaño de letra 6, con un color de texto en emarillo.

Una vez Corrido nuestro programa, acontinuación se mostrara de la siguiente manera.

Una ves desarollado el texto puse el siguiente codigo indicando el color de letra el cual sera en amrillo en que tipo de letra ira en este caso sera arial y de tamaño 6, utilice el codigo div align="center" para centrar el titulo o subtitulo llamada LISTA ORDENADA.

Una vez corrido nuestro programa con las caracteristicas que se le pidio se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron los estados del NORTE, el cual con este codigo li type=1 ,se utilizo para ordenarlos por numeros de esa forma, en seguida se demostrara el codigo utilizado para los estados del NORTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron los estados del SUR, el cual con este codigo li type=I ,se utilizo los numeros romanos para ordenarlos de esa forma, en seguida se demostrara el codigo utilizado para los estados del SUR.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron los estados del ESTE, el cual con este codigo li type=a , para ordenarlos por letra de esa forma, en seguida se demostrara el codigo utilizado para los estados del ESTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron los estados del OESTE, el cual con este codigo li type=i ,se utilizo para ordenarlos con romano y letra de esa forma, en seguida se demostrara el codigo utilizado para los estados del OESTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

Enseguida se descrivira a las Delegaciones del D.F., del NORTE, SUR, ESTE y OESTE. El sub tema sera LISTA DESORDENADA.

Enseguida muestro el codigo decomo puse el titulo su alineacion y color de texto de LISTA DESORDENADA y Delegaciones del D.F.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron las delegaciones del NORTE, el cual con este codigo li type="circle" ,se utilizo para ordenarlos con circulitos vacios de esa forma, en seguida se demostrara el codigo utilizado para las delegaciones del NORTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron las delegaciones del SUR, el cual con este codigo li type="square" ,se utilizo para ordenarlos con cuadritos rellenos de esa forma, en seguida se demostrara el codigo utilizado para las delegaciones del SUR.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron las delegaciones del ESTE, el cual con este codigo li type="clise",se utilizo para ordenarlos con circulos rellenos de esa forma, en seguida se demostrara el codigo utilizado para las delegaciones del ESTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

A continuación se dezgloso lo que fueron las delegaciones del OESTE, el cual con este codigo li type="circle",se utilizo para ordenarlos con circulos vacios de esa forma, en seguida se demostrara el codigo utilizado para las delegaciones del OESTE.

Corrido el Programa aplicando el codigo que se ve arriba se mostrara de la siguiente manera.

CONCLUSIONES:Bueno esta practica en lo personal me gusto. por que indicamos los estados y delegaciones de cada zona del pais, colocandolos o dividiendolos por las zonas de la Republica Mexicana de NORTE, SUR, ESTE y OESTE, en esta practica aprendi a poner lo que son las viñetas en codigo html, y tambien aprendi como dar un formato de fonto texto y tamaño de letra, con este programa podemos saber los Estados y Delegaciones que pertenece a las zonas de la Republica Mexicana del NORTE, SUR, ESTE Y OESTE DE MÉXICO. http://galeon.com/angelredes0800/republica10.html

FORMATO DE PAGINA

OBJETIVO: Entender y comprender las herraminetas necesarias par ana pagina web, para poder elaborar los dideños necesarios.

DESAROLLO: En el formato de pagina nos quiere decir que existen varias opciones para dfarle un formato a la pagina web, en la cual podemos desarollar diversos formatos de letras y presentaciones para una pagina web en la cual tambien se puede llevar acabo un orden de presentacion, dandoles tambien tmañaos a los formatos.


EncabezadosLas cabeceras o encabezados proporcionan un medio sencillo pero útil para dividir el cuerpo del documento en secciones.

Existen seis niveles de encabezados

Los números indican los niveles de encabezado, el texto de acuerdo con el nivel se despliega con diferente tipografía ya sea más grande o más negra. Provocan una línea en blanco después del mismo.

Cuando se despliegan en el navegador no aparecen numerados, pueden tener cualquier longitud inclusive varias líneas aunque esto no es conveniente ya que puede resultar cansador para el lector.No deben de usarse los encabezados para resaltar texto en negritas, o resaltar ciertas partes del documento.

COCLUSIONES: Sinceramente aprendi mas o menos el codigo para darle el gusto a nuestra pagian web mediante nuestra necesidad, o requisitos de algun clientes por emdio de estos codigos.

FORMATO DE LA PAGINA, COLOR TAMAÑO Y TIPO DE LETRA

OBJETIVO: Saber manejar los codigos para el color el tamaño y el tipo de letra que deseamos modificar

DESAROLLO:

Face: Tributo es interpretado por versiones de netscape 3.0 y de MSIE 3.0 (Microsoft Internet Explorer), otros navegadores las ignoran completamente y muestra el texto con la fuente que utilizan.

Un segundo titulo con encabezado de nivel 2 en color amarillo que diga grupo 614, todo el texto de la pagina DEBERAPRESENTARSE CON UNA FUENTE ARIAL.

CONCLUSIONES: Manejando estos codigos podemos hacer con el formato lo que nos agrade ya sea el color el tamaño el texto y la fuente, aunque la verdad todavia me cuesta un poco manejar esto, es divertido pero me falta practicarlo y ya despues espero saber hacerlo bien saludos.

PRACTICA 1 DISEÑO DE UNA PAGINA WEB

OBJETIVO: Realizar una pagina web, con ligas e hipervinculos y formatos de paginas, la cua ltratara de los embarazos no desados, para brindarle informacion a los chavos o personas que desean empezar su vida sexual.

DESAROLLO:

En la practica que hicimos en clase de la pagina web,UTILIZANDO FRONT PAGE 2003, fue acerca del embarazo n deseado puesto que en nuestro pais los adolesentes no estan bien informados y po falta de conocimiento llegan a arruinar su futuro y llegan a tener un cambio radical en sus vidas , pienso que este tema deberia ser mas comunicativo puest oque muchos no saben lo peligroso que es tener relaciones a muy corta edad, en esta practica hablamos de los embarazos no desaedo, enfermedades sexuales, preservativos, y los abortos lo cual es muy feo.

CONCLUSIONES: En esta practica pienso que hacer esta pagina sobre los embarazos no deseados fue muy buena por que brindamos informacion a todas esas personas que lo necesitan y sepan las consecuencias antes de iniciar su vida sexual .

HTML

OBJETIVO: INVESCONOCER LSA CARACTERISITCAS DEL LENGUAGE HTML, ASI COMO SON CAMPOS DE APLICACION EN EL DISEÑO DE LA ÀGINA WEB.

DESAROLLO: HYPER TEXT MARK UP es un lenguaje de programacion muy sencillo que se utiliza para crea r los datos y las paginas web y es un programa predominante

Concepto: Se basa en especificar en el texto la estructura logica del contenido, titulos, parrafos de texto esta compuesta por etiquetas que defien la estructura y el formato del doc.

Sus Campos de Aplicacion: Se aplica para la estructura y el contenido en formato de texto, asi como para complementar el texto con objetos tales como imagenes y se describen en forma de etiquedtas rodeados por coechetes angulare (<,>).

¿EN QUE MEDIDA HTML ES IMPORTANTE EN EL DISEÑO DE APGINAS WEB? ¿POR QUE?

Es el lenguaje de marcos de hipertexto es aquel que sirve para modelar texto y agregar funciones especiales por que es la base para la creacion y diseño de paginas web por medio de codigos especificos.

HIPERTEXTO: Es la conexion de una pagian a muchas y de muchas a una.

web 1.0 1993-1994
web 2.0 2003-2004

¿QUE ES HTML?

Es unlenguaje predominante en el lenguaje de html, trabaja con etiquetas, los cuales permiten los elementos en los cuales se va trabajar .

Ejercicio echo en clase::

DOS PARRAFOS CENTRADOS, 3 PARRAFOS ALINEADOS A LA IZQUIERDA, 1 SALTO DE LINEA TRIPLE Y 1 PARRAFO ALINEADO A LA DERECHA

CONCLUSION : Este lenguaje fue diseñado para ciertas características que hoy en día nos a acercado de tal forma que nos a permitido realizar nuestras web con una mayor comodidad y un mayor veneficio tanto como para osostros como al usuario.

HISTORIA DE LA PAGINA WEB

OBJETIVO: Investigar por que se dio el internet y de que forma impacto al mundo, viendo susus antecedentes para poder comprender el tema.

DESAROLLO:

La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los años 40 sobre un sistema similar: a grandes rasgos, un entramado de información distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a otros artículos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980, con un soporte operativo tecnológico para la distribución de información en redes informáticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refiriéndose a Enquire Within Upon Everything, en castellano Preguntando de Todo Sobre Todo), donde se materializa la realización práctica de este concepto de incipientes nociones de la Web.
En marzo de 1989, Tim Berners Lee, ya como personal de la divisón DD del CERN, redacta la propuesta,[2] que referenciaba a ENQUIRE y describía un sistema de gestión de información más elaborado. No hubo un bautizo oficial o un acuñamiento del término web en esas referencias iniciales utilizándose para tal efecto el término mesh. Sin embargo, el World Wide Web ya había nacido. Con la ayuda de Robert Cailliau, se publicó una propuesta más formal para la world wide web[3] el 12 de noviembre de 1990.
Berners-Lee usó un NeXTcube como el primer servidor web del mundo y también escribió el primer navegador web, WorldWideWeb en 1990. En las Navidades del mismo año, Berners-Lee había creado todas las herramientas necesarias para que una web funcionase:[4] el primer navegador web (el cual también era un editor web), el primer servidor web y las primeras páginas web[5] que al mismo tiempo describían el proyecto.
El 6 de agosto de 1991, envió un pequeño resumen del proyecto World Wide Web al newsgroup[6] alt.hypertext. Esta fecha también señala el debut de la web como un servicio disponible públicamente en Internet.
El concepto, subyacente y crucial, del hipertexto tiene sus orígenes en viejos proyectos de la década de los 60, como el Proyecto Xanadu de Ted Nelson y el sistema on-line NLS de Douglas Engelbart. Los dos, Nelson y Engelbart, estaban a su vez inspirados por el ya citado sistema basado en microfilm "memex", de Vannevar Bush.
El gran avance de Berners-Lee fue unir hipertexto e Internet. En su libro Weaving the Web (en castellano, Tejiendo la Red), explica que él había sugerido repetidamente que la unión entre las dos tecnologías era posible para miembros de las dos comunidades tecnológicas, pero como nadie aceptó su invitación, decidió, finalmente, hacer frente al proyecto él mismo. En el proceso, desarrolló un sistema de identificadores únicos globales para los recursos web y también: el Uniform Resource Identifier.
World Wide Web tenía algunas diferencias de los otros sistemas de hipertexto que estaban disponibles en aquel momento:
WWW sólo requería enlaces unidireccionales en vez de los bidireccionales. Esto hacía posible que una persona enlazara a otro recurso sin necesidad de ninguna acción del propietario de ese recurso. Con ello se reducía significativamente la dificultad de implementar servidores web y navegadores (en comparación con los sistemas anteriores), pero en cambio presentaba el problema crónico de los enlaces rotos.

Esto a impactado a todo el mundo ya que con la WEB podemos realizar diversas tareas y los beneficios y las comodidades son grandes.

CONCLUSIONES: Entendi la historia de la web y por que la inventaron y mas que nada fue por las necesides de cada usuario, pues el futuro a muchas generaciones es muy buena ademas de brindar informacion importante.

ATRIBUTOS PARA PAGINAS con Text. Link, Vlink, Alink

OBJETIVO: Conocer los atributos e identificarlos y saber las funciones de Text, Link, Vlink, y Alink para poder darle formato a los textos y hacerlo all gusto nuestro o de algun cliente.

TEXT: Este atributo sirve para asignar el color del texto de la pagina por defecto negro

LINK:El color de los enlaces que no han sido visitados por defecto es azul

VLINK: El color de los enlaces que no han sido visitados

ALINK; Es el calor los enlaces, un enlace esta activo en el preciso instante que se pulsa

LISTAS ORDENADAS: Usaremos las etiquetas

CONCLUSIONES: Este codigo no ayuda a a modificar y a ordenar los textos hacia la izquierda derecaho o centro, cambiando el tipo de texto o color y donde podemos alinear los textos deacuerdo a las necesidaes de nosotros mismos o del uduario, esto me ayudo pero lo vuelvo a comentar m cuesta trabajo y pero de verdad espero sacar esto adelante.

CONCEPTO

OBJETIVO: Conocer los concepto básicos de paginas web a través de la discusión en equipos para llegar a una conclusion y discutir acerca de los conceptos basicos de paginas web.

DESAROLLO: Diferencia entre un portal y una web

Web: principalmente compuesta por información que puede ser texto o multimedia.Su principal características son los hipervínculos.

Portal: Es un Sitio en la Web que va dirigido al usuario cuyo objetivo es ofrecer a los usuarios una serie de servicios.

WEB: Es una pagina sin estructura en la que podemos insertar testos, iumagenes,tablas, y hojas de datos.

HTTP: Protocolo usado para ascender a web. Se encarga de procesar y peticiones para visualizar una página web. Además para el envió de información.

HTML: indica que comienza una página. 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.

Tipos de links: Son internos y externoUna traducción muy literal de Link podría ser "acoplamiento", en el sentido práctico de internet este término está referido a un enlace, hipervínculo.El link crea una conexión con otro documento web por medio de la dirección URL.

Tienes que antes de cada título escribir algo, por ejemplo antes de Trayectoria hay que escribir, por ejemplo:- o - Enlace externoDesde el punto de vista de una página web, un enlace externo es un link que apunta a esa página desde otro sitio web.Los enlaces aparecen en el texto de un documento weben forma de texto subrayado y de distinto color, obsérvelo a lo largo de estas páginas.Elementos de una página web son:Imágenes, texto, sonido, video, tablas, graficas, ligas, frame, multimedia.Características de una pagina web:Renovar, actualiza, hiperenlaces, etc.

CONCLUSIONES: Aprendi lo que son los portales, la diferencia entre la web y un portal, esto me ayudo por que la verdad si me confundia algo y pues ahora que lo comprendi no ntengo problemas, y comprendi por completo el tema.