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
o Un ordenador se puede conectar a Internet por
medio de un servidor de red (mediante tecnologas
diversas)
o Un ordenador puede conectarse a una red local y
los ordenadores de dicha red local pueden
conectarse a Internet mediante una pasarela
o Existen ordenadores permanentemente conectados
a Internet que ofrecen recursos (son los servidores)

pginas web 3
Recursos en Internet
o Los recursos accesibles en Internet se identifican por
un URI (identificador de recurso uniforme)(URL)
o p.e.
http://www.uv.es/cerveron/paginasweb/index.html
o el protocolo con que acceder al recurso
o el nombre (o direccin) del host
o el nombre del recurso
o 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 4
Recursos en Internet
o Los recursos accesibles en Internet se identifican por
un URI (identificador de recurso uniforme)(URL)
o p.e.
http://www.uv.es/cerveron/paginasweb/index.html
o el protocolo con que acceder al recurso
o el nombre (o direccin) del host
o el nombre del recurso
o 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 5
La Web
La web

o La web es un sistema de informacin distribuido

basado en hipertexto
o Los usuarios, mediante un navegador (cliente)
solicitan recursos (normalmente pginas web) a un
servidor web
o el cliente enva una peticin
o el servidor produce una respuesta (una pgina HTML)
o [puede ser de error]

pginas web 7
World Wide Web Cmo se inici?

o Tim Barnes Lee (CERN, 1989).

o Repositorio esttico de documentos:
o Una forma cmoda de acceder a documentos estticos
interrelacionados almacenados en servidores
distribuidos alrededor del mundo.
o La especificacin inicial inclua:
o Un lenguaje para dar formato a los documentos
(HTML).
o Un protocolo sencillo para comunicar navegadores
(clientes) y servidores (HTTP).

pginas web 8
El primer navegador grfico
o En 1993 Marc Andreesen (estudiante) escribe
Mosaic. Precursor de Netscape.

pginas web 9
Cmo funciona la web (1)
o Para poder visualizar una pgina web es preciso:
o Tener un ordenador conectado a Internet:
o Establecer una conexin PPP con la mquina del ISP.
o El ordenador recibe una direccin IP temporal
o Usando DHCP (Dynamic Host Configuration Protocol)
o 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.)
o Indicar al navegador el URL de la pgina que se
desea "visitar".
o El navegador pide al DNS la direccin IP
correspondiente al servidor que contiene el
documento cuyo URL se ha indicado.
o El navegador abre una sesin TCP con la mquina
cuya direccin IP se ha obtenido.

pginas web 11
Cmo funciona la web (3)
o El navegador solicita al servidor que le transmita el
documento (orden GET).
o El servidor web enva el documento.
o La conexin TCP finaliza.
o El navegador muestra el documento.

pginas web 12
 Cmo funciona la web
Abrir direccin http://www.uv.es/cerveron/index.html
Internet

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

Servidor de nombres
(DNS)

pginas web 13
 Estructura de un URL

URL = Uniform Resource Locator

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

Nombre del protocolo de comunicacin Localizacin del documento dentro del

con el servidor sistema de archivos del servidor web
(http es el estndar para 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 147.156.11.1
host:
www.uv.es

Servidor Web
direccin IP
Cliente Web
www.uv.es?
(Mosaic, Netscape,
Internet Explorer,
Servidor de nombres
Firefox, etc.)
(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,
Servidor de nombres
Firefox, etc.)
(DNS)

Introduccin
pginas
a la web
tecnologa web (parte 16
3)
WWW es un sistema Cliente/Servidor

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

pginas web 17
Aplicaciones web

o La web era al principio un conjunto de pginas fijas

o La evolucin de la web ha llevado al desarrollo de
aplicaciones web
o Una aplicacin web es un programa informtico en la
red (en un servidor) cuya interaccin con el usuario sea
mediante un navegador web
o El programa recibe los inputs del usuario
o 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)
o El navegador-cliente solicita y recibe del servidor web una
pgina y nos la presenta formateada
o 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
o Acceder a una pgina mediante un enlace contenido en
otra
o Ver el cdigo fuente de una pgina

o Guardar una pgina web (slo HTML) para luego ver el

archivo guardado y visualizar la pgina
o 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