SlideShare ist ein Scribd-Unternehmen logo
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 recursos (son los servidores)
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/index.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/index.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 del
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.
o Actualmente interactúan con el usuario y generan
dinámicamente páginas web
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

Weitere ähnliche Inhalte

Ähnlich wie Tecnologias WEB.pdf

Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
leiderserna
 
Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
leiderserna
 
Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
leiderserna
 
Web
WebWeb
Cliente web (anlli)
Cliente web (anlli)Cliente web (anlli)
Cliente web (anlli)
anllytunena
 
Cliente web (anlli)
Cliente web (anlli)Cliente web (anlli)
Cliente web (anlli)
anllytunena
 
Cliente web
Cliente web Cliente web
Cliente web
anllytunena
 
Navegadores
 Navegadores Navegadores
Navegadores
chictuto
 
Portafolio dd4
Portafolio dd4Portafolio dd4
Portafolio dd4
gissellatenelemaquishpe
 
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
Sergio Tudela
 
Que es la_web_juan galarza
Que es la_web_juan galarzaQue es la_web_juan galarza
Que es la_web_juan galarza
Juan Andres
 
expresion en internet 4b prepa tonala
expresion en internet 4b prepa tonalaexpresion en internet 4b prepa tonala
expresion en internet 4b prepa tonala
Ivan Flores
 
Worl Wide Web (WWW)
Worl Wide Web (WWW)Worl Wide Web (WWW)
Worl Wide Web (WWW)
KatarinaMillan
 
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
Jessica Quinatoa
 
Cliente web
Cliente webCliente web
Cliente web
saytubb
 
La web
La webLa web
La web
luispico
 
La web
La webLa web
La web
luispico
 
La web
La webLa web
La web
luispico
 
Trabajo de investigacion n°01
Trabajo de investigacion n°01Trabajo de investigacion n°01
Trabajo de investigacion n°01
David Antonio Cruz Naira
 
Diapo01
Diapo01Diapo01

Ähnlich wie Tecnologias WEB.pdf (20)

Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
 
Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
 
Cliente web leider serna
Cliente web leider sernaCliente web leider serna
Cliente web leider serna
 
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
 
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
 
Que es la_web_juan galarza
Que es la_web_juan galarzaQue es la_web_juan galarza
Que es la_web_juan galarza
 
expresion en internet 4b prepa tonala
expresion en internet 4b prepa tonalaexpresion en internet 4b prepa tonala
expresion en internet 4b prepa tonala
 
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
 
Cliente web
Cliente webCliente web
Cliente web
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 
La web
La webLa web
La web
 
Trabajo de investigacion n°01
Trabajo de investigacion n°01Trabajo de investigacion n°01
Trabajo de investigacion n°01
 
Diapo01
Diapo01Diapo01
Diapo01
 

Mehr von DEMSSHILLLEONELCOUTI

procesamiento de datos con python para resolucion de ciencia de datos, aplica...
procesamiento de datos con python para resolucion de ciencia de datos, aplica...procesamiento de datos con python para resolucion de ciencia de datos, aplica...
procesamiento de datos con python para resolucion de ciencia de datos, aplica...
DEMSSHILLLEONELCOUTI
 
tema de logica de logica de predicados para la aplicacion de inteligencia art...
tema de logica de logica de predicados para la aplicacion de inteligencia art...tema de logica de logica de predicados para la aplicacion de inteligencia art...
tema de logica de logica de predicados para la aplicacion de inteligencia art...
DEMSSHILLLEONELCOUTI
 
finitos.pptx
finitos.pptxfinitos.pptx
finitos.pptx
DEMSSHILLLEONELCOUTI
 
python CIENTIFIFO.pdf
python CIENTIFIFO.pdfpython CIENTIFIFO.pdf
python CIENTIFIFO.pdf
DEMSSHILLLEONELCOUTI
 
12. Arboles.ppt
12. Arboles.ppt12. Arboles.ppt
12. Arboles.ppt
DEMSSHILLLEONELCOUTI
 
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
SIMBOLOS PARA REALIZAR DERIVACIONES.pdfSIMBOLOS PARA REALIZAR DERIVACIONES.pdf
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
DEMSSHILLLEONELCOUTI
 
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
CICLO_DE_VIDA_DEL_SOFTWARE.pptxCICLO_DE_VIDA_DEL_SOFTWARE.pptx
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
DEMSSHILLLEONELCOUTI
 
Algoritmos.pdf
Algoritmos.pdfAlgoritmos.pdf
Algoritmos.pdf
DEMSSHILLLEONELCOUTI
 
