Si ya tenemos nuestros archivos HTML generados, solo nos queda subirlos a "la nube" y que sean accesibles por cualquier usuario en cualquier parte del mundo. Vamos a crear una cuenta de hosting gratuita en un servidor HTML y accederemos a éste vía Panel de Control (el panel de control se suele llamar "Cpanel" o "Control Panel").
En Internet hay muchas páginas web que permiten crear una cuenta de hosting gratuito en un servidor HTML: por ejemplo www.000webhost.com, www.byethost.com, www.agilityhoster.com y varias más. Creando una cuenta en un hosting gratuito, disponemos de un servidor (que compartimos con otros usuarios) donde podemos alojar una página web. Nosotros usaremos el servidor de Byethost (byethost.com), aunque podríamos usar cualquier otro porque todos ellos son similares. También, si dispones de una cuenta de hosting gratuita o de pago y de un dominio, puedes utilizarlo sin necesidad de dar todos los pasos que explicamos aquí.
En nuestro caso, en primer lugar crearemos la cuenta de hosting gratuita. Para ello, accedemos a la página web de Byethost, introduciendo en nuestro navegador la siguiente dirección: www.byethost.com
Dentro de las opciones disponibles, buscaremos y entraremos en la sección Free Hosting. Ahora debemos buscar la opción para crear una cuenta (sign up).
Una vez accedemos a la página de creación de una cuenta, se nos mostrará un formulario donde tendremos que rellenar una serie de datos. Aquí tendremos que tener en cuenta que el nombre de usuario que insertemos, estará ligado a la url de acceso a nuestro sitio. Es decir, si como nombre de usuario (username) introducimos ‘lacocinademarco’, la dirección de nuestro sitio Web será similar a la siguiente ‘http://lacocinademarco.byethost31.com’:
En nuestro caso introduciremos una serie de datos a modo de ejemplo. Introduce tú los datos que vayas a usar para crear tu cuenta (elige un password que combine letras y números).
Una vez hayamos finalizado de introducir los datos solicitados, haremos click sobre el botón Registrar (Register) y nos aparecerá una página Web indicándonos que se nos ha enviado un correo electrónico a la dirección de correo que hayamos facilitado en el formulario y en ese correo nos indicarán un enlace Web (dirección url) donde debemos activar nuestra cuenta.
El último paso que nos quedaría para crear nuestra cuenta de hosting gratuita sería entrar a nuestro correo y hacer click en el enlace de activación del correo de Byethost que nos acaba de llegar.
Acto seguido se nos indicará que la activación fue realizada con éxito y se nos enviará un nuevo correo electrónico con la información detallada de nuestros datos de acceso.
El correo que nos envía el proveedor del servicio de hosting (en nuestro caso Byethost) con la información de acceso detallada tiene más o menos el siguiente contenido:
Apunta los datos de acceso:
Estos datos son importantes pues son los que nos permitirán gestionar todo lo necesario relativo a nuestra página web. Conviene imprimirlos además de mantenerlos bien localizados en un archivo de texto dentro de nuestro ordenador.
ACCEDER VÍA PANEL DE CONTROL (CPANEL)
Para acceder vía Cpanel, debemos ir a la url que nos hayan facilitando, en este ejemplo http://cpanel.byethost7.com, e introducir el nombre de usuario y la contraseña.
Una vez comprobados que los datos sean correctos, se nos abrirá el Panel de Control (Cpanel en este hosting, pero puede ser otro panel similar si estamos usando otro hosting)
Dentro del panel de control existen distintas áreas. Podremos ver normalmente un área de información de la cuenta, un área de administrador de archivos que nos proporciona un explorador de archivos parecido al de Windows o Filezilla, pero que además nos permitirá descomprimir archivos .zip y, una tercera área con la que podremos acceder a las bases de datos previamente creadas. Nosotros en este curso sólo usaremos una, el área de administrador de archivos.
Ten en cuenta que no todos los hosting ofrecen el mismo panel de control ni las mismas posibilidades.
SUBIR NUESTRA WEB AL SERVIDOR HTML
Ahora que ya tenemos creada nuestra cuenta gratuita, vamos a subir nuestra web (conjunto de páginas HTML) a nuestro servidor de hosting. Una vez hagamos esto, nuestra página web pasará a estar accesible desde internet, de forma que cualquier persona con conexión a internet puedea acceder a ella.
PANEL DE ADMINISTRACIÓN O CPANEL
Una vez accedemos al panel de control, veremos una serie de zonas distintas:
Para entrar en el explorador de archivos, haremos click en el enlace ‘Administrador de archivos’, ‘Gestor de archivos’ o equivalente (en nuestro caso "Online file manager" y nos aparecerá una ventana similar al explorador de Windows, donde podremos ver carpetas y archivos ubicados en el servidor (computador remoto).
En nuestro servidor existen un par de archivos por defecto que no tocaremos ni prestaremos atención y, una carpeta que se llama 'htdocs' (en algunos casos la carpeta se llama de otra manera). Esta carpeta contendrá todos los ficheros HTML o páginas webs que serán accesibles desde Internet utilizando nuestro nombre de dominio (recordar que en nuestro caso de ejemplo es http://profesorcesartic.byethost7.com/). Según el servidor y proveedor de hosting, la carpeta que contiene los ficheros puede tomar otros nombres como 'public_html', 'html', 'www' u otros nombres.
Ahora haremos click en la carpeta ‘htdocs’ y veremos su contenido.
En nuestro caso, existe un fichero index.php, también es normal que pueda existir un archivo llamado index.htm o index.html
Nosotros lo que vamos a hacer en primer lugar es borrar todos los ficheros index.* donde * puede ser php, htm o HTML de la carpeta ‘htdocs’. Para ello, seleccionaremos todos los archivos index, y después haremos click en ‘delete’ (eliminar) para borrarlos.
Una vez, hagamos click en ‘delete’ (eliminar) se nos abrirá una ventana donde nos pedirá que confirmemos el borrado del archivo o archivos. Nosotros aceptaremos haciendo click en la imagen de aceptación.
Tras borrar los archivos seleccionados, volveremos atrás al gestor de archivos. Una vez volvamos atrás, haremos click en el botón ‘upload’ (subir archivo) para enviar los archivos de nuestra primera página web HTML y así poder acceder a ella desde cualquier parte en Internet.
Una vez pulsado ‘upload’ (subir archivo) seleccionaremos el fichero que deseamos subir.
Una vez seleccionado el archivo (recordad que es un archivo con extensión html, en nuestro caso es nuestraweb.html), pulsamos sobre el botón abrir y confirmamos la subida.
Ahora si miramos en el gestor de archivos debemos ver el archivo que hemos subido (si no lo ves pulsa F5 para refrescar). En este preciso momento ya tenemos nuestra web subida al servidor y accesible desde Internet desde cualquier parte del mundo. La web está accesible gracias a que el archivo html se encuentra en el servidor y cuando una persona escriba la dirección correcta en un navegador web, el servidor se encargará de enviarle el código HTML que permite que se visualice la página web en su computador.
Para ver nuestra web, simplemente abriremos nuestro navegador y pondremos en la url: http://profesorcesarTIC.byethost7.com/nuestraweb.html (en nuestro caso de ejemplo. En tu caso, pon la dirección que corresponda)
Cada vez que una persona escriba la URL en su navegador, conectará con el servidro y éste se encargará de enviar la información precisa a través de internet de modo que pueda ver la página web en su ordenador o dispositivo.
EJERCICIO
Crea tres archivos HTML con diferente contenido y guárdalos con tres nombres de archivo distintos, por ejemplo webpage1.html, webpage2.html y webpage3.html. Establece links entre cada una de las páginas webs para que se pueda pasar de una a otra, por ejemplo desde webpage1.html hemos de poder pasar con un link a webpage2.html y webpage3.html, etc.. A continuación sube los tres documentos HTML al servidor y comprueba que puedan visualizarse y navegar mediante los links entre una página y otra.
En Internet hay muchas páginas web que permiten crear una cuenta de hosting gratuito en un servidor HTML: por ejemplo www.000webhost.com, www.byethost.com, www.agilityhoster.com y varias más. Creando una cuenta en un hosting gratuito, disponemos de un servidor (que compartimos con otros usuarios) donde podemos alojar una página web. Nosotros usaremos el servidor de Byethost (byethost.com), aunque podríamos usar cualquier otro porque todos ellos son similares. También, si dispones de una cuenta de hosting gratuita o de pago y de un dominio, puedes utilizarlo sin necesidad de dar todos los pasos que explicamos aquí.
En nuestro caso, en primer lugar crearemos la cuenta de hosting gratuita. Para ello, accedemos a la página web de Byethost, introduciendo en nuestro navegador la siguiente dirección: www.byethost.com
Dentro de las opciones disponibles, buscaremos y entraremos en la sección Free Hosting. Ahora debemos buscar la opción para crear una cuenta (sign up).
Una vez accedemos a la página de creación de una cuenta, se nos mostrará un formulario donde tendremos que rellenar una serie de datos. Aquí tendremos que tener en cuenta que el nombre de usuario que insertemos, estará ligado a la url de acceso a nuestro sitio. Es decir, si como nombre de usuario (username) introducimos ‘lacocinademarco’, la dirección de nuestro sitio Web será similar a la siguiente ‘http://lacocinademarco.byethost31.com’:
En nuestro caso introduciremos una serie de datos a modo de ejemplo. Introduce tú los datos que vayas a usar para crear tu cuenta (elige un password que combine letras y números).
Una vez hayamos finalizado de introducir los datos solicitados, haremos click sobre el botón Registrar (Register) y nos aparecerá una página Web indicándonos que se nos ha enviado un correo electrónico a la dirección de correo que hayamos facilitado en el formulario y en ese correo nos indicarán un enlace Web (dirección url) donde debemos activar nuestra cuenta.
El último paso que nos quedaría para crear nuestra cuenta de hosting gratuita sería entrar a nuestro correo y hacer click en el enlace de activación del correo de Byethost que nos acaba de llegar.
Acto seguido se nos indicará que la activación fue realizada con éxito y se nos enviará un nuevo correo electrónico con la información detallada de nuestros datos de acceso.
El correo que nos envía el proveedor del servicio de hosting (en nuestro caso Byethost) con la información de acceso detallada tiene más o menos el siguiente contenido:
Apunta los datos de acceso:
- Cpanel Username:
- Cpanel Password:
- Your url:
- FTP Server:
- FTP Loging:
- FTP Password:
- MySQL Database Name:
- MySQL Username:
- MySQL Password:
- MySQL Server:
- Cpanel URL:
Estos datos son importantes pues son los que nos permitirán gestionar todo lo necesario relativo a nuestra página web. Conviene imprimirlos además de mantenerlos bien localizados en un archivo de texto dentro de nuestro ordenador.
ACCEDER VÍA PANEL DE CONTROL (CPANEL)
Para acceder vía Cpanel, debemos ir a la url que nos hayan facilitando, en este ejemplo http://cpanel.byethost7.com, e introducir el nombre de usuario y la contraseña.
Una vez comprobados que los datos sean correctos, se nos abrirá el Panel de Control (Cpanel en este hosting, pero puede ser otro panel similar si estamos usando otro hosting)
Dentro del panel de control existen distintas áreas. Podremos ver normalmente un área de información de la cuenta, un área de administrador de archivos que nos proporciona un explorador de archivos parecido al de Windows o Filezilla, pero que además nos permitirá descomprimir archivos .zip y, una tercera área con la que podremos acceder a las bases de datos previamente creadas. Nosotros en este curso sólo usaremos una, el área de administrador de archivos.
Ten en cuenta que no todos los hosting ofrecen el mismo panel de control ni las mismas posibilidades.
SUBIR NUESTRA WEB AL SERVIDOR HTML
Ahora que ya tenemos creada nuestra cuenta gratuita, vamos a subir nuestra web (conjunto de páginas HTML) a nuestro servidor de hosting. Una vez hagamos esto, nuestra página web pasará a estar accesible desde internet, de forma que cualquier persona con conexión a internet puedea acceder a ella.
PANEL DE ADMINISTRACIÓN O CPANEL
Una vez accedemos al panel de control, veremos una serie de zonas distintas:
- Información de la cuenta
- Administrador de archivos que nos proporciona un explorador de archivos parecido al de Windows o Filezilla pero que además nos permitirá descomprimir archivos .zip (no todos los servidores permiten la descompresión zip, pero la mayoría de ellos sí).
- Acceso a las bases de datos previamente creadas.
- Otras áreas
Para entrar en el explorador de archivos, haremos click en el enlace ‘Administrador de archivos’, ‘Gestor de archivos’ o equivalente (en nuestro caso "Online file manager" y nos aparecerá una ventana similar al explorador de Windows, donde podremos ver carpetas y archivos ubicados en el servidor (computador remoto).
En nuestro servidor existen un par de archivos por defecto que no tocaremos ni prestaremos atención y, una carpeta que se llama 'htdocs' (en algunos casos la carpeta se llama de otra manera). Esta carpeta contendrá todos los ficheros HTML o páginas webs que serán accesibles desde Internet utilizando nuestro nombre de dominio (recordar que en nuestro caso de ejemplo es http://profesorcesartic.byethost7.com/). Según el servidor y proveedor de hosting, la carpeta que contiene los ficheros puede tomar otros nombres como 'public_html', 'html', 'www' u otros nombres.
Ahora haremos click en la carpeta ‘htdocs’ y veremos su contenido.
En nuestro caso, existe un fichero index.php, también es normal que pueda existir un archivo llamado index.htm o index.html
Nosotros lo que vamos a hacer en primer lugar es borrar todos los ficheros index.* donde * puede ser php, htm o HTML de la carpeta ‘htdocs’. Para ello, seleccionaremos todos los archivos index, y después haremos click en ‘delete’ (eliminar) para borrarlos.
Una vez, hagamos click en ‘delete’ (eliminar) se nos abrirá una ventana donde nos pedirá que confirmemos el borrado del archivo o archivos. Nosotros aceptaremos haciendo click en la imagen de aceptación.
Tras borrar los archivos seleccionados, volveremos atrás al gestor de archivos. Una vez volvamos atrás, haremos click en el botón ‘upload’ (subir archivo) para enviar los archivos de nuestra primera página web HTML y así poder acceder a ella desde cualquier parte en Internet.
Una vez pulsado ‘upload’ (subir archivo) seleccionaremos el fichero que deseamos subir.
Una vez seleccionado el archivo (recordad que es un archivo con extensión html, en nuestro caso es nuestraweb.html), pulsamos sobre el botón abrir y confirmamos la subida.
Ahora si miramos en el gestor de archivos debemos ver el archivo que hemos subido (si no lo ves pulsa F5 para refrescar). En este preciso momento ya tenemos nuestra web subida al servidor y accesible desde Internet desde cualquier parte del mundo. La web está accesible gracias a que el archivo html se encuentra en el servidor y cuando una persona escriba la dirección correcta en un navegador web, el servidor se encargará de enviarle el código HTML que permite que se visualice la página web en su computador.
Para ver nuestra web, simplemente abriremos nuestro navegador y pondremos en la url: http://profesorcesarTIC.byethost7.com/nuestraweb.html (en nuestro caso de ejemplo. En tu caso, pon la dirección que corresponda)
Cada vez que una persona escriba la URL en su navegador, conectará con el servidro y éste se encargará de enviar la información precisa a través de internet de modo que pueda ver la página web en su ordenador o dispositivo.
EJERCICIO
Crea tres archivos HTML con diferente contenido y guárdalos con tres nombres de archivo distintos, por ejemplo webpage1.html, webpage2.html y webpage3.html. Establece links entre cada una de las páginas webs para que se pueda pasar de una a otra, por ejemplo desde webpage1.html hemos de poder pasar con un link a webpage2.html y webpage3.html, etc.. A continuación sube los tres documentos HTML al servidor y comprueba que puedan visualizarse y navegar mediante los links entre una página y otra.
[…] Tutorial de HTML (XVIII) […]
ResponderEliminar[…] Tutorial de HTML (XVIII) – Crear una cuenta hosting gratuita […]
ResponderEliminar