SlideShare una empresa de Scribd logo
1 de 22
Introducción a la web
Internet
páginas web 3
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 tecnologías 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
páginas 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/i
ndex.html
o el protocolo con que acceder al recurso
o el nombre (o dirección) del host
o el nombre del recurso
o Internet es el medio de comunicación para
diversas aplicaciones, que utilizan
diferentes protocolos, destacando el
correo electrónico, la transferencia de
ficheros (FTP) y la web
páginas web 5
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/i
ndex.html
o el protocolo con que acceder al recurso
o el nombre (o dirección) del host
o el nombre del recurso
o Internet es el medio de comunicación para
diversas aplicaciones, que utilizan
diferentes protocolos, destacando el
correo electrónico, la transferencia de
ficheros (FTP) y la web
La Web
páginas web 7
La web
o La web es un sistema de información
distribuido basado en hipertexto
o Los usuarios, mediante un navegador
(cliente) solicitan recursos (normalmente
páginas web) a un servidor web
o el cliente envía una petición
o el servidor produce una respuesta (una
página HTML)
o [puede ser de error]
páginas web 8
World Wide Web ¿Cómo se
inició?
o Tim Barnes Lee (CERN, 1989).
o Repositorio estático de documentos:
o Una forma cómoda de acceder a documentos
estáticos interrelacionados almacenados en
servidores distribuidos alrededor del mundo.
o La especificación inicial incluía:
o Un lenguaje para dar formato a los
documentos (HTML).
o Un protocolo sencillo para comunicar
navegadores (clientes) y servidores (HTTP).
páginas web 9
El primer navegador gráfico
o En 1993 Marc Andreesen (estudiante)
escribe Mosaic. Precursor de Netscape.
páginas web 10
Cómo funciona la web (1)
o Para poder visualizar una página web es
preciso:
o Tener un ordenador conectado a Internet:
o Establecer una conexión PPP con la máquina del
ISP.
o El ordenador recibe una dirección IP temporal
o Usando DHCP (Dynamic Host Configuration Protocol)
o El ordenador recibe la dirección de un servidor
de nombres (DNS, Domain Name Server)
páginas web 11
Cómo funciona la web (2)
o Iniciar sesión en un navegador Web (ej.:
Internet Explorer, Mozilla, Netscape, etc.)
o Indicar al navegador el URL de la página
que se desea "visitar".
o El navegador pide al DNS la dirección IP
correspondiente al servidor que contiene
el documento cuyo URL se ha indicado.
o El navegador abre una sesión TCP con la
máquina cuya dirección IP se ha obtenido.
páginas web 12
Cómo funciona la web (3)
o El navegador solicita al servidor que le
transmita el documento (orden GET).
o El servidor web envía el documento.
o La conexión TCP finaliza.
o El navegador muestra el documento.
páginas web 13
Cómo funciona la web
Servidor de nombres
(DNS)
Servidor Web
Cliente Web
(Mosaic, Netscape,
Internet Explorer, Firefox, etc.)
Internet
Abrir dirección “http://www.uv.es/cerveron/index.html”
páginas web 14
Estructura de un URL
URL = Uniform Resource Locator
http://www.uv.es/cerveron/index.html
Nombre del protocolo de comunicación
con el servidor
(http es el estándar para web)
Nombre del dominio del servidor web
donde se almacena el documento
Localización del documento dentro d
sistema de archivos del servidor web
páginas web 15
Cómo funciona la web
Servidor de nombres
(DNS)
Servidor Web
Cliente Web
(Mosaic, Netscape,
Internet Explorer,
Firefox, etc.)
Internet
Abrir dirección “http://www.uv.es/cerveron/index.html”
Buscando
host:
www.uv.es
¿dirección IP
www.uv.es?
147.156.11.1
páginas web 16
Cómo funciona la web
Introducción a la tecnología web (parte 3)
Servidor de nombres
(DNS)
Servidor Web
Cliente Web
(Mosaic, Netscape,
Internet Explorer,
Firefox, etc.)
Internet
Abrir dirección “http://www.uv.es/cerveron/index.html”
Envíame el documento
cerveron/index.html
páginas web 17
WWW es un sistema
Cliente/Servidor
o Clientes Web:
o Utilizan el protocolo HTTP para conectar con los
servidores.
o Solicitan y muestran las páginas web
almacenadas en los servidores.
o Clientes típicos: 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 páginas web a los
clientes.
páginas web 18
Aplicaciones web
o La web era al principio un conjunto de
páginas fijas
o La evolución de la web ha llevado al
desarrollo de aplicaciones web
o Una aplicación web es un programa
informático en la red (en un servidor) cuya
interacción con el usuario sea mediante un
navegador web
o El programa recibe los inputs del usuario
o El programa genera dinámicamente páginas web
que muestran información personalizada y en su
caso permiten al usuario seguir interactuando
El lenguaje HTML
páginas web 20
El lenguaje HTML
o HTML es un lenguaje que permite incluir texto
junto a las indicaciones de cómo mostrarlo, cómo y
dónde incluir imágenes y cómo acceder mediante
enlaces a otros recursos en Internet (y también
posibilita la entrada de datos)
o El navegador-cliente solicita y recibe del servidor
web una página y nos la presenta formateada
o La página puede “pedir” al servidor imágenes (o
otros recursos) que están en archivos distintos de
la propia página web y son enviados por el servidor
y presentados por el cliente junto al texto
páginas web 21
Actividades
o Acceder a una página escribiendo la URI
o Acceder a una página mediante un enlace
contenido en otra
o Ver el código fuente de una página
o Guardar una página web (sólo HTML) para luego
ver el archivo guardado y visualizar la página
o Guardar una página web completa para luego ver
los archivos guardados y visualizar la página
páginas web 22
El lenguaje HTML
Consultar
o Estructura de una página web
o Formatos de texto
o Formatos de párrafo
en
http://www.uv.es/cerveron/paginasweb/notashtml
.html
para después
o Crear una página web simple
directamente con el editor de texto y
visualizarla en tu PC

