Cómo subir tu primer sitio web a internet

Subir tu primer sitio web en HTML/CSS3 a internet es un gran paso. Aunque el proceso puede parecer intimidante, aquí vas a aprender el paso a paso del proceso sin complicaciones y utilizando un servidor profesional ¿Ya tienes tu proyecto listo? ¡Prepara tu link!

Paso 1: Prepara tus archivos (el orden es clave)

Antes de subir nada, asegúrate de que tu proyecto esté organizado. Un error común es que las imágenes dejen de verse al subir la web.

  • El archivo principal: Tu archivo principal DEBE llamarse index.html. Si lo llamas inicio.html o home.html, el servidor no sabrá qué mostrar primero.
  • Rutas relativas: Revisa que tus imágenes y estilos estén bien vinculados.
    • Mal: C:/Users/tunombre/proyecto/img/foto.jpg
    • Bien: ./img/foto.jpg

Paso 2: Ingresar al servidor (cPanel)

Para este tutorial, usaremos un servidor con cPanel (que es el estándar de la industria).

  • Entra a tu panel de control con el usuario y contraseña que te proporcionó tu hosting.
  • Busca la sección de “Archivos” y haz clic en “Administrador de Archivos”.

Paso 3: Ubicando la carpeta pública

Una vez dentro del administrador de archivos, verás muchas carpetas.

  • Busca la carpeta llamada public_html. Esta es la “raíz”; todo lo que pongas aquí será visible en internet.
  • Si tienes un servidor multidominio, busca la carpeta con el nombre de tu dominio específico.

Paso 4: Subir los archivos

Aquí tienes dos formas de hacerlo, pero te enseñaré la más rápida para un sitio web básico de una sola página:

  • Comprime tus archivos (index.html y tus carpetas) en un solo archivo .zip.
  • En cPanel, haz clic en el botón “Cargar” (Upload).
  • Arrastra tu archivo .zip y espera a que la barra se ponga en verde.
  • Regresa al administrador, dale clic derecho al .zip y selecciona “Extract” (Extraer).

Paso 5: ¡Prueba tu sitio!

Abre una nueva pestaña en tu navegador, escribe tu dominio (ejemplo: tusitioweb.com) y ¡listo! Tu proyecto ya es público.

¿Algo salió mal? Revisa esto:

  • Error 404: ¿Seguro que el archivo se llama index.html?
  • No se ven las fotos: Revisa las mayúsculas y minúsculas. En internet, Foto.jpg no es lo mismo que foto.jpg.

Conclusión

Subir tu primera web es el primer paso para convertirte en un desarrollador profesional. Ya no es solo un archivo en tu PC, ahora es una herramienta que el mundo entero puede ver.

¿Te trabaste en algún paso o estás listo para un hosting profesional? En DLS Web Studio tenemos planes que crecen contigo. ¡Escríbenos y platicamos!