Skip to main content

Fundamentos de Internet y la Web - Guía Completa para Principiantes

Internet - La Carretera Digital Global​

Qué es Internet realmente?​

Internet es como una red de carreteras gigante que conecta todas las computadoras del mundo.

Imagina que:

  • Cada computadora es una casa
  • Los cables y WiFi son las carreteras
  • Los datos son los coches que viajan por ellas
  • Los routers son los cruces y semáforos

Ejemplo visual:​

Tu Casa → Router → Proveedor Internet → Internet Mundial → Servidor YouTube
     ↓          ↓              ↓               ↓              ↓
   Tu PC    Semáforo      Estación        Autopista      Biblioteca
              local        de peaje        global        de videos

¿Quién construyó Internet?​

  • No tiene un dueño único
  • Es una colaboración global
  • Se mantiene por gobiernos, empresas y comunidades

El Idioma de Internet - TCP/IP​

¿Por qué necesitamos un "idioma" común?​

Sin reglas comunes, sería como intentar hablar con alguien que no entiende tu idioma.

TCP/IP es el conjunto de reglas que todas las computadoras siguen.

Los dos protocolos principales:​

IP (Internet Protocol) - El cartero:

  • Se encarga de las direcciones
  • Asegura que los paquetes lleguen al destino correcto

TCP (Transmission Control Protocol) - El supervisor:

  • Verifica que todo llegue completo
  • Pide que reenvíen lo que se pierde
  • Ordena los paquetes correctamente

Analogía completa de la pizza:​

Escenario: Pides una pizza online

  1. Haces el pedido (Capa de Aplicación)

    "Quiero una pizza pepperoni"

  2. TCP divide el pedido (Capa de Transporte)

    Paquete 1: "Quiero una"
    Paquete 2: "pizza"
    Paquete 3: "pepperoni"

  3. IP pone direcciones (Capa de Internet)

    [De: Tu Casa] [Para: Pizzería] "Quiero una"
    [De: Tu Casa] [Para: Pizzería] "pizza"
    [De: Tu Casa] [Para: Pizzería] "pepperoni"

  4. Viaja por la red (Capa de Enlace)

    WiFi → Router → Cable → Internet

  5. La pizzería recibe y confirma

    "Pedido recibido - Pizza en camino"

Redes - De lo Local a lo Global​

LAN (Red de Área Local) - Tu Vecindario Digital​

¿Qué incluye una LAN típica?

TU CASA:
├── Router WiFi
├── Laptop (192.168.1.10)
├── Móvil (192.168.1.11)
├── Smart TV (192.168.1.12)
└── Impresora (192.168.1.13)

Características de una LAN:

  • Rápida (hasta 1,000 Mbps)
  • Privada (solo dispositivos de tu casa)
  • Funciona sin Internet (compartir archivos localmente)

WAN (Red de Área Amplia) - Internet Global​

Ejemplo de comunicación WAN:

España → Francia → Alemania → Estados Unidos
   ↓        ↓         ↓           ↓
 Madrid → París → Frankfurt → Nueva York
Tu Casa   Nodo      Nodo    Servidor Netflix

Cómo se conectan LAN y WAN:​

TU LAN (Casa) → Router → ISP → INTERNET (WAN) → Servidores Mundo
     ↓           ↓       ↓          ↓               ↓
  Dispositivos  Puerta  Proveedor  Red Global   Sitios Web
   locales              Internet

Direcciones IP - El GPS de Internet​

Direcciones IP Privadas - Dentro de Tu Casa​

Rangos comunes:

192.168.x.x   (Ej: 192.168.1.5)
10.x.x.x      (Ej: 10.0.0.15)
172.16.x.x    (Ej: 172.16.1.20)

Ejemplo en una casa:

Casa de María:
├── Router: 192.168.1.1
├── Laptop: 192.168.1.10
├── Móvil: 192.168.1.11
├── Tablet: 192.168.1.12
└── TV: 192.168.1.13

