Instituto Tecnolgico Superior de Cosamaloapan

Asignatura: Tecnologas

Web

Docente:

Roberto Zamudio Portilla

Carrera:

Ing. Sistemas Computacionales

Alumno:

Felipa Salto rodrguez

Grupo y Grado:

703 A

Contenido
INTRODUCCION ................................................................................................................................................... 3 Introduccin a las Tecnologas Web .................................................................................................................... 4 Perspectiva Histrica ....................................................................................................................................... 4 Protocolo Http ................................................................................................................................................. 5 Arquitectura WWW ..................................................................................................................................... 6 Urls............................................................................................................................................................... 6 Mtodo Http Persistencia en Http Cookies ................................................................................................. 7 HTML ............................................................................................................................................................... 8 Evolucin de Desarrollo de Aplicaciones Web ................................................................................................ 9

INTRODUCCION
Dentro de este documento se tratara de de dar una explicacin sencilla de cada una de los temas de la unidad 1 del temario de la materia de tecnologas web indicando puntos importantes ejemplo: Tema 1: una perspectiva con respecto a la evolucin histrica del internet; definicin del http (protocolo de transferencia de hipertexto), intentamos asimilar y explicar la arquitectura de la World Wide Web, estructura e informacin de la URL, el mtodo de la persistencia de la cookies en la red y otros aspectos importantes,

Introduccin a las Tecnologas Web

Perspectiva Histrica
1957 URSS lanza el Sputnik, primer satlite artificial. Como respuesta, EEUU forma parte de ARPA (Agencia de Proyectos de Investigacin Avanzada) dentro del DOD (Departamento de Defensa). El principal objetivo de este proyecto fue establecer un sistema de investigacin militar que pudiera resistir un ataque enemigo. 1960s Surge una propuesta denominada Packet Switching Network. Esta propuesta introduce el concepto de repartir la informacin en paquetes que se transmiten a travs de la red. Si uno de estos paquetes se pierde en el camino, se puede enviar otro paquete. 1969 ARPANET fue comisionado por el DOD. 1971 Ray Tomlinson inventa el programa de correo electrnico que le permite a los usuarios enviar mensajes a travs de la red. 1976 La reina de Inglaterra manda su primer correo electrnico. 1982 Se establece la primera definicin del trmino Internet como un grupo de redes conectadas por medio de TCP/IP (Protocolo de Control de Transmisin y Protocolo de Internet). 1984 Se introduce el Sistema de Dominio de Nombre (DNS) que le permite al usuario escribir el nombre de un sitio (Ej. www.mpl.org) en vez de tener que memorizarse una direccin de Protocolo de Internet (IP) numrico (Ej. 204.62.131.129). 1988 Se desarrolla el Transmisor de Conversaciones por Internet que le permite a los usuarios conversar en tiempo real. 1991 La Universidad de Minnesota lanza Gopher y Tim Berners Lee desarrolla la WWW que es lanzada por el laboratorio CERN.