Más contenido relacionado

Similar a Introducción a la Web y HTML

Similar a Introducción a la Web y HTML (20)

Web
WebWeb
Web
 
Cliente web (anlli)
Cliente web (anlli)Cliente web (anlli)
Cliente web (anlli)
 
Cliente web (anlli)
Cliente web (anlli)Cliente web (anlli)
Cliente web (anlli)
 
Cliente web
Cliente web Cliente web
Cliente web
 
Navegadores
 Navegadores Navegadores
Navegadores
 
Portafolio dd4
Portafolio dd4Portafolio dd4
Portafolio dd4
 
Que es la_web_juan galarza
Que es la_web_juan galarzaQue es la_web_juan galarza
Que es la_web_juan galarza
 
Worl Wide Web (WWW)
Worl Wide Web (WWW)Worl Wide Web (WWW)
Worl Wide Web (WWW)
 
Publicación de contenidos en la web
Publicación de contenidos en la webPublicación de contenidos en la web
Publicación de contenidos en la web
 
expresion en internet 4b prepa tonala
expresion en internet 4b prepa tonalaexpresion en internet 4b prepa tonala
expresion en internet 4b prepa tonala
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 
Teoria Internet y Sitios Web
Teoria Internet y Sitios WebTeoria Internet y Sitios Web
Teoria Internet y Sitios Web
 
Diapo01
Diapo01Diapo01
Diapo01
 
Publicación de contenidos en la Web
Publicación de contenidos en la WebPublicación de contenidos en la Web
Publicación de contenidos en la Web
 
Internet
InternetInternet
Internet
 
Cliente web
Cliente webCliente web
Cliente web
 
Ficha # 1 pagina web y sitio web
Ficha # 1 pagina web y sitio webFicha # 1 pagina web y sitio web
Ficha # 1 pagina web y sitio web
 
Presentación1
Presentación1Presentación1
Presentación1
 