Direcciones IP Públicas - En Internet​

Tu "dirección postal" en Internet:

Desde dentro de tu casa:   192.168.1.10
Desde Internet:            85.245.132.78  (IP pública del router)

Cómo funciona el proceso:​

INTERNAMENTE:
Tu Laptop (192.168.1.10) → Router (192.168.1.1)

EXTERNAMENTE:
Router (85.245.132.78) → Internet → Google (142.250.184.206)

IPv4 vs IPv6 - Explicación simple​

IPv4 (El sistema antiguo pero aún mayoritario):

Formato: 192.168.1.1
Capacidad: ~4,300 millones de direcciones
Problema: ¡Se están agotando!

IPv6 (El sistema nuevo):

Formato: 2001:0db8:85a3:0000:0000:8a2e:0370:7334
Capacidad: 340 sextillones de direcciones
Ventaja: Suficiente para todos los dispositivos futuros

Paquetes de Datos - Los Viajeros Digitales​

¿Por qué dividir la información?​

Imagina que quieres enviar un libro completo:

  • Enviar todo junto: Riesgo de perderlo todo
  • Enviar página por página: Si se pierde una, solo reenvías esa

Estructura de un paquete típico:​

[ CABECERA ] [ DATOS ] [ PIE ]
    ↓           ↓        ↓
 Direcciones  Contenido  Verificación
   Origen/Destino        de errores

Ejemplo real: Ver un video de YouTube​

Proceso detallado:

  1. Solicitas el video

    NAVEGADOR_ENVIA(
      DESTINO: "youtube.com",
      MENSAJE: "Dame el video ABC123"
    )

  2. YouTube divide el video

    VIDEO_DIVIDIDO = [
      PAQUETE_1: [Segundos 0-2],
      PAQUETE_2: [Segundos 2-4],
      PAQUETE_3: [Segundos 4-6],
      ...
    ]

  3. Cada paquete viaja independientemente

    PARA CADA paquete EN VIDEO_DIVIDIDO:
      ENVIAR_PAQUETE(
        ORIGEN: "youtube.com",
        DESTINO: "tu_IP_publica",
        DATOS: paquete,
        NUMERO: posición_en_secuencia
      )

  4. Tu navegador reconstruye

    PAQUETES_RECIBIDOS = []
    MIENTRAS video_no_completo:
      PAQUETE = RECIBIR_PAQUETE()
      SI paquete_valido:
        AGREGAR(PAQUETES_RECIBIDOS, PAQUETE)
        ORDENAR(PAQUETES_RECIBIDOS)
        MOSTRAR_VIDEO(PAQUETES_RECIBIDOS)

El Viaje de los Datos - Paso a Paso​

Ejemplo completo: Visitar Google.com​

Paso 1: Escribes la dirección

Usuario: "google.com" → Navegador

Paso 2: Traducción a IP (DNS)

IP_GOOGLE = CONSULTAR_DNS("google.com")
// Resultado: 142.250.184.206

Paso 3: Tu navegador prepara la solicitud

SOLICITUD = CREAR_SOLICITUD_HTTP(
   METODO: "GET",
   URL: "https://142.250.184.206/",
   HEADERS: [Navegador, Idioma, Tipo_contenido]
)

Paso 4: Viaje a través de Internet

Tu PC → Router Casa → ISP → Múltiples Routers → Google
   ↓        ↓         ↓           ↓              ↓
 Origen   Puerta   Proveedor   Estaciones     Destino
          salida   Internet    intermedias

Paso 5: Google responde

RESPUESTA = SERVIDOR_GOOGLE.procesar(SOLICITUD)
ENVIAR_RESPUESTA(
   CONTENIDO: HTML_de_Google,
   ESTADO: "200 OK",
   PAQUETES: DIVIDIR_EN_PAQUETES(HTML_de_Google)
)

