html introduccion

Introducción a Internet y a la Web

© Juan Quemada, DIT, UPM
Sunday, February 23, 14

1

Clientes, servidores y la nube
Clientes:
!

Dan acceso a información y servicios en Internet

Servidores:
!

Alojan la información y los servicios

La nube: conjunto de terminales y servidores
!

interconectados con aplicaciones y protocolos de Internet

TCP/IP: protocolos deinterconexión de redes de fibra, cable, WIFI, ...
!

sobre los que se implementan las aplicaciones de Internet y sus protocolos
" Tales como el Web (HTTP), email (SMTP, POP3, ...), ...
2

Sunday, February 23, 14

Clientes y navegadores
Clientes de acceso a Internet más importantes
!

PCs, portátiles, tabletas, teléfonos inteligentes

Navegador (browser) cliente Web de acceso a servidores
!Utilizando: URL, HTTP, HTML, CSS y JS
" p.e. Chrome, Firefox, Internet Explorer, Opera, Safari, ...

Tiendas de aplicaciones
!

Instalan aplicaciones en móviles y tabletas
" Las aplicaciones usan las normas de la Web (URL, HTTP, ....)
3

Sunday, February 23, 14

Servidores
Contienen información y servicios
Tiene una dirección “conocida” en Internet
!

Dirección simbólica (dedominio): upm.es, google.com, ...

Cada dirección de dominio tiene una dirección IP asociada
!

Las direcciones IP son binarias y hay 2 tipos
" IPv4, tales como 192.9.0.144, ...
" IPv6, tales como

2001:db8:85a3::8a2e:370:7334, ....

Los servidores suelen virtualizarse en granjas de servidores
!

Accesibles a través de la nube
4

Sunday, February 23, 14

Servidor (host)
puerto25

Servicios y puertos

dirección
IP

puerto 80

Web:
HTTP

Puerto
!

email:
SMTP

Dirección interna del servidor (16 bits)
" Da acceso a un servicio a través de un protocolo

Normalmente a través de circuitos virtuales TCP
" Dirección de 16 bits
! un servidor puede tener hasta ~65000 (2^16) servicios diferentes
!

Los servicios tienen un protocolo y un puerto pordefecto
!
!
!
!

Web:
protocolo HTTP (puerto 80)
Web seguro: protocolo HTTPS (puerto 443)
Email:
protocolo SMTP (puerto 25), POP3 (100), ...
Shell segura: protocolo SSH (puerto 22)

Si un servicio no está en el puerto por defecto
!

El puerto debe incluirse en el URL, p.e. http://dit.upm.es:8080
5

Sunday, February 23, 14

google.com

URL y Recurso
http://google.com/picture.pngURL (Uniform Resource Locator)
!

Inicialmente se diseño como dirección de un recurso (página Web)
" Se generalizó como dirección de acceso a un servicio o recurso en Internet

Recurso
!

Contenido digital de interés para un usuario
" página Web, foto, pelicula, fichero o parte de el, registro de una BD, .....

URL tiene 3 componentes básicos
!
!
!

protocolo: protocolo deacceso (http)
servidor: dirección del servidor en Internet (google.com)
camino: identificador del fichero en servidor (/picture.com)
6

Sunday, February 23, 14

HTTP (HiperText Transfer Protocol)
Protocolo del Web
!

Procesa recursos identificados por un URL en un servidor remoto

Comandos u operaciones principales de HTTP
!
!
!
!
!

GET:
trae al cliente (lee) un recursoidentificado por un URL
POST: crea un recurso identificado por un URL
PUT:
actualiza un recurso identificado por un URL
DELETE: borra un recurso identificado `pr un URL
....... (hay mas comandos)
Cliente 1 solicita recurso:
http://uah.es/dir/rec5.html

upm.es

Clientes 2, 3 y 4 solicitan recursos:
http://upm.es/.../......html
HTTP GET

google.com
HTTP GET

apple.es
7
Sunday, February23, 14

Aplicación Web
Aplicaciones ejecutables en un navegador creadas con
!

HTML, CSS y JavaScript

HTML
!

Lenguaje de marcado de páginas Web
" define la estructura del contenido de una página Web

!

En WebApps define la interfaz de la aplicación con el usuario

CSS
!

Define el estilo visual de un una página o aplicación Web (HTML)

JavaScript
!

Lenguaje de...