Más de DemsshillCoutino

maestria oficial ciencia-datos apiicado a la estadistia.pdf
maestria oficial ciencia-datos apiicado a la estadistia.pdfmaestria oficial ciencia-datos apiicado a la estadistia.pdf
maestria oficial ciencia-datos apiicado a la estadistia.pdfDemsshillCoutino
 
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptx
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptxSISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptx
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptxDemsshillCoutino
 
Introduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fasesIntroduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fasesDemsshillCoutino
 
Analisis de algoritmo para la inteligencia aratificial.pdf
Analisis de algoritmo para la inteligencia aratificial.pdfAnalisis de algoritmo para la inteligencia aratificial.pdf
Analisis de algoritmo para la inteligencia aratificial.pdfDemsshillCoutino
 
Las Expresiones Algebraicas.ppt
Las Expresiones Algebraicas.pptLas Expresiones Algebraicas.ppt
Las Expresiones Algebraicas.pptDemsshillCoutino
 
INTRODCCION A LA DIAGRAMAS DE FLUJO.ppt
INTRODCCION A LA DIAGRAMAS DE FLUJO.pptINTRODCCION A LA DIAGRAMAS DE FLUJO.ppt
INTRODCCION A LA DIAGRAMAS DE FLUJO.pptDemsshillCoutino
 
resolucion de problemas.ppt
resolucion de problemas.pptresolucion de problemas.ppt
resolucion de problemas.pptDemsshillCoutino
 
UND12_Auditoria de Sistemas. Mi plan B.pdf
UND12_Auditoria de Sistemas. Mi plan B.pdfUND12_Auditoria de Sistemas. Mi plan B.pdf
UND12_Auditoria de Sistemas. Mi plan B.pdfDemsshillCoutino
 
AUDITORIAS informaticas .pptx
AUDITORIAS informaticas .pptxAUDITORIAS informaticas .pptx
AUDITORIAS informaticas .pptxDemsshillCoutino
 
FUNCION EN UNA DIRECCION.pptx
FUNCION EN UNA DIRECCION.pptxFUNCION EN UNA DIRECCION.pptx
FUNCION EN UNA DIRECCION.pptxDemsshillCoutino
 
Numeros Reales y Conjuntos.pptx
Numeros Reales y Conjuntos.pptxNumeros Reales y Conjuntos.pptx
Numeros Reales y Conjuntos.pptxDemsshillCoutino
 

Más de DemsshillCoutino (20)

maestria oficial ciencia-datos apiicado a la estadistia.pdf
maestria oficial ciencia-datos apiicado a la estadistia.pdfmaestria oficial ciencia-datos apiicado a la estadistia.pdf
maestria oficial ciencia-datos apiicado a la estadistia.pdf
 
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptx
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptxSISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptx
SISTEMA DE DOS ECUACIONES utilizando difentes petodos para solucionar.pptx
 
Introduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fasesIntroduccion a las tecnologias Tecnologías Web en sus diferentes fases
Introduccion a las tecnologias Tecnologías Web en sus diferentes fases
 
Analisis de algoritmo para la inteligencia aratificial.pdf
Analisis de algoritmo para la inteligencia aratificial.pdfAnalisis de algoritmo para la inteligencia aratificial.pdf
Analisis de algoritmo para la inteligencia aratificial.pdf
 
Las Expresiones Algebraicas.ppt
Las Expresiones Algebraicas.pptLas Expresiones Algebraicas.ppt
Las Expresiones Algebraicas.ppt
 
INTRODCCION A LA DIAGRAMAS DE FLUJO.ppt
INTRODCCION A LA DIAGRAMAS DE FLUJO.pptINTRODCCION A LA DIAGRAMAS DE FLUJO.ppt
INTRODCCION A LA DIAGRAMAS DE FLUJO.ppt
 
resolucion de problemas.ppt
resolucion de problemas.pptresolucion de problemas.ppt
resolucion de problemas.ppt
 