Paso 6: Recibes y ves la página

Paquetes → Router → Tu PC → Navegador → Página Google
   ↓         ↓        ↓         ↓            ↓
 Datos    Direcc.  Ensambla  Interpreta   Resultado
fragmentados local           HTML/CSS/JS  final

Línea de tiempo real:​

Tiempo 0.0s:  Escribes "google.com"
Tiempo 0.1s:  DNS encuentra la IP
Tiempo 0.2s:  Solicitud sale de tu casa
Tiempo 0.3s:  Llega a Google (posiblemente otro continente)
Tiempo 0.4s:  Google prepara respuesta
Tiempo 0.5s:  Primeros paquetes vuelven
Tiempo 0.8s:  Página completamente cargada

Los Protagonistas - Dispositivos Clave​

Router - El Director de Tráfico​

Funciones principales:

ENTRADA: [
   - Gestiona conexiones entrantes
   - Decide qué dispositivos internos reciben qué datos
]

SALIDA: [
   - Traduce direcciones privadas a pública (NAT)
   - Elige la mejor ruta para los datos
   - Protege con firewall básico
]

Ejemplo en una familia:

Familia Pérez - Router Casero:
├── Papá (Laptop): Navegación trabajo
├── Mamá (Móvil): Redes sociales
├── Hijo (Consola): Juegos online
└── Hija (Tablet): Videos educativos

Router gestiona todo simultáneamente sin conflictos

Servidor - El Almacén Digital​

Tipos comunes de servidores:

Web Server:    Aloja sitios web
Mail Server:   Gestiona correos electrónicos
File Server:   Almacena archivos compartidos
Game Server:   Coordina juegos online

Ejemplo: Servidor web típico

CLASE ServidorWeb:
   ATRIBUTOS:
      - IP_publica
      - almacenamiento_webs
      - capacidad_conexiones

   METODOS:
      ESCUCHAR_SOLICITUDES():
         MIENTRAS verdadero:
            solicitud = RECIBIR_CONEXION()
            PROCESAR(solicitud)

      PROCESAR(solicitud):
         SI solicitud.es_valida():
            pagina = BUSCAR_PAGINA(solicitud.url)
            ENVIAR_RESPUESTA(pagina)
         SINO:
            ENVIAR_ERROR("404 No encontrado")

Switch - El Panel de Conexiones​

Diferencia Router vs Switch:

ROUTER: Conecta redes diferentes (tu casa ↔ Internet)
SWITCH: Conecta dispositivos en la misma red (tu PC ↔ Impresora)

Seguridad Básica - Protegiendo tu Rincón Digital​

Firewall - El Guardia de Seguridad​

Cómo funciona:

FUNCION firewall(paquete):
   REGLAS = [
      "Permitir: Navegación web (puerto 80, 443)",
      "Permitir: Email (puerto 25, 110, 143)",
      "Bloquear: Conexiones entrantes no solicitadas",
      "Bloquear: Puertos sospechosos"
   ]

   PARA CADA regla EN REGLAS:
      SI regla.aplica(paquete):
         SI regla.es_permitir:
            DEVOLVER PERMITIR
         SINO:
            DEVOLVER BLOQUEAR

   // Por defecto, bloquear lo desconocido
   DEVOLVER BLOQUEAR

Ejemplos de decisiones del firewall:

PERMITIDO: Tu navegador → google.com (puerto 443)
PERMITIDO: App email → servidor correo (puerto 993)
BLOQUEADO: Conexión desconocida → tu PC (puerto 1234)
BLOQUEADO: Programa sospechoso intentando "escuchar"

VPN - Tu Túnel Privado​

Sin VPN:

Tu PC → ISP → Internet → Sitio Web
   ↓      ↓       ↓          ↓
Visible  Ve todo  Abierto   Ve tu IP

Con VPN:

Tu PC → VPN → Internet → Sitio Web
   ↓     ↓       ↓          ↓
Cifrado  Ve solo  Cifrado   Ve IP de la VPN
         cifrado            no tu IP real

Internet vs Web - La Diferencia Crucial​

Internet - La Infraestructura​

Componentes de Internet:

INFRAESTRUCTURA FÍSICA:
├── Cables submarinos
├── Satélites
├── Torres de comunicación
├── Centros de datos
└── Routers globales

PROTOCOLOS:
├── TCP/IP
├── DNS
├── HTTP/HTTPS
└── Muchos más...

La Web - Lo que Vemos​

La Web es UNO de los servicios que usa Internet:

SERVICIOS SOBRE INTERNET:
├── World Wide Web (páginas web)
├── Email (correo electrónico)
├── Mensajería (WhatsApp, Telegram)
├── Juegos online
├── VoIP (llamadas por Internet)
└── Banca online

Tecnologías Web Básicas - La Tríada Fundamental​

HTML - Los Cimientos:

<!-- Esto estructura la página -->
<casa>
  <puerta>Entrada principal</puerta>
  <ventana>Vista al jardín</ventana>
  <tejado>Protección</tejado>
</casa>

CSS - La Decoración:

/* Esto hace que se vea bonito */
casa {
  color: azul;
  tamaño: grande;
  estilo: moderno;
}

puerta {
  color: madera;
  tipo: doble;
}

JavaScript - La Interactividad:

// Esto hace que responda a tus acciones
FUNCION abrir_puerta():
   SI boton_puerta.clicado:
      ANIMAR(puerta, "abrir")
      MOSTRAR("¡Bienvenido!")

FUNCION cerrar_ventanas():
   SI llueve:
      PARA CADA ventana EN ventanas:
         CERRAR(ventana)

Casos Prácticos - De la Teoría a la Realidad​

Caso 1: Enviar un Mensaje por WhatsApp​

Proceso completo:

  1. Escribes el mensaje

    MENSAJE = {
       texto: "¿Quedamos a las 8?",
       destino: "Amigo María",
       timestamp: "2024-01-15 10:30:00"
    }

  2. Tu móvil prepara los datos

    PAQUETES = DIVIDIR_EN_PAQUETES(MENSAJE)
    PARA CADA paquete EN PAQUETES:
       paquete.direccion_origen = TU_IP
       paquete.direccion_destino = SERVIDOR_WHATSAPP

  3. Viaje a través de Internet

    Móvil → WiFi/Conexión Móvil → ISP → Internet → Servidores WhatsApp

  4. WhatsApp lo reenvía

    SI amigo_maria.esta_conectado:
       ENVIAR_A_DISPOSITIVO(amigo_maria, MENSAJE)
    SINO:
       GUARDAR_EN_BASE_DATOS(amigo_maria, MENSAJE)

  5. Confirmación de entrega

    Un check: Enviado al servidor
    Dos checks: Entregado al dispositivo del amigo
    Dos checks azules: El amigo lo ha leído

Caso 2: Comprar en Amazon​

Flujo de datos seguro:

  1. Navegación y búsqueda

    HTTPS://amazon.com → DNS → IP Amazon → Carga página

  2. Añadir al carrito

    PETICION_SEGURA = {
       metodo: "POST",
       url: "/carrito/agregar",
       datos: {producto_id: "B08N5WRWNW", cantidad: 1},
       seguridad: SSL/TLS_cifrado
    }

  3. Proceso de pago

    DATOS_PAGO = {
       tarjeta: "**** **** **** 1234",
       fecha: "12/25",
       cvv: "***",
       cifrado: AES_256
    }

    // Los datos viajan cifrados punto a punto
    ENVIAR_CIFRADO(DATOS_PAGO, BANCO)

  4. Confirmación y envío

    Banco autoriza → Amazon confirma → Prepara envío → Te notifica

Resolución de Problemas Básicos​

