Introduccin a la web

Intr. a la creacin y gestin de pginas web

Nau Gran dHivern

Internet

Internet, red de redes

o

Internet es la red de redes que interconecta computadores mediante diferentes protocolos Un ordenador se puede conectar a Internet por medio de un servidor de red (mediante tecnologas diversas) Un ordenador puede conectarse a una red local y los ordenadores de dicha red local pueden conectarse a Internet mediante una pasarela Existen ordenadores permanentemente conectados a Internet que ofrecen recursos pginas web (son los servidores)

Recursos en Internet
o

Los recursos accesibles en Internet se identifican por un URI (identificador de recurso uniforme)(URL) p.e. http://www.uv.es/cerveron/paginasweb/index.ht ml
o o o

el protocolo con que acceder al recurso el nombre (o direccin) del host el nombre del recurso

Internet es el medio de comunicacin para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrnico, la transferencia de ficheros (FTP) y la web pginas web

Recursos en Internet
o

Los recursos accesibles en Internet se identifican por un URI (identificador de recurso uniforme)(URL) p.e. http://www.uv.es/cerveron/paginasweb/index.ht ml
o o o

el protocolo con que acceder al recurso el nombre (o direccin) del host el nombre del recurso

Internet es el medio de comunicacin para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrnico, la transferencia de ficheros (FTP) y la web pginas web

La Web

La web
o

La web es un sistema de informacin distribuido basado en hipertexto Los usuarios, mediante un navegador (cliente) solicitan recursos (normalmente pginas web) a un servidor web
o o

el cliente enva una peticin el servidor produce una respuesta (una pgina HTML)
o

[puede ser de error]

pginas web

World Wide Web Cmo se inici?

o

Tim Barnes Lee (CERN, 1989). Repositorio esttico de documentos:

o

Una forma cmoda de acceder a documentos estticos interrelacionados almacenados en servidores distribuidos alrededor del mundo. Un lenguaje para dar formato a los documentos (HTML). Un protocolo sencillo para comunicar navegadores (clientes) y servidores (HTTP).
pginas web 8

La especificacin inicial inclua:

o

El primer navegador grfico

o

En 1993 Marc Andreesen (estudiante) escribe Mosaic. Precursor de Netscape.

pginas web

Cmo funciona la web (1)

o

Para poder visualizar una pgina web es preciso:

o

Tener un ordenador conectado a Internet:

o

o
o

Establecer una conexin PPP con la mquina del ISP. El ordenador recibe una direccin IP temporal
o

Usando DHCP (Dynamic Host Configuration Protocol)

El ordenador recibe la direccin de un servidor de nombres (DNS, Domain Name Server)

pginas web

10

Cmo funciona la web (2)

o

Iniciar sesin en un navegador Web (ej.: Internet Explorer, Mozilla, Netscape, etc.) Indicar al navegador el URL de la pgina que se desea "visitar". El navegador pide al DNS la direccin IP correspondiente al servidor que contiene el documento cuyo URL se ha indicado. El navegador abre una sesin TCP con la mquina cuya direccin IP se ha obtenido.
pginas web 11

Cmo funciona la web (3)

o

o o o

El navegador solicita al servidor que le transmita el documento (orden GET). El servidor web enva el documento. La conexin TCP finaliza. El navegador muestra el documento.

pginas web

12

Cmo funciona la web

Abrir direccin http://www.uv.es/cerveron/index.html

Internet

Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.)

Servidor de nombres (DNS)
pginas web

Servidor Web

13

Estructura de un URL
URL = Uniform Resource Locator http://www.uv.es/cerveron/index.html

Nombre del protocolo de comunicacin con el servidor (http es el estndar para web)

Localizacin del documento dentro del sistema de archivos del servidor web

Nombre del dominio del servidor web donde se almacena el documento

pginas web

14

Cmo funciona la web

Abrir direccin http://www.uv.es/cerveron/index.html

Internet
Buscando host: www.uv.es 147.156.11.1

Servidor Web Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.)
direccin IP www.uv.es?

Servidor de nombres (DNS)

pginas web 15

Cmo funciona la web

Abrir direccin http://www.uv.es/cerveron/index.html

Internet

Envame el documento cerveron/index.html

Servidor Web Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.)

Servidor de nombres (DNS)

Introduccin pginas a la tecnologa web web (parte 16 3)

WWW es un sistema Cliente/Servidor

o

Clientes Web:
o
o

o
o

Utilizan el protocolo HTTP para conectar con los servidores. Solicitan y muestran las pginas web almacenadas en los servidores. Clientes tpicos: navegadores web (Explorer, Firefox).
"Escuchan" conexiones entrantes desde clientes. Utilizan el protocolo HTTP para conversar con los clientes. Almacenan y transmiten pginas web a los clientes. Actualmente interactan con el usuario y generan dinmicamente pginas web pginas web 17

Servidores Web:
o o o o

Aplicaciones web
o

La web era al principio un conjunto de pginas fijas La evolucin de la web ha llevado al desarrollo de aplicaciones web Una aplicacin web es un programa informtico en la red (en un servidor) cuya interaccin con el usuario sea mediante un navegador web
o o

El programa recibe los inputs del usuario El programa genera dinmicamente pginas web que muestran informacin personalizada y en su caso permiten al usuario seguir interactuando
pginas web 18

El lenguaje HTML

El lenguaje HTML
o

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) El navegador-cliente solicita y recibe del servidor web una pgina y nos la presenta formateada La pgina puede pedir al servidor imgenes (o otros recursos) que estn en archivos distintos de la propia pgina web y son enviados por el servidor y presentados por el cliente junto al texto
pginas web 20

Actividades
o

Acceder a una pgina escribiendo la URI Acceder a una pgina mediante un enlace contenido en otra Ver el cdigo fuente de una pgina Guardar una pgina web (slo HTML) para luego ver el archivo guardado y visualizar la pgina Guardar una pgina web completa para luego ver los archivos guardados y visualizar la pgina

pginas web

21

El lenguaje HTML
Consultar o Estructura de una pgina web o Formatos de texto o Formatos de prrafo en
http://www.uv.es/cerveron/paginasweb/notashtml.html

para despus o Crear una pgina web simple directamente con el editor de texto y visualizarla en tu PC
pginas web 22