INTRODUCCIN A LA WEB PROTOCOLO HTTP Y HTML

Perspectiva Histrica de Internet(1) Internet. Es un conjunto descentralizado de redes de comunicacin interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes fsicas heterogneas que la componen funcionen como una red lgica nica, de alcance mundial.

Perspectiva Histrica de Internet(2)

Hechos ms sobresalientes. 1961, Leonard Kleinrock public desde el MIT el primer documento sobre la teora de conmutacin de paquetes 1969, se estableci la primera conexin de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos. 1983, ARPANET cambi el protocolo NCP por TCP/IP. 1989, Integracin de los protocolos OSI en la arquitectura de Internet, facilitando el uso de distintos protocolos de comunicaciones. 2006, Internet alcanz los mil cien millones de usuarios. Se prev que en diez aos, la cantidad de navegantes de la Red aumentar a 2,000 millones.

Perspectiva Histrica de Internet(3)

Algunos servicios de Internet: Web (WWW o World Wide Web). Archivos de hipertexto. Correo electrnico (protocolo SMTP). Transmisin de archivos (FTP y P2P). Conversaciones en lnea chat (IRC). Telefona (VoIP). Televisin (IPTV). Acceso remoto a mquinas (SSH y Telnet). Juegos en lnea.

HTTP(1)
Hyper Text Transfer Protocol (Protocolo de transferencia de hipertexto). Se usa para la transmisin de archivos de hipertexto (documentos HTML y multimedia) en Internet. Es decir, se usa en cada transaccin de la Web.

HTTP(2)

HTTP(3)
HTTP define la sintaxis y la semntica que utilizan los elementos software de la arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a transacciones y sigue el esquema peticin-respuesta entre un cliente y un servidor. A la informacin transmitida se la llama recurso y se la identifica mediante un URL (http://ingsistemas.ufps.edu.co/index.html).

Consulta de una pgina

1. 2. Usuario escribe el nombre de dominio Ejemplo: http://ingsistemas.ufps.edu.co/ El computador(navegador) se pone en contacto con el DNS (servidor de dominio) y le pregunta la direccin IP del computador http://ingsistemas.ufps.edu.co/ Cuando el DNS enva la IP el computador se conecta con http://ingsistemas.ufps.edu.co/ Preparar un paquete que diga soy el computador xxx.xxx.xxx.xxx y deseo ver la pgina del aula Enva el paquete USO DEL PROTOCOLO TCP/IP (ruteo de los paquetes dinmico) Esperar a recibir los paquetes de respuesta

3.

4.
5.

6.

Arquitectura del WWW.

Arquitectura Web cliente / servidor. Cliente. Ejecuta un interprete de HTML. Servidor. Controla el acceso, sirve la pgina solicitada, y puede ejecutar aplicaciones especiales (ej. Procesar formularios). Backend. Entrega datos al servidor. Servidor de aplicaciones. Enlaza el servidor a la base de datos.

Arquitectura del WWW.

Una arquitectura de 3 capas:

Arquitectura del WWW

Otra vista de la arquitectura.

Evolucin del 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). Lenguajes de programacin del lado del servidor (tecnologa CGI). Lenguajes de programacin del lado del servidor de siguiente generacin (ASP, PHP, JSP, etc.). 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.

HTML

Lenguaje que da formato Define la sintxis y ubicacin de imgenes, instrucciones y objetos al navegador Posibilidad de conectar un documento con otros, o con otros recursos en Internet a travs de hipertexto

HTML
No es un procesador de palabra No es una herramienta de escritorio para diagramacin No es un lenguaje de programacin No es multimedia

HTML
Protocolo http

Cliente

Cliente: Explorer Netscape

Dame el archivo x Aqu est

Servidor Remoto

Estndares de HTML
HTML 1 Desarrollado en CERN HTML 2.0 Incluye mejoras en NCSA Mosaic (formularios e imgenes) HTML 3.2 Mejoras para controlar el formateo de tablas, etc. HTML 4.0 Mejoras para publicaciones multiplataforma (CSS, XML, WAP, DHTML)

HTML Fundamentos
Rtulos <H1>Inicio</H1> No sensitivos a maysculas y minsculas
<H1> o <h1>

Algunos atributos pueden ser sensibles a maysculas y minsculas como los nombre de archivos, por ejemplo. Normalmente van en pares denotando inicio y fin <H1> y </H1>

HTML Documentos Bsicos

Deben incluir
<HEAD> y </HEAD> contiene informacin

sobre el documento <BODY> y </BODY> es el contenido principal del documento <HTML> y </HTML> contiene los 2 elementos anteriores

HTML Elementos Bsicos

Rtulos Bsicos
<B> <I>

<HEAD> <TITLE> <P>

Rtulos de Formato Fsico Rtulos de Formato Lgico

<STRONG> <EM> <UL> <LI>

Enlaces de Hipertexto
<A HREF="">

HTMLEjemplos
<TITLE>Mi Primer Documento</TITLE> Este es mi primer documento HTML. doc1.html

<HTML> doc2.html <HEAD> <TITLE>Un mejor documento</TITLE> </HEAD> <BODY> <P>Novedades sobre el <EM>World Wide Web</EM> disponible en <A HREF="http://www.w3.org/">W3C</A></P> </BODY> </HTML>

HTMLFormularios
Interactividad Retroalimentacin Recoleccin de datos Pueden tabularse y analizarse Respuestas personalizadas Aceptado por todos los navegadores
(Ver manual)

HTMLFormularios

Gracias por su atencin