Sitios web usables y accesibles

Nivel Avanzado Unidad 2

Publicando tu sitio en Internet

MANUAL

Cómo publicar tu sitio en internet

Hoy en día existen varias alternativas para publicar sitios web gratis, sin embargo sólo es
aconsejable hacerlo para hacer pruebas ya que el desempeño no siempre es el mejor y tu
sitio web puede funcionar muy lento.

Una vez tengas listos los archivos HTML de tu sitio, escoge uno de los siguientes métodos
para publicarlos en internet totalmente gratis. ¡Usa el que más te guste!

I. Utiliza un proveedor de hosting

 ¿Qué necesito?:
a. Cuenta de e-mail.
b. Navegador web.
c. Abrir una cuenta en algún sitio que provea servicios de hosting. Para este
tutorial usaremos el portal: https://co.000webhost.com/ el cual provee hosting
sin costo.
d. Descargar un programa de cliente FTP. Acá te enseñaremos cómo descargar
y usar Filezilla.
 ¿Cómo funciona?: Al crear tu cuenta con un proveedor de servicios de hosting, te
darán un usuario y contraseña para que puedas subir tus archivos utilizando un
programa de cliente FTP. A continuación te mostraremos el paso a paso de éste
proceso.

Paso 1: Crea una cuenta en 000webhost: Éste paso te permitirá crear un espacio de
almacenamiento en un servidor web.

e. Ingresa a: https://co.000webhost.com/

f. Llena el formulario de registro

Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

g. Si te sale la ventana de abajo haz clic en el botón “It’s ok, I want to learn”,
esto con el fin de no pagar por el servicio de hosting.

h. Revisa tu cuenta de correo, debes haber recibido un e-mail de 000webhost.

Haz clic en el botón Verificar email. No olvides revisar la carpeta de SPAM
si no encuentras el email de confirmación.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

i. Una vez hayas confirmado tu cuenta, ingresa en el menú Ajustes y da clic en

el botón General.

j. ¡Muy bien! En ésta página encontrarás las credenciales que necesitas para
cargar tus archivos vía FTP. No cierres esta página ya que vas a necesitar
estos datos más adelante.

Paso 2: Sube tus archivos al servidor web usando Filezilla: En éste punto ya tienes un
servidor web donde puedes subir tu sitio web. Sin embargo para cargar tus archivos
necesitarás utilizar un programa de cliente FTP. A continuación te indicaremos cómo
puedes subir tus archivos mediante el programa Filezilla.

a. Ingresa a la página https://filezilla-project.org/ y haz clic en el botón para

descargar Filezilla Client.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

b. Da clic en el botón de descarga e instala Filezilla Client

c. Vamos a conectarnos al servidor remoto. Abre filezilla e ingresa las

credenciales de FTP que obtuviste al final del paso 1 con las siguientes
correspondencias:
■ Servidor: Host name
■ Nombre de usuario: Username
■ Contraseña: La misma contraseña con que te registraste en
000webhost
■ Puerto: puedes dejarlo en blanco

Ahora presiona el botón conexión rápida para conectarte al servidor remoto.

Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

d. Luego es posible que te salga una ventana de confirmación. Simplemente da

clic en Aceptar.

e. Una vez te hayas conectado, te saldrá una pantalla como la de abajo. La

parte izquierda corresponde a los archivos de tu computador y la derecha a
los archivos del servidor remoto. En el sitio local, busca la ruta donde tienes
los archivos de tu sitio web. En el sitio remoto ingresa a la carpeta
public_html.

f. Ahora vamos a subir los archivos de tu computador al servidor remoto. Para

ello selecciona todos los archivos, da clic derecho y en el menú presiona el
botón Subir.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

g. Espera hasta que se carguen los archivos. Esto lo puedes comprobar cuando
No queden más archivos en cola.

h. Cuando haya finalizado la carga podrás consultar tu sitio web en internet.

Para ello vuelve a la página del final del paso 1 y haz clic sobre la URL de tu
sitio web.

