Unidad 1:
FUNDAMENTOS DEL
DESARROLLO DE
APLICACIONES WEB
Mgr. Evelin Alá
INTRODUCCIÓN
TIM BERNERS LEE introdujo la idea del HTML. Propuso dos tecnologías
para mejorar la experiencia WEB:
❖ HTTP
❖ HTML
Comunicación Cliente-Servidor
Comunicación Cliente-Servidor
El servidor es el responsable de proporcionar los servicios, se
encarga de ejecutar los servicios solicitados y entrega la respuesta
esperada al cliente. El cliente, en cambio, solicita los servicios,
recibe y utiliza la respuesta del servidor.
Arquitectura Cliente-Servidor
Arquitectura Cliente-Servidor
Arquitectura Cliente-Servidor
Protocolo
Un protocolo es un método estándar que permite la
comunicación entre procesos (que potencialmente se
ejecutan en diferentes equipos), es decir, es un conjunto de
reglas y procedimientos que deben respetarse para el
envío y la recepción de datos a través de una red.
HTTP
Protocolo de Transferencia de Hipertexto, usado para la comunicación
entre Servidores Web y Computadoras Cliente (host) , estas reciben
una petición de usuario para visualizar una determinada pagina Web
HyperText Transfer Protocol.
El navegador muestra http://
HTML
Representa un lenguaje de marcado basado en etiquetas.
Su labor principal es decirle al navegador como debe mostrar el
documento web.
HyperText Markup Language («lenguaje de marcas de hipertexto»)
NAVEGADOR WEB
Llamado también Web Browser, lo usamos para “navegar” entre las distintas
páginas Web.
• Un Navegador es un programa que permite visualizar páginas web en la red
además de acceder a otros recursos, documentos almacenados y guardar
información.
• El Navegador se comunica con el servidor a través del protocolo HTTP y le pide el
archivo solicitado en código HTML, después lo interpreta y muestra en pantalla
para el usuario.
• Los más populares son Internet Explorer, Mozilla Firefox, Safari, Opera y Google
Chrome. Algunos Navegadores vienen integrados en el SO como Internet Explorer
en Windows.
NAVEGADORES
Firefox Chrome Opera
Microsoft Edge Safari
Most popular browsers in 2022
Comparamos velocidad de inicio, de los
Navegadores
From http://www.genbeta.com/
Comparamos velocidad de carga, de los
Navegadores
From http://www.genbeta.com/
Consumo de RAM
From http://www.genbeta.com/
Practica 1
1. Tener instalado en su computadora los 4 navegadores: IE, MF,
Chrome y Safari u Opera
2. Medir los tiempos Inicio del Navegador, en frio y en caliente
¿Cuál es el mas rápido? ¿Cuál es el más lento?
3. Calcular el consumo de Memoria RAM
¿Cuál consume más memoria?
¿Cuál consume menos memoria?
Presentar el resultado en una tabla.
URL
Uniform Resource Locator = Localizador Uniforme de Recursos.
Permite al navegador encontrar un recurso mediante una dirección
Web en Internet.
http://www.servidor.com/directorio/pagina.html
Subdominio Dominio
Ruta del recurso
Protocolo
https://youtu.be/YKc63dxSPUU
PÁGINA WEB
Un documento HTML que se puede mostrar en un navegador web
SITIO WEB
Conjunto de páginas Web
SITIO WEB
A veces se utiliza erróneamente el término página web para referirse
a sitio web. Una página web es parte de un sitio web y es un único
archivo con un nombre de archivo asignado, mientras que un sitio
web es un conjunto de archivos llamados páginas web.
https://upanama.educativa.org/archivos/repositorio/6000/6126/html/4_pgina_.html
Objetivo Marketing
Informativo No es el Negocio
SITIO WEB
Aplicaciones Si es el Negocio
Es el lugar donde ocurre todo
Web
https://youtu.be/BUyaHveV9rY
HTML
<HTML>
<HEAD>
<TITLE>aquí va el Título de la página</TITLE>
</HEAD>
<BODY>
Aquí iría el contenido de la página </BODY>
</HTML>
Práctica 2
I. URLs
1.- Escribe la URL de una imagen de internet
2.- Escribe la URL de la bandeja de entrada de tu correo
3.- Escribe la URL de un documento pdf
4.- Escribe las URLs de las 3 páginas Web que más visitas
II. Partes de un Navegador Web
1.- Barra de título
2.- Barra de menús
3.- Barra de direcciones
4. Barra de estado
5. Área de notificación
6. Pestañas
DNS
Los servidores DNS (Sistema de Nombres de Dominio), traducen los
nombres de dominios (por ejemplo, www.amazon.com) a direcciones
IP (por ejemplo, 192.0.2.44).
https://youtu.be/Flv3H4FNdvg