RED.pptx
RED.pptxRED.pptx

Mehr von DEMSSHILLLEONELCOUTI (9)

procesamiento de datos con python para resolucion de ciencia de datos, aplica...
procesamiento de datos con python para resolucion de ciencia de datos, aplica...procesamiento de datos con python para resolucion de ciencia de datos, aplica...
procesamiento de datos con python para resolucion de ciencia de datos, aplica...
 
tema de logica de logica de predicados para la aplicacion de inteligencia art...
tema de logica de logica de predicados para la aplicacion de inteligencia art...tema de logica de logica de predicados para la aplicacion de inteligencia art...
tema de logica de logica de predicados para la aplicacion de inteligencia art...
 
finitos.pptx
finitos.pptxfinitos.pptx
finitos.pptx
 
python CIENTIFIFO.pdf
python CIENTIFIFO.pdfpython CIENTIFIFO.pdf
python CIENTIFIFO.pdf
 
12. Arboles.ppt
12. Arboles.ppt12. Arboles.ppt
12. Arboles.ppt
 
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
SIMBOLOS PARA REALIZAR DERIVACIONES.pdfSIMBOLOS PARA REALIZAR DERIVACIONES.pdf
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
 
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
CICLO_DE_VIDA_DEL_SOFTWARE.pptxCICLO_DE_VIDA_DEL_SOFTWARE.pptx
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
 
Algoritmos.pdf
Algoritmos.pdfAlgoritmos.pdf
Algoritmos.pdf
 
RED.pptx
RED.pptxRED.pptx
RED.pptx
 

Kürzlich hochgeladen

Redes neuronales Resumen de los tipos de redes neuronales.pdf
Redes neuronales Resumen de los tipos de redes neuronales.pdfRedes neuronales Resumen de los tipos de redes neuronales.pdf
Redes neuronales Resumen de los tipos de redes neuronales.pdf
Luis Lopez
 
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdfNomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
elcuybueno
 
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
Jose Manuel de la Cruz Castro
 
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACIONTRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
GABRIEL RUIZ
 
Retroalimentación - Aspectos operativos - 25-06.pptx
Retroalimentación - Aspectos operativos - 25-06.pptxRetroalimentación - Aspectos operativos - 25-06.pptx
Retroalimentación - Aspectos operativos - 25-06.pptx
EdSpinoza1
 
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
fannyluzcalizayallat
 
ANCHO ESTABLE y RUGOSIDA DEL RIO -jmz.pdf
ANCHO ESTABLE y RUGOSIDA  DEL RIO -jmz.pdfANCHO ESTABLE y RUGOSIDA  DEL RIO -jmz.pdf
ANCHO ESTABLE y RUGOSIDA DEL RIO -jmz.pdf
AldoMaycolPintoShuan
 
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptxInforme Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
Roger Roman
 
S1 Diseño e Ingeniería Primaria de Subestaciones.pptx
S1 Diseño e Ingeniería Primaria de Subestaciones.pptxS1 Diseño e Ingeniería Primaria de Subestaciones.pptx
S1 Diseño e Ingeniería Primaria de Subestaciones.pptx
JoseAntonioSalazarHi1
 
Elipse e Hiperbole Geometria Analitica.pptx
Elipse e Hiperbole Geometria Analitica.pptxElipse e Hiperbole Geometria Analitica.pptx
Elipse e Hiperbole Geometria Analitica.pptx
gziegler2186
 
Reanimacion cardiopulmonar neonatal 2024
Reanimacion cardiopulmonar neonatal 2024Reanimacion cardiopulmonar neonatal 2024
Reanimacion cardiopulmonar neonatal 2024
JOAQUIN LOPEZ RISCO
 
Casa Doble en la Weissenhofsiedlung.pdf
Casa Doble en la    Weissenhofsiedlung.pdfCasa Doble en la    Weissenhofsiedlung.pdf
Casa Doble en la Weissenhofsiedlung.pdf
yajuarezj
 
seguridad 2. Herramientas manuales y de poder.pdf
seguridad 2. Herramientas manuales y de poder.pdfseguridad 2. Herramientas manuales y de poder.pdf
seguridad 2. Herramientas manuales y de poder.pdf
DidiAlexandraPantoja
 
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
AnaGasparCantorin1
 
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptxnuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
HernandoVillavicenci
 
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
SandroRiveraValle
 
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptxRESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
WendyJhoysALVAREZANT1
 