i. ¡Felicidades! ¡Ya has publicado en internet tu sitio web! Recuerda: cada vez
que modifiques o agregues archivos en tu PC, deberás cargarlos al servidor
mediante Filezilla.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

II. Publicar tu sitio vía Google Drive y DriveToWeb

 ¿Qué necesito?: Tener una cuenta de Gmail o de Outlook y un navegador web.

 ¿Cómo funciona?: Consiste en subir tus archivos en una carpeta pública de Google
Drive y luego, otorgar permisos a DriveToWeb para que dichos archivos pueden ser
accedidos vía web. A continuación encontrarás el paso a paso realizado con una cuenta
de Gmail.

Paso 1: Carga los archivos de tu web a Google Drive: A continuación te mostramos
cómo puedes crear y copiar tus archivos a una carpeta en Google Drive mediante un
navegador web. Si tienes instalada la aplicación de Google Drive en tu PC puedes copiar
los archivos por ese medio y continuar con el Paso 2.

a. Ingresa a https://drive.google.com/

b. Si ya tienes una cuenta de Gmail inicia sesión. De lo contrario créala.

c. Una vez ingreses verás los archivos que ya has cargado previamente
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

d. Da clic derecho encima de Mi unidad. Se desplegará un menú en el cual

debes dar clic en el botón de crear carpeta.

e. Escribe el nombre de la carpeta donde vas a copiar los archivos de tu sitio.

En éste ejemplo le colocamos mi_web.

f. Haz clic en la carpeta mi_web (la que acabas de crear) y arrastra los
archivos y carpetas de tu sitio web. Debes esperar a que se terminen de
cargar todos los archivos antes de continuar.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

g. ¡Listo! Ya has subido tus archivos a Google Drive. Ahora puedes continuar
con el paso 2.

2. Paso 2: Haz pública la carpeta de tu sitio web: Si bien ya subiste los archivos de
tu sitio web, por ahora sólo tú puedes verlos. En éste paso te enseñaremos cómo
puedes compartir tu carpeta para que cualquier persona pueda ver sus archivos.

a. Para iniciar, haz clic derecho encima de la carpeta mi_web. En el menú que
se despliega, selecciona la opción Compartir.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

b. Se abrirá una nueva ventana. En ésta debes hacer clic en el botón

Avanzado.

c. Ahora da clic en el botón cambiar.

d. Selecciona la opción Activado: público en la web, para que cualquier

usuario pueda ver los archivos de tu web. Luego haz clic en el botón
Guardar
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

e. Finalmente, da clic en el botón Listo para cerrar la ventana.

f. ¡Listo! Ya tu carpeta es pública y cualquier persona puede ver los archivos de

tu sitio web.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

3. Paso 3: Publica tu sitio web mediante DriveToWeb: En éste punto tus archivos
pueden ser accedidos individualmente por cualquier persona. Sin embargo, por
ahora no se visualizarán tus htmls en el navegador. Para ello debemos conectar la
aplicación DriveToWeb a tu Google Drive.
a. Ingresa a la página web https://drv.tw/ y selecciona la opción de Google
Drive.

b. Selecciona tu cuenta de Gmail.

c. Te saldrán dos ventanas solicitando permisos de administración de tus

archivos para la aplicación DriveToWeb. Haz clic en el botón Permitir.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

d. Una vez hayas otorgado los permisos, verás una página donde podrás
consultar diferentes URLs de tus páginas web. Haz clic en el primer enlace.
Sitios web usables y accesibles
Nivel Avanzado Unidad 2
Publicando tu sitio en Internet

MANUAL

e. ¡Felicidades! ¡ Ya has publicado en internet tu sitio web! Recuerda: cada vez

que modifiques o agregues archivos en tu PC, deberás cargarlos
nuevamente en Google Drive. Si necesitas saber más acerca de
DriveToWeb, puedes consultar: https://docs-of.drv.tw/