FUNCION CUADRATICA.pptx
FUNCION CUADRATICA.pptxFUNCION CUADRATICA.pptx
FUNCION CUADRATICA.pptx
 
UND12_Auditoria de Sistemas. Mi plan B.pdf
UND12_Auditoria de Sistemas. Mi plan B.pdfUND12_Auditoria de Sistemas. Mi plan B.pdf
UND12_Auditoria de Sistemas. Mi plan B.pdf
 
Clase 1.pdf
Clase 1.pdfClase 1.pdf
Clase 1.pdf
 
entendiendo automatas.ppt
entendiendo automatas.pptentendiendo automatas.ppt
entendiendo automatas.ppt
 
Algoritmos.ppt
Algoritmos.pptAlgoritmos.ppt
Algoritmos.ppt
 
AUDITORIAS informaticas .pptx
AUDITORIAS informaticas .pptxAUDITORIAS informaticas .pptx
AUDITORIAS informaticas .pptx
 
FUNCION EN UNA DIRECCION.pptx
FUNCION EN UNA DIRECCION.pptxFUNCION EN UNA DIRECCION.pptx
FUNCION EN UNA DIRECCION.pptx
 
PLANOS RECTAS.pdf
PLANOS RECTAS.pdfPLANOS RECTAS.pdf
PLANOS RECTAS.pdf
 
RECTA SOBRE PLANOS.pptx
RECTA SOBRE PLANOS.pptxRECTA SOBRE PLANOS.pptx
RECTA SOBRE PLANOS.pptx
 
CsOBIT.ppt
CsOBIT.pptCsOBIT.ppt
CsOBIT.ppt
 
Numeros Reales y Conjuntos.pptx
Numeros Reales y Conjuntos.pptxNumeros Reales y Conjuntos.pptx
Numeros Reales y Conjuntos.pptx
 
Sistemas Numericos.pdf
Sistemas Numericos.pdfSistemas Numericos.pdf
Sistemas Numericos.pdf
 
Bases de Datos.pptx
Bases de Datos.pptxBases de Datos.pptx
Bases de Datos.pptx
 

Último

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxRogerPrieto3
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 

Último (15)

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Herramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptxHerramientas de corte de alta velocidad.pptx
Herramientas de corte de alta velocidad.pptx
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante9egb-lengua y Literatura.pdf_texto del estudiante
9egb-lengua y Literatura.pdf_texto del estudiante
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 