1992 La Universidad de Nevada lanza a Vernica, una herramienta gopher para explorar el espacio; el Banco Mundial aparece en Internet; y se inventa la frase Navegar por Internet. 1993 Se lanza MOSAIC, el primer navegador de Internet (Marc Andressen y NCSA), la Casa Blanca aparece en Internet (http://www.whitehouse.gov), y se crea una cuenta de correo electrnico para el presidente de los Estados Unidos (president@whitehouse.gov). 1994 Dos candidatos al doctorado de la Universidad de Stanford desarrollaron Yahoo, una herramienta de bsqueda parra Internet, y los clientes Pizza Hut pueden hacer su pedido por Internet. 1995 Se lanza la tecnologa de RealAudio, se empieza a ofrecer Internet para los hogares por medio de un sistema de discado (Ej. America Online, CompuServe, and Prodigy), y el navegador Netscape se hace pblico. 1998 El servicio postal de los Estados Unidos empieza a ofrecerle a sus clientes la posibilidad de comprar, bajar informacin de la Web, e imprimir estampillas. 2000 El tamao estimativo de la Web alcanza el billn de pginas indexadas. 2002 A partir de enero, el 58% de la poblacin de Estados Unidos (164.14 millones) usa Internet. Mundialmente, hay 544.2 millones de usuarios.

Protocolo Http
Protocolo de transferencia de hipertexto Es un sencillo protocolo el cual tena como propsito la transferencia de archivos en formato HTML entre un navegador y un servidor web (operacin solicitud / respuesta). Fue propuesto por Tim Berners-Lee, atendiendo a las necesidades de un sistema global de distribucin de informacin como la WWW. HTTP se usa para transmitir recursos, que incluyen a dems de archivos, la ejecucin d un programa, una consulta de una base de datos, la traduccin automtica de un texto, etc. Para un servidor HTTP, los recursos son o bien archivos, o bien resultado de la ejecucin de un programa en s. La comunicacin entre un servidor y un navegador se lleva a cavo en dos etapas:

Protocolo TCP/IP

Arquitectura WWW La World Wide Web consiste en ofrecer una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma ms moderna de ofrecer informacin. El medio ms potente. La informacin se ofrece en forma de pginas electrnicas. Caractersticas de la WWW: Permite el acceso a casi todos los recursos de Internet. Es sencilla de utilizar. Tiene capacidades de multimedia. Ha propiciado la comercializacin explosiva de Internet.

La arquitectura de la WWW se puede ya sea fsica (PC, WAN, LAN) o bien lgica (arquitectura cliente / servidor) Algunos Usos de Www Libreras virtuales. Catlogos y tiendas en lnea. Cursos interactivos. Entretenimiento. Publicacin a bajo costo. Servicios informativos. Aplicaciones interactiva

Urls Localizador universal de Recursos Mapea un algoritmo de recuperacin de un objeto que usa protocolos de comunicacin a travez de la red Formato de un URL: Protocolo: Lenguaje que utilizan las maquinas en red para comunicarse entre ellas. Host: hace referencia de las maquinas conectadas en red y por extensin a su nombre. Dominio: nombre que tiene en internet una maquina o red a travs de ellos. Dominio de primer nivel: todos los nombres del domino ni importando si son de maquinas o red. Directorio: Localizacin de un archivo concreto en una maquina. Recursos: cualquier cosa que se pueda encontrar en un ordenador.

Estructura de un URL

Mtodo Http Persistencia en Http Cookies Mtodos ms utilizados: GET: Recupera contenido de recursos estticos (pagina html, imagen, video, etc.) HEAD: Operacin que solo recupera informacin del recurso como tamao, fecha, tipo, etc. POST: Enva informacin desde el cliente hasta el servidor. PUT: Almacena recursos del servidor. DELETE: Elimina recursos del servidor

El mecanismo para mantener la persistencia de una pgina es el cookies, inventado por Netcape y hoy en da aceptado por casi todos los browser. El concepto es que mediante un header del protocolo HTTP el server pueda almacenar informacin en el cliente; esta informacin guardada es el cookies y esta puede habilitarse y deshabilitarse desde el browser por lo que algunos usuarios no pueden soportarlo. Cuando un server enva un header con un cookies el browser guarda la informacin en archivo de texto con un formato especial. Cada vez que el browser solicita una pgina de dominio que envi la cookies reenva la cookies al sitio, de esta forma es posible mantener la persistencia. La informacin que puede guardarse en una cookies est limitada por lo que se utiliza la misma para mantener el identificador de sesin del usuario almacenando el resto de datos necesarios en el servidor usando la sesin id de la cookies como clave. Los usos ms frecuentes de la cookies son: Llevar un control de usuarios Ofrecer opciones de diseo Conseguir informacin sobre los hbitos de navegacin

Cuando los cookies han caducado, estas no son enviadas al servidor, por lo tanto, la caducidad de las cookies puede ser pensada como un lmite de tiempo en el que una de ellas puede ser usada. La cookies puede ser renovada luego despus que el lmite haya pasado. Las cookies no se envan al navegador si ellas estn en estas condiciones: Al finalizar una sesin de usuario Se ha fijado una fecha de caducidad y esta ha caducado

La fecha de caducidad es cambiada a una fecha anterior Esta se borra por orden del usuario

HTML
HTML es un lenguaje que permite incluir texto junto a las indicaciones de cmo mostrarlo, cmo y dnde incluir imgenes y cmo acceder mediante enlaces a otros recursos en Internet (y tambin posibilita la entrada de datos)

HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaracin de tipo de documento Cdigos HTML bsicos <html>: define el inicio del documento HTML. <head>: define la cabecera del documento HTML; Dentro de la cabecera <head> podemos encontrar: o <title>: define el ttulo de la pgina. Por lo general, el ttulo aparece en la barra de ttulo encima de la ventana. o <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. o <style>: para colocar el estilo interno de la pgina; ya sea usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta<link>. o <meta>: para metadatos como la autora o la licencia, incluso para indicar parmetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuracin o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuacin se indican algunas a modo de ejemplo: o <h1> a <h6>: encabezados o ttulos del documento con diferente relevancia. o <table>: define una tabla. <tr>: fila de una tabla. <td>: celda de una tabla (debe estar dentro de una fila). o <a>: hipervnculo o enlace, dentro o fuera del sitio web. Debe definirse el parmetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia). o <div>: divisin de la pgina. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido. o <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". o <li><ol><ul>: etiquetas para listas.

o o o o

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>). <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>). <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>). <u>: texto subrayado.

La mayora de etiquetas deben cerrarse como se abren, pero con una barra (/) tal como se muestra en los siguientes ejemplos

Evolucin de Desarrollo de Aplicaciones Web

Informativos y contenido esttico (HTML esttico). DHTML (D de dinmico), que incluye la posibilidad de incluir comportamiento dinmico en la pgina. Ejemplo: mens, hojas de estilo. Lenguajes de programacin del lado del cliente como Javascript, Vbscript, Applets (Java). Incorporacin de multimedia (Flash, SilverLigth). Desarrollo de tecnologa para la seguridad (uso de claves, encriptacin). Aplicaciones en Web como Comercio Electrnico. E-Government, E-procurement, Internet banking, etc. Servicios Web.

1.1.

Hojas de Estilo

Es el conjunto de instrucciones que definen la apariencia de diversos elementos de un documento HTML. A veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentacin de los contenidos: tipo, fuente y tamao de letras, justificacin del texto, colores y fondos, etc. Las hojas de estilo permiten liberar la composicin del texto de los aspectos visuales y favorecen que se estructure y anote mediante cdigos que permiten un tratamiento ms eficaz de los contenidos. El uso adecuado de las hojas de estilo es uno de los aspectos clave de la edicin digital. Las hojas de estilo son una herramienta de gran utilidad de los programas de tratamiento de textos, como OpenOffice.org o Microsoft Word. Asimismo, constituyen una parte esencial de los lenguajes de marcas para edicin digital: LaTeX, XML y XHTML. Dos lenguajes de hojas de estilo son CSS y XSL.