Cómo funciona internet y la web

Cada vez que abres una página ocurren decenas de pasos en milisegundos. En esta lección entenderás ese recorrido completo: qué es internet, qué es la web, cómo se comunican navegador y servidor, qué son DNS, dominios y hosting. Es la base para diagnosticar problemas y asesorar a tus clientes.

Internet vs. la web

Aunque se usan como sinónimos, no son lo mismo:

• Internet es la red física y lógica que conecta millones de computadoras en el mundo: cables submarinos, fibra óptica, antenas, routers. Es la "carretera".
• La web (World Wide Web) es uno de los servicios que viajan por esa carretera: documentos (páginas) enlazados entre sí que se ven en un navegador. Otros servicios de internet son el correo electrónico, los videojuegos en línea o las videollamadas.

Analogía

Internet es el sistema de carreteras de un país. La web es una empresa de paquetería que usa esas carreteras. El correo electrónico sería otra empresa distinta que usa las mismas carreteras.

Cliente y servidor

La web funciona con el modelo cliente-servidor:

• Cliente: el programa que pide información. Normalmente tu navegador (Chrome, Firefox, Safari, Edge), pero también una app móvil o un script.
• Servidor: una computadora encendida 24/7 que responde a esas peticiones. Guarda los archivos del sitio (HTML, CSS, imágenes) o los genera al momento con un lenguaje como PHP o Node.js.

 ┌───────────┐   1. Petición: "dame /index.html"   ┌────────────┐
 │  Cliente  │ ──────────────────────────────────▶ │  Servidor  │
 │(navegador)│ ◀────────────────────────────────── │  (hosting) │
 └───────────┘   2. Respuesta: el archivo HTML      └────────────┘

Analogía

Un restaurante: tú (cliente) le pides un platillo al mesero; la cocina (servidor) lo prepara y te lo entrega. Tú no ves cómo se cocina, sólo recibes el resultado.

Direcciones IP

Cada dispositivo conectado a internet tiene una dirección IP, como un número de teléfono:

• IPv4: 142.250.190.78 (cuatro números de 0 a 255). Se están agotando.
• IPv6: 2607:f8b0:4005:80b::200e (mucho más largas, prácticamente infinitas).

Las computadoras se encuentran usando IPs, pero los humanos no recordamos números. Para eso existen los dominios.

Dominios

Un dominio es el nombre legible de un sitio: academiaweb.com. Sus partes:

https://blog.minegocio.com.mx/contacto
         │    │         │      │
         │    │         │      └─ ruta (página dentro del sitio)
         │    │         └──────── TLD (dominio de nivel superior): .com.mx
         │    └────────────────── nombre del dominio: minegocio
         └─────────────────────── subdominio: blog

• TLD (Top Level Domain): .com, .org, .net, .mx, .es, .dev, .shop...
• El dominio se renta por año en un registrador (Namecheap, GoDaddy, Cloudflare, Hostinger, Akky para .mx). Cuesta entre 10 y 40 USD al año normalmente.
• Los subdominios (blog., tienda., app.) los creas tú gratis una vez que tienes el dominio.

Buena práctica con clientes

Registra el dominio a nombre del cliente y con su correo. Si lo registras a tu nombre y la relación termina, se genera un conflicto. Tú puedes administrarlo con acceso delegado.

DNS: la agenda de contactos de internet

El DNS (Domain Name System) traduce dominios a direcciones IP. Cuando escribes minegocio.com:

1. El navegador revisa si ya conoce la IP (caché).
2. Si no, pregunta a un resolvedor DNS (de tu proveedor de internet, o uno público como 1.1.1.1 de Cloudflare u 8.8.8.8 de Google).
3. El resolvedor pregunta a los servidores raíz, luego a los del TLD .com, y finalmente a los servidores DNS del dominio (los que configuraste en el registrador).
4. Obtiene la IP y se la da al navegador, que ahora sí se conecta al servidor.

Registros DNS más comunes

Registro	Para qué sirve	Ejemplo
A	Apunta un dominio a una IPv4	minegocio.com → 203.0.113.10
AAAA	Apunta a una IPv6	minegocio.com → 2001:db8::1
CNAME	Alias de otro dominio	www → minegocio.com
MX	Servidores de correo	mail.google.com (Google Workspace)
TXT	Verificaciones y seguridad (SPF, DKIM)	v=spf1 include:_spf.google.com ~all
NS	Qué servidores administran el DNS	ns1.hostinger.com

Error común

Cambiar los DNS y esperar que funcione al instante. Los cambios pueden tardar desde minutos hasta 48 horas en propagarse porque los resolvedores guardan respuestas en caché (según el TTL). Puedes revisar la propagación en sitios como dnschecker.org.

HTTP: el idioma de la web

HTTP (HyperText Transfer Protocol) es el conjunto de reglas con las que cliente y servidor se comunican. Una petición se ve así:

GET /contacto HTTP/1.1
Host: minegocio.com
User-Agent: Mozilla/5.0 (Windows NT 10.0) Chrome/130
Accept: text/html

Y una respuesta:

HTTP/1.1 200 OK
Content-Type: text/html; charset=UTF-8
Content-Length: 5320

<!DOCTYPE html>
<html lang="es"> ...

Métodos HTTP

Método	Uso típico
GET	Obtener una página o datos (lo que hace el navegador al abrir un enlace)
POST	Enviar datos nuevos (un formulario de contacto, crear una cuenta)
PUT / PATCH	Actualizar datos existentes
DELETE	Borrar datos

Códigos de estado

Los códigos te dicen qué pasó con la petición. Aprende a reconocer los grupos:

Código	Significado	Ejemplos
2xx	Todo bien	200 OK, 201 Created
3xx	Redirección	301 Moved Permanently, 302 Found, 304 Not Modified
4xx	Error del cliente	400 Bad Request, 401 Unauthorized, 403 Forbidden, 404 Not Found
5xx	Error del servidor	500 Internal Server Error, 502 Bad Gateway, 503 Service Unavailable

Truco para recordarlos

4xx = "tú pediste algo mal"; 5xx = "yo (el servidor) fallé".

HTTPS: HTTP seguro

HTTPS es HTTP cifrado con TLS. Los datos viajan encriptados, de modo que nadie en medio (por ejemplo, en un Wi-Fi público) puede leer contraseñas o datos de tarjetas.

• Se reconoce por el candado en la barra del navegador.
• Requiere un certificado SSL/TLS. Hoy es gratis con Let's Encrypt, y casi todos los hostings lo activan con un clic.
• Google penaliza en búsquedas a los sitios sin HTTPS y los navegadores los marcan como "No seguro".

Imprescindible

Nunca entregues un sitio a un cliente sin HTTPS. No es opcional: afecta seguridad, SEO y confianza.

Hosting: dónde vive tu sitio

El hosting es el servicio que te renta espacio en un servidor conectado permanentemente a internet. Tipos principales:

Tipo	Ideal para	Ejemplos	Costo aprox.
Estático gratuito	Sitios HTML/CSS/JS, portafolios, landing pages	GitHub Pages, Netlify, Vercel, Cloudflare Pages	Gratis
Compartido	Sitios PHP, WordPress, pymes	Hostinger, SiteGround, Banahosting	2–10 USD/mes
VPS	Apps a medida, Node.js, control total	DigitalOcean, Hetzner, Linode, AWS Lightsail	5–40 USD/mes
Cloud / PaaS	Apps que escalan	AWS, Google Cloud, Railway, Render	Variable

Dominio ≠ hosting

El dominio es la dirección de tu casa; el hosting es la casa. Puedes comprarlos en lugares distintos y conectarlos con DNS.

El recorrido completo de una visita

Juntemos todo. Cuando alguien escribe https://minegocio.com:

1. DNS: el navegador averigua la IP de minegocio.com.
2. Conexión: abre una conexión TCP con el servidor y negocia el cifrado TLS (HTTPS).
3. Petición HTTP: envía GET /.
4. Servidor: busca index.html (o lo genera con PHP/Node) y responde 200 OK con el HTML.
5. Renderizado: el navegador lee el HTML y descubre que necesita más archivos (styles.css, app.js, imágenes); hace una petición por cada uno.
6. Pintado: construye el DOM (estructura), aplica el CSS, ejecuta el JavaScript y dibuja la página.

Ejemplo: obsérvalo tú mismo

Abre cualquier sitio, presiona F12 (o Cmd + Option + I en Mac) y ve a la pestaña Network (Red). Recarga con F5. Verás cada petición: el HTML, el CSS, las imágenes, con su código de estado, tamaño y tiempo.

También puedes hacer una petición desde la terminal:

# Muestra sólo las cabeceras de la respuesta (-I)
curl -I https://developer.mozilla.org

# Consulta el DNS de un dominio
nslookup developer.mozilla.org

Verás algo como HTTP/2 200 y cabeceras como content-type: text/html.

Casos de uso reales

• "Mi sitio no carga": ¿el dominio está vencido? ¿Los DNS apuntan al hosting correcto? ¿El servidor responde 500? Con lo que aprendiste ya sabes dónde buscar.
• "Quiero correo con mi dominio": necesitas registros MX (por ejemplo, de Google Workspace o Zoho) y TXT para SPF/DKIM.
• "Cambiamos de hosting": actualizas el registro A (o los NS) y esperas la propagación.
• Redirigir sin www: una regla 301 de www.minegocio.com a minegocio.com (o al revés) evita contenido duplicado en Google.

Ejercicios

1. Abre las DevTools en un sitio de noticias, pestaña Network, y responde: ¿cuántas peticiones hace? ¿Cuál es el archivo más pesado?
2. Usa nslookup con tres dominios que conozcas y anota sus IPs.
3. Explica con tus palabras la diferencia entre dominio, DNS y hosting, como si se lo explicaras a un cliente sin conocimientos técnicos.
4. ¿Qué código de estado esperas en cada caso? a) La página existe. b) La página se movió para siempre. c) El servidor tiene un error de programación. d) La página no existe.

Ver solución

1. Varía por sitio; un sitio de noticias suele hacer más de 100 peticiones. Ordena por la columna Size para encontrar el archivo más pesado (normalmente una imagen o un script de publicidad).
2. Ejemplo: nslookup google.com devuelve algo como 142.250.x.x. Las IPs cambian según tu ubicación.
3. "El dominio es el nombre de tu negocio en internet, como tu dirección. El hosting es el local donde está tu negocio. El DNS es el directorio que le dice a la gente en qué local está tu dirección."
4. a) 200, b) 301, c) 500, d) 404.

Resumen

• Internet es la red; la web es un servicio que funciona sobre ella.
• El navegador (cliente) pide recursos y el servidor responde.
• El DNS traduce dominios a IPs; los cambios tardan en propagarse.
• HTTP define peticiones (métodos) y respuestas (códigos de estado); HTTPS las cifra y es obligatorio.
• Dominio = dirección; hosting = la casa donde viven los archivos.
• Las DevTools (pestaña Network) te dejan ver todo este proceso en vivo.

Siguiente: Frontend, backend y full-stack.