Introducción a la Web y HTML

  • 3. páginas web 3 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 tecnologías 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
  • 4. páginas 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/i ndex.html o el protocolo con que acceder al recurso o el nombre (o dirección) del host o el nombre del recurso o Internet es el medio de comunicación para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrónico, la transferencia de ficheros (FTP) y la web
  • 5. páginas web 5 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/i ndex.html o el protocolo con que acceder al recurso o el nombre (o dirección) del host o el nombre del recurso o Internet es el medio de comunicación para diversas aplicaciones, que utilizan diferentes protocolos, destacando el correo electrónico, la transferencia de ficheros (FTP) y la web
  • 7. páginas web 7 La web o La web es un sistema de información distribuido basado en hipertexto o Los usuarios, mediante un navegador (cliente) solicitan recursos (normalmente páginas web) a un servidor web o el cliente envía una petición o el servidor produce una respuesta (una página HTML) o [puede ser de error]
  • 8. páginas web 8 World Wide Web ¿Cómo se inició? o Tim Barnes Lee (CERN, 1989). o Repositorio estático de documentos: o Una forma cómoda de acceder a documentos estáticos interrelacionados almacenados en servidores distribuidos alrededor del mundo. o La especificación inicial incluía: o Un lenguaje para dar formato a los documentos (HTML). o Un protocolo sencillo para comunicar navegadores (clientes) y servidores (HTTP).
  • 9. páginas web 9 El primer navegador gráfico o En 1993 Marc Andreesen (estudiante) escribe Mosaic. Precursor de Netscape.
  • 10. páginas web 10 Cómo funciona la web (1) o Para poder visualizar una página web es preciso: o Tener un ordenador conectado a Internet: o Establecer una conexión PPP con la máquina del ISP. o El ordenador recibe una dirección IP temporal o Usando DHCP (Dynamic Host Configuration Protocol) o El ordenador recibe la dirección de un servidor de nombres (DNS, Domain Name Server)
  • 11. páginas web 11 Cómo funciona la web (2) o Iniciar sesión en un navegador Web (ej.: Internet Explorer, Mozilla, Netscape, etc.) o Indicar al navegador el URL de la página que se desea "visitar". o El navegador pide al DNS la dirección IP correspondiente al servidor que contiene el documento cuyo URL se ha indicado. o El navegador abre una sesión TCP con la máquina cuya dirección IP se ha obtenido.
  • 12. páginas web 12 Cómo funciona la web (3) o El navegador solicita al servidor que le transmita el documento (orden GET). o El servidor web envía el documento. o La conexión TCP finaliza. o El navegador muestra el documento.
  • 13. páginas web 13 Cómo funciona la web Servidor de nombres (DNS) Servidor Web Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.) Internet Abrir dirección “http://www.uv.es/cerveron/index.html”
  • 14. páginas web 14 Estructura de un URL URL = Uniform Resource Locator http://www.uv.es/cerveron/index.html Nombre del protocolo de comunicación con el servidor (http es el estándar para web) Nombre del dominio del servidor web donde se almacena el documento Localización del documento dentro d sistema de archivos del servidor web
  • 15. páginas web 15 Cómo funciona la web Servidor de nombres (DNS) Servidor Web Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.) Internet Abrir dirección “http://www.uv.es/cerveron/index.html” Buscando host: www.uv.es ¿dirección IP www.uv.es? 147.156.11.1
  • 16. páginas web 16 Cómo funciona la web Introducción a la tecnología web (parte 3) Servidor de nombres (DNS) Servidor Web Cliente Web (Mosaic, Netscape, Internet Explorer, Firefox, etc.) Internet Abrir dirección “http://www.uv.es/cerveron/index.html” Envíame el documento cerveron/index.html
  • 17. páginas web 17 WWW es un sistema Cliente/Servidor o Clientes Web: o Utilizan el protocolo HTTP para conectar con los servidores. o Solicitan y muestran las páginas web almacenadas en los servidores. o Clientes típicos: 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 páginas web a los clientes.
  • 18. páginas web 18 Aplicaciones web o La web era al principio un conjunto de páginas fijas o La evolución de la web ha llevado al desarrollo de aplicaciones web o Una aplicación web es un programa informático en la red (en un servidor) cuya interacción con el usuario sea mediante un navegador web o El programa recibe los inputs del usuario o El programa genera dinámicamente páginas web que muestran información personalizada y en su caso permiten al usuario seguir interactuando
  • 20. páginas web 20 El lenguaje HTML o HTML es un lenguaje que permite incluir texto junto a las indicaciones de cómo mostrarlo, cómo y dónde incluir imágenes y cómo acceder mediante enlaces a otros recursos en Internet (y también posibilita la entrada de datos) o El navegador-cliente solicita y recibe del servidor web una página y nos la presenta formateada o La página puede “pedir” al servidor imágenes (o otros recursos) que están en archivos distintos de la propia página web y son enviados por el servidor y presentados por el cliente junto al texto
  • 21. páginas web 21 Actividades o Acceder a una página escribiendo la URI o Acceder a una página mediante un enlace contenido en otra o Ver el código fuente de una página o Guardar una página web (sólo HTML) para luego ver el archivo guardado y visualizar la página o Guardar una página web completa para luego ver los archivos guardados y visualizar la página
  • 22. páginas web 22 El lenguaje HTML Consultar o Estructura de una página web o Formatos de texto o Formatos de párrafo en http://www.uv.es/cerveron/paginasweb/notashtml .html para después o Crear una página web simple directamente con el editor de texto y visualizarla en tu PC