recipientes sometidos a presión, pared gruesa y pared delgada
recipientes sometidos a presión, pared gruesa y pared delgadarecipientes sometidos a presión, pared gruesa y pared delgada
recipientes sometidos a presión, pared gruesa y pared delgada
cesamav
 
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdfGUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
Hector Gallardo
 
listado de precios unitarios de cegin.pdf
listado de precios unitarios de cegin.pdflistado de precios unitarios de cegin.pdf
listado de precios unitarios de cegin.pdf
luisespinocarrera1
 

Kürzlich hochgeladen (20)

Redes neuronales Resumen de los tipos de redes neuronales.pdf
Redes neuronales Resumen de los tipos de redes neuronales.pdfRedes neuronales Resumen de los tipos de redes neuronales.pdf
Redes neuronales Resumen de los tipos de redes neuronales.pdf
 
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdfNomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
Nomenclatura Organica Hibridacion del Carbono ALCANOS (1).pdf
 
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
Los cinco niveles de competencia dentro de un Estándar de Competencia Laboral...
 
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACIONTRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
TRANSMISIONES MECANICAS AUTOMOVIL PRESENTACION
 
Retroalimentación - Aspectos operativos - 25-06.pptx
Retroalimentación - Aspectos operativos - 25-06.pptxRetroalimentación - Aspectos operativos - 25-06.pptx
Retroalimentación - Aspectos operativos - 25-06.pptx
 
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
El Antiguo Egipto es una de las civilizaciones más fascinantes y duraderas de...
 
ANCHO ESTABLE y RUGOSIDA DEL RIO -jmz.pdf
ANCHO ESTABLE y RUGOSIDA  DEL RIO -jmz.pdfANCHO ESTABLE y RUGOSIDA  DEL RIO -jmz.pdf
ANCHO ESTABLE y RUGOSIDA DEL RIO -jmz.pdf
 
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptxInforme Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
Informe Semana 13 Mantenimiento del 23 al 29 de Marzo 2024.pptx
 
S1 Diseño e Ingeniería Primaria de Subestaciones.pptx
S1 Diseño e Ingeniería Primaria de Subestaciones.pptxS1 Diseño e Ingeniería Primaria de Subestaciones.pptx
S1 Diseño e Ingeniería Primaria de Subestaciones.pptx
 
Elipse e Hiperbole Geometria Analitica.pptx
Elipse e Hiperbole Geometria Analitica.pptxElipse e Hiperbole Geometria Analitica.pptx
Elipse e Hiperbole Geometria Analitica.pptx
 
Reanimacion cardiopulmonar neonatal 2024
Reanimacion cardiopulmonar neonatal 2024Reanimacion cardiopulmonar neonatal 2024
Reanimacion cardiopulmonar neonatal 2024
 
Casa Doble en la Weissenhofsiedlung.pdf
Casa Doble en la    Weissenhofsiedlung.pdfCasa Doble en la    Weissenhofsiedlung.pdf
Casa Doble en la Weissenhofsiedlung.pdf
 
seguridad 2. Herramientas manuales y de poder.pdf
seguridad 2. Herramientas manuales y de poder.pdfseguridad 2. Herramientas manuales y de poder.pdf
seguridad 2. Herramientas manuales y de poder.pdf
 
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
NOTIFICACIÓN, INVESTIGACIÓN Y REPORTE DE INCIDENTES, INCIDENTES PELIGROSOS Y ...
 
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptxnuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
nuevo - BALANCE DE ENERGIA PARA SISTEMAS REACCIONANTES.pptx
 
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
S01Introducción al dibujo UG.pptx.S01Introducción al dibujo UG.pptxS01Introdu...
 
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptxRESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
RESULTADO DE METALES PESADOS RED DE SALUD JAUJA.pptx
 
recipientes sometidos a presión, pared gruesa y pared delgada
recipientes sometidos a presión, pared gruesa y pared delgadarecipientes sometidos a presión, pared gruesa y pared delgada
recipientes sometidos a presión, pared gruesa y pared delgada
 
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdfGUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
GUÍA BÁSICA DE LA NORMATIVA ELÉCTRICA.pdf
 
listado de precios unitarios de cegin.pdf
listado de precios unitarios de cegin.pdflistado de precios unitarios de cegin.pdf
listado de precios unitarios de cegin.pdf
 

Tecnologias WEB.pdf

  • 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 recursos (son los servidores)
  • 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/index.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/index.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 del 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. o Actualmente interactúan con el usuario y generan dinámicamente páginas web
  • 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