SlideShare una empresa de Scribd 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

Más contenido relacionado

PPT
intro_web.ppt
PPT
AUTOESTIMA PARA ESTUDIANTES Y PROFESIOANLES
PPT
introduccion a las_web en el 2025_mejoras.ppt
PPT
Introducción a la Web
PDF
11a LA INTERNET.pdf para estudiantes noveles
PPTX
11a LA INTERNET.pptx LA REDE DE REDES EN COMPUTACION
PPT
Internet profesorado de francesy portugues
PPT
intro_web.ppt
intro_web.ppt
AUTOESTIMA PARA ESTUDIANTES Y PROFESIOANLES
introduccion a las_web en el 2025_mejoras.ppt
Introducción a la Web
11a LA INTERNET.pdf para estudiantes noveles
11a LA INTERNET.pptx LA REDE DE REDES EN COMPUTACION
Internet profesorado de francesy portugues
intro_web.ppt

Similar a Tecnologias WEB.pdf (20)

PPT
intro_web, presentacion de herramientas de la web
PPT
Introducción a la web, red de redes. Recursos.
PPTX
teoria web.pptxggggfffffffddvnkutffdcvhtrf
PPT
Tecnologia web
PPT
Que es la web
PPT
Cliente web leider serna
PPT
Cliente web leider serna
PPT
Cliente web leider serna
PPT
PPT
Cliente web (anlli)
PPT
Cliente web (anlli)
PPT
Cliente web
PDF
Navegadores
PPTX
Portafolio dd4
PDF
Publicación de contenidos en la web
PPT
Que es la_web_juan galarza
PPT
expresion en internet 4b prepa tonala
PPTX
Worl Wide Web (WWW)
PDF
Publicación de contenidos en la Web
PPT
Cliente web
intro_web, presentacion de herramientas de la web
Introducción a la web, red de redes. Recursos.
teoria web.pptxggggfffffffddvnkutffdcvhtrf
Tecnologia web
Que es la web
Cliente web leider serna
Cliente web leider serna
Cliente web leider serna
Cliente web (anlli)
Cliente web (anlli)
Cliente web
Navegadores
Portafolio dd4
Publicación de contenidos en la web
Que es la_web_juan galarza
expresion en internet 4b prepa tonala
Worl Wide Web (WWW)
Publicación de contenidos en la Web
Cliente web
Publicidad

Más de DEMSSHILLLEONELCOUTI (9)

PDF
procesamiento de datos con python para resolucion de ciencia de datos, aplica...
PPTX
tema de logica de logica de predicados para la aplicacion de inteligencia art...
PPTX
finitos.pptx
PDF
python CIENTIFIFO.pdf
PPT
12. Arboles.ppt
PDF
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
PPTX
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
PDF
Algoritmos.pdf
PPTX
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...
finitos.pptx
python CIENTIFIFO.pdf
12. Arboles.ppt
SIMBOLOS PARA REALIZAR DERIVACIONES.pdf
CICLO_DE_VIDA_DEL_SOFTWARE.pptx
Algoritmos.pdf
Publicidad

Último (20)

PDF
Perfilaje de Pozos _20250624_222013_0000.pdf
PPT
Sustancias Peligrosas de empresas para su correcto manejo
PPTX
Presentación - Taller interpretación iso 9001-Solutions consulting learning.pptx
PPTX
Presentacion_Palcoma_Alta energia solar eolica
PPTX
Manual ISO9001_2015_IATF_16949_2016.pptx
PDF
presentacion sobre los polimeros, como se conforman
PDF
Primera formulación de cargos de la SEC en contra del CEN
PDF
S15 Protección de redes electricas 2025-1_removed.pdf
PDF
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
PPT
tema DISEÑO ORGANIZACIONAL UNIDAD 1 A.ppt
PPTX
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
PDF
Módulo-de Alcance-proyectos - Definición.pdf
PPT
PRIMEROS AUXILIOS EN EL SECTOR EMPRESARIAL
PDF
LIBRO UNIVERSITARIO SISTEMAS PRODUCTIVOS BN.pdf
PDF
LIBRO UNIVERSITARIO INTELIGENCIA ALGORITMICA BN.pdf
PDF
Sustitucion_del_maiz_por_harina_integral_de_zapall.pdf
PDF
LIBRO UNIVERSITARIO SOFTWARE PARA INGENIERIA BN.pdf
PDF
LIBRO UNIVERSITARIO DESARROLLO ORGANIZACIONAL BN.pdf
PDF
Oficio SEC 293416 Comision Investigadora
PPTX
Software para la educación instituciones superiores
Perfilaje de Pozos _20250624_222013_0000.pdf
Sustancias Peligrosas de empresas para su correcto manejo
Presentación - Taller interpretación iso 9001-Solutions consulting learning.pptx
Presentacion_Palcoma_Alta energia solar eolica
Manual ISO9001_2015_IATF_16949_2016.pptx
presentacion sobre los polimeros, como se conforman
Primera formulación de cargos de la SEC en contra del CEN
S15 Protección de redes electricas 2025-1_removed.pdf
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
tema DISEÑO ORGANIZACIONAL UNIDAD 1 A.ppt
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
Módulo-de Alcance-proyectos - Definición.pdf
PRIMEROS AUXILIOS EN EL SECTOR EMPRESARIAL
LIBRO UNIVERSITARIO SISTEMAS PRODUCTIVOS BN.pdf
LIBRO UNIVERSITARIO INTELIGENCIA ALGORITMICA BN.pdf
Sustitucion_del_maiz_por_harina_integral_de_zapall.pdf
LIBRO UNIVERSITARIO SOFTWARE PARA INGENIERIA BN.pdf
LIBRO UNIVERSITARIO DESARROLLO ORGANIZACIONAL BN.pdf
Oficio SEC 293416 Comision Investigadora
Software para la educación instituciones superiores

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