Problemas comunes y sus soluciones:​

"No tengo Internet"

POSIBLES CAUSAS:
├── Router apagado → Encender router
├── WiFi desconectado → Conectar al WiFi
├── Problema ISP → Esperar/llamar al proveedor
└── Configuración red → Reiniciar configuración red

"Página no carga"

DIAGNÓSTICO PASO A PASO:
1. ¿Otras páginas cargan? → No: Problema de conexión
2. ¿Solo esta página? → Problema del sitio web
3. ¿Error DNS? → Usar 8.8.8.8 (Google DNS)
4. ¿Firewall bloqueando? → Verificar configuración

"Internet lento"

POSIBLES SOLUCIONES:
├── Reiniciar router
├── Cerrar aplicaciones que usan mucha banda
├── Acercarse al router WiFi
├── Verificar si hay muchas personas conectadas
└── Comprobar velocidad con speedtest.net

Herramientas básicas de diagnóstico:​

Comando PING (verificar conectividad):

RESULTADO = PING("google.com")
SI RESULTADO.exitoso:
   MOSTRAR("Conexión OK - Tiempo: " + RESULTADO.tiempo + "ms")
SINO:
   MOSTRAR("Sin conexión a Internet")

Ver IP actual:

IP_LOCAL = OBTENER_IP_LOCAL()
IP_PUBLICA = CONSULTAR_IP_PUBLICA()

MOSTRAR("IP local: " + IP_LOCAL)
MOSTRAR("IP pública: " + IP_PUBLICA)

Glosario Visual - Para No Perderse​

Arquitectura de Internet - Resumen Visual​

INTERNET = [
   DISPOSITIVOS_USUARIO: [PCs, móviles, tablets, IoT],
   REDES_LOCALES: [LANs caseras, empresariales],
   PROVEEDORES: [ISPs, compañías telefónicas],
   BACKBONE: [Cables submarinos, satélites, centros datos],
   SERVIDORES: [Web, email, archivos, aplicaciones]
]

Flujo de Datos - Diagrama Simple​

[TU DISPOSITIVO] ←→ [ROUTER CASA] ←→ [ISP] ←→ [INTERNET] ←→ [SERVIDORES]
      ↓                   ↓              ↓          ↓             ↓
 Aplicaciones          Dirección       Puerta     Red          Servicios
   locales              tráfico        salida    global         globales

Comparativa: TCP vs UDP​

PROTOCOLO TCP (Fiable):
Garantiza entrega
Ordena los paquetes
Controla congestión
Reenvía lo perdido
Más lento, más overhead
Uso: Webs, email, archivos

PROTOCOLO UDP (Rápido):
Muy rápida
Menos overhead
Sin garantías
Sin orden
Sin reenvíos
Uso: Video llamadas, juegos, streaming

Conclusión Final - Lo que Realmente Importa​

Puntos clave para recordar:​

  1. Internet es una red de redes - No una sola cosa
  2. TCP/IP es el idioma común - Sin él, no hay comunicación
  3. Todo viaja en paquetes - Como enviar un libro página por página
  4. Las IPs son direcciones únicas - Como las direcciones postales
  5. Router = Director de tráfico - Gestiona entradas y salidas
  6. Servidor = Almacén digital - Donde viven las páginas web
  7. Web ≠ Internet - La web es un servicio que usa Internet

Próximos pasos en tu aprendizaje:​

FASE ACTUAL: Entender cómo funciona Internet
               ↓
SIGUIENTE:    Aprender HTML - La estructura web
               ↓
DESPUÉS:      Aprender CSS - El diseño web
               ↓
LUEGO:        Aprender JavaScript - La interactividad
               ↓
FUTURO:       Bases de datos y servidores

Consejo final:​

"Internet parece mágico, pero sigue reglas lógicas. Una vez entiendes los conceptos básicos, todo lo demás tiene sentido."