Hasta ahora tu sitio vive en tu computadora.
Para que otros lo vean necesitas tres cosas:

• Tu página (HTML, CSS, JS)
• Un hosting (servidor donde se guarda)
• Un dominio (el nombre, como tusitio.com)

---

🧠 1. Entendiendo el flujo real

Piensa así:

👉 Tú haces tu web → la subes a un servidor → apuntas un dominio → listo

En términos técnicos:

Tu PC → Hosting → Dominio → Usuario final

---

🏠 2. Hosting (dónde vive tu página)

El hosting es literalmente una computadora encendida 24/7 donde estarán tus archivos.

Opciones comunes:

• Hostinger
• HostGator
• Banahosting
• Namecheap
• SiteGround

💡 Para empezar:

• Cualquiera con cPanel te va a facilitar todo

---

🌍 3. Dominio (tu nombre en internet)

Ejemplos:

• misitio.com
• operslinux.com

Puedes comprarlo en:

• Namecheap
• HostGator
• El mismo hosting

👉 Normalmente cuesta entre $200–300 MXN al año

---

📂 4. Preparar tu página

Tu proyecto debe verse así:

/mi-web
  ├── index.html
  ├── style.css
  ├── script.js (opcional)
  └── imagenes/

🔴 Importante:

• El archivo principal SIEMPRE debe llamarse:
  👉 index.html

---

🚀 5. Subir tu web (cPanel paso a paso)

1. Entra a tu hosting (cPanel)
2. Busca Administrador de archivos (File Manager)
3. Entra a la carpeta:

public_html

4. Sube tus archivos ahí

👉 Puedes subir un .zip y darle “Extraer”

---

📌 Resultado

Si todo está bien:

👉 Entras a tu dominio
👉 Y ya ves tu página en vivo

---

⚠️ Error MUY común

❌ Subir archivos fuera de public_html
❌ No usar index.html
❌ Rutas incorrectas en CSS o imágenes

Ejemplo incorrecto:

<link rel="stylesheet" href="/style.css">

Ejemplo correcto:

<link rel="stylesheet" href="style.css">

---

🔗 6. Conectar dominio con hosting

Si compraste el dominio en otro lugar:

Debes cambiar los nameservers

Ejemplo:

ns1.tuhost.com
ns2.tuhost.com

Esto se hace en donde compraste el dominio.

⏳ Tarda entre 5 min y 24 horas

---

🔒 7. Activar HTTPS (candadito 🔐)

En cPanel:

👉 Busca SSL / Let’s Encrypt

Actívalo y listo.

Tu web pasará de:

http://

a:

https://

---

📱 8. Verifica que todo funcione

Prueba:

• En celular
• En otra red
• En otro navegador

---

🧠 9. Alternativa GRATIS (muy importante)

Si no quieres pagar aún:

🔹 GitHub Pages

Subes tu código y te da un link:

https://usuario.github.io

👉 Ideal para practicar

---

🎯 10. Nivel real (lo que nadie te dice)

Subir una web no es lo difícil.

Lo importante es:

• Organizar bien tus archivos
• No romper rutas
• Pensar en mantenimiento
• Optimizar imágenes

---

🧩 Ejemplo mental completo

Tú haces:

index.html + style.css

Lo subes a:

public_html

Compras dominio:

misitio.com

Lo conectas → y listo:

👉 🌐 Tu página ya es pública

---

🧠 Conclusión

Con esto ya puedes:

✔ Crear páginas
✔ Subirlas a internet
✔ Tener tu propio sitio
✔ Mostrar tu trabajo profesionalmente

Ya cruzaste la línea entre “aprender” y “hacer”.