Please enable JavaScript.
Coggle requires JavaScript to display documents.
Funcionamiento de un sitio web - Coggle Diagram
Funcionamiento de un sitio web
Hosting
Es la infraestructura física o virtual donde se almacenan todos los recursos digitales de la web. Provee el entorno de ejecución necesario para que el código esté disponible para el público.
Asignación de Recursos: Gestión de hardware específico como CPU, memoria RAM y almacenamiento en estado sólido (SSD) para procesar las visitas.
Tipologías de Entorno: Varía según la necesidad, desde servidores compartidos (varios sitios en un mismo equipo) hasta servidores dedicados o arquitectura en la nube (Cloud Hosting).
Gestión de Datos: Almacena no solo archivos estáticos (imágenes), sino también las bases de datos (MySQL, PostgreSQL) que contienen la información dinámica del sitio.
Navegador
Es la aplicación que interpreta el código complejo enviado por el servidor y lo convierte en una página web visual e interactiva.
Motor de Renderizado: El núcleo del navegador (como Blink o WebKit) que traduce etiquetas HTML y estilos CSS en píxeles sobre la pantalla.
Ejecución de Lado del Cliente: Ejecuta código JavaScript localmente para permitir animaciones, validación de formularios y dinamismo sin recargar la página.
Manejo del DOM: Crea el "Document Object Model", una estructura en árbol que organiza jerárquicamente todos los elementos de la web para su manipulación.
Dominio
Es el nombre alfanumérico único que identifica de forma lógica a un sitio web en toda la red global. Su función técnica es actuar como una máscara para la dirección IP del servidor, facilitando la memorización humana.
Resolución de Nombres: Proceso en el que un servidor DNS traduce el nombre de dominio (ej. google.com) a una dirección IP numérica ($172.217.1.1$).
Jerarquía Estructural: Se compone de la raíz, el dominio de nivel superior (TLD como .com, .net, .org) y el nombre de segundo nivel elegido por el usuario.
Propagación: El tiempo que tardan los cambios en los registros DNS en actualizarse en todos los nodos de internet a nivel mundial.
Servidor
Es la computadora de alto rendimiento (hardware) y el software que la gestiona (Nginx, Apache) que "sirve" el contenido. Está configurado para escuchar y atender peticiones de red de forma ininterrumpida.
Seguridad y Permisos: Controla el acceso a los archivos del sitio mediante reglas de firewall y permisos de usuario para evitar accesos no autorizados.
Gestión de Puertos: Utiliza canales específicos para la comunicación, principalmente el puerto 80 (HTTP) y el puerto 443 (HTTPS).
Procesamiento Backend: Ejecuta lenguajes de programación (PHP, Python, Node.js) para generar el contenido que el usuario finalmente verá.
Proceso de solicitud y respuestas
Es la interacción técnica completa que ocurre desde que un usuario pulsa "Enter" hasta que la página se carga por completo.
La Solicitud (Request): El navegador envía un paquete de datos al servidor que incluye el método (GET para pedir datos, POST para enviar), las cabeceras (headers) y la dirección específica buscada.
La Respuesta (Response): El servidor analiza la petición y devuelve un paquete con un "Código de Estado" (200 OK, 404 Not Found, 500 Error) seguido del cuerpo del mensaje (el código del sitio).
Flujo Bidireccional: El proceso es atómico; cada recurso del sitio (cada imagen, cada icono) requiere su propio ciclo individual de solicitud y respuesta para descargarse.
Protocolo
Es el estándar de comunicación que define las reglas para el intercambio de datos. Establece cómo se deben formatear y transmitir los mensajes.
Transferencia de Hipertexto (HTTP): El lenguaje base utilizado para solicitar y transmitir todos los recursos de una página web (texto, fotos, scripts).
Cifrado y Seguridad (HTTPS/SSL): Implementa una capa de seguridad (TLS) que encripta la información durante el viaje entre el cliente y el servidor, protegiendo datos sensibles.
Estandarización: Garantiza que cualquier navegador en cualquier parte del mundo pueda "entenderse" con cualquier servidor independientemente de su sistema
