SlideShare una empresa de Scribd logo
Nau Gran d’Hivern
Intr. a la creación y gestión de páginas web
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.ht
ml
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.ht
ml
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
AUTOESTIMA PARA ESTUDIANTES Y PROFESIOANLES
PPT
introduccion a las_web en el 2025_mejoras.ppt
PDF
Tecnologias WEB.pdf
PPTX
Las Tecnologias.pptx
PPT
intro_web, presentacion de herramientas de la web
PPT
Internet profesorado de francesy portugues
PPT
intro_web.ppt
PPT
Tecnologia web
AUTOESTIMA PARA ESTUDIANTES Y PROFESIOANLES
introduccion a las_web en el 2025_mejoras.ppt
Tecnologias WEB.pdf
Las Tecnologias.pptx
intro_web, presentacion de herramientas de la web
Internet profesorado de francesy portugues
intro_web.ppt
Tecnologia web

Similar a intro_web.ppt (20)

PPT
Introducción a la Web
PPT
Introducción a la web, red de redes. Recursos.
PPT
Cliente web (anlli)
PPT
Cliente web (anlli)
PPTX
teoria web.pptxggggfffffffddvnkutffdcvhtrf
PPT
Cliente web
PDF
11a LA INTERNET.pdf para estudiantes noveles
PPT
Que es la web
PPTX
11a LA INTERNET.pptx LA REDE DE REDES EN COMPUTACION
PPT
Cliente web leider serna
PPT
Cliente web leider serna
PPT
Cliente web leider serna
PPTX
El origen-de-las-paginas-web-final
PPT
Cliente web
PPTX
PPT
Tema 6
PDF
Funcionamiento de la web 2018
ODP
Aplicaciones web
DOC
Guía: fundamentos html
PDF
Publicación de contenidos en Web
Introducción a la Web
Introducción a la web, red de redes. Recursos.
Cliente web (anlli)
Cliente web (anlli)
teoria web.pptxggggfffffffddvnkutffdcvhtrf
Cliente web
11a LA INTERNET.pdf para estudiantes noveles
Que es la web
11a LA INTERNET.pptx LA REDE DE REDES EN COMPUTACION
Cliente web leider serna
Cliente web leider serna
Cliente web leider serna
El origen-de-las-paginas-web-final
Cliente web
Tema 6
Funcionamiento de la web 2018
Aplicaciones web
Guía: fundamentos html
Publicación de contenidos en Web
Publicidad

Más de DanielHidalgo92 (16)

PPT
desarrollo_ide (1).ppt
PPTX
2028.pptx
PPT
circuitoscombinaciones-ejercicio.ppt
PPTX
Matricez.pptx
PDF
DISEñO-DE-PAGINAS-CON-HTML.pdf
PPT
Diseño de Paginas WEB (1).ppt
PPTX
Teoria_del_Color.pptx
PPTX
FP01 (1).pptx
PPT
desarrollo_ide.ppt
PDF
Programación Orientada Objetos. Estructuras de control if, If else, switch.pdf
PDF
adaptadoresdered-100330143121-phpapp02.pdf
PPT
Switch_Presentation.ppt
PPTX
estructurascondicionales-180528201514.pptx
PPTX
modems-e-interfaces.pptx
PPTX
informatica_iv_-_unidad_2._algoritmos.pptx
PPT
JAVA (1).PPT
desarrollo_ide (1).ppt
2028.pptx
circuitoscombinaciones-ejercicio.ppt
Matricez.pptx
DISEñO-DE-PAGINAS-CON-HTML.pdf
Diseño de Paginas WEB (1).ppt
Teoria_del_Color.pptx
FP01 (1).pptx
desarrollo_ide.ppt
Programación Orientada Objetos. Estructuras de control if, If else, switch.pdf
adaptadoresdered-100330143121-phpapp02.pdf
Switch_Presentation.ppt
estructurascondicionales-180528201514.pptx
modems-e-interfaces.pptx
informatica_iv_-_unidad_2._algoritmos.pptx
JAVA (1).PPT
Publicidad

Último (20)

PDF
FIJA NUEVO TEXTO DE LA ORDENANZA GENERAL DE LA LEY GENERAL DE URBANISMO Y CON...
PPTX
NILS actividad 4 PRESENTACION.pptx pppppp
PDF
SUBDIVISIÓN URBANA PUEDE ENFRENTAR SERVIDUMBRE DE PASO.pdf
PDF
1132-2018 espectrofotometro uv visible.pdf
PDF
Durabilidad del concreto en zonas costeras
DOCX
Cumplimiento normativo y realidad laboral
PDF
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
PPTX
MODULO 1.SEGURIDAD Y SALUD CONCEPTOS GENERALES.pptx
PPTX
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
PDF
prg2_t01_p01_Fundamentos POO - parte1.pdf
PDF
Perfilaje de Pozos _20250624_222013_0000.pdf
PDF
Primera formulación de cargos de la SEC en contra del CEN
PDF
Electricidad-Estatica-Peligros-Prevencion.pdf
PDF
Informe Comision Investigadora Final distribución electrica años 2024 y 2025
PDF
MATRIZ IDENTIFICACIÓN EVALUACION CONTROL PRL.pdf
PDF
S15 Protección de redes electricas 2025-1_removed.pdf
PDF
Módulo-de Alcance-proyectos - Definición.pdf
PPT
357161027-seguridad-industrial-diapositivas-ppt.ppt
PPTX
CAPACITACIÓN DE USO ADECUADO DE EPP.pptx
DOC
informacion acerca de la crianza tecnificada de cerdos
FIJA NUEVO TEXTO DE LA ORDENANZA GENERAL DE LA LEY GENERAL DE URBANISMO Y CON...
NILS actividad 4 PRESENTACION.pptx pppppp
SUBDIVISIÓN URBANA PUEDE ENFRENTAR SERVIDUMBRE DE PASO.pdf
1132-2018 espectrofotometro uv visible.pdf
Durabilidad del concreto en zonas costeras
Cumplimiento normativo y realidad laboral
Copia de Presentación Propuesta de Marketing Corporativo Blanco y Negro.pdf
MODULO 1.SEGURIDAD Y SALUD CONCEPTOS GENERALES.pptx
MODULO 2. METODOLOGIAS PARA ANALISIS DE RIESGOS 2da Parte.pptx
prg2_t01_p01_Fundamentos POO - parte1.pdf
Perfilaje de Pozos _20250624_222013_0000.pdf
Primera formulación de cargos de la SEC en contra del CEN
Electricidad-Estatica-Peligros-Prevencion.pdf
Informe Comision Investigadora Final distribución electrica años 2024 y 2025
MATRIZ IDENTIFICACIÓN EVALUACION CONTROL PRL.pdf
S15 Protección de redes electricas 2025-1_removed.pdf
Módulo-de Alcance-proyectos - Definición.pdf
357161027-seguridad-industrial-diapositivas-ppt.ppt
CAPACITACIÓN DE USO ADECUADO DE EPP.pptx
informacion acerca de la crianza tecnificada de cerdos

intro_web.ppt

  • 1. Nau Gran d’Hivern Intr. a la creación y gestión de páginas web Introducción a la web
  • 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.ht ml 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.ht ml 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