PE0918

P6 Web Content & Filezilla

En esta práctica solicitaremos un espacio en internet para alojar una serie de páginas
Web. Utilizaremos Dreamweaver para modificar las páginas Web y Filezilla para
copiarlas en el espacio solicitado. De esta manera, las páginas estarán disponibles para
todos los usuarios conectados a Internet. Para completar la práctica necesitarás
descargar el archivo comprimido “Files needed for P06” del Aula Virtual. Descomprime
el archivo descargado para obtener la carpeta “Archivos06”, en la que encontrarás los
archivos que vas a utilizar en la práctica.

1. Creación de un cuenta en un servidor de hosting

En este apartado, crearemos una cuenta de usuario en un servidor gratuito que nos
permita alojar nuestras páginas web.

1 Ejecuta tu navegador preferido y entra en la siguiente dirección:

http://byethost.com/index.php/free-hosting.
2 Haz clic en el texto Click here to sign up for free hosting.
3 Rellena los datos indicando tu número de alumno en el campo Username y tu
email en el campo Email Address. Pulsa el botón Register.

4 Recibirás un correo para activar la cuenta (quizá Google te lo califique como

Spam). Haz clic sobre el enlace de activación, ello te lanzará de nuevo el
navegador y, después de unos segundos, debería aparecerte la configuración de tu
cuenta.

1
5 Recibirás otro correo con las contraseñas visibles y más información.

2. Descarga y modificación de un sitio web

Una vez que ya disponemos de espacio para alojar nuestras páginas Web, debemos
crearlas y alojarlas allí. En lugar de crear un sitio Web, un proceso que requiere mucho
tiempo y esfuerzo, vamos a descargar y modificar un sitio ya creado.

1 Dentro de los archivos de la práctica, encontrarás una carpeta con el nombre

website. En esta carpeta existe un archivo cuyo nombre es index.html. Ábrelo con
Dreamweaver.
2 Pulsa sobre el botón DIVIDIR, en la parte superior izquierda.
3 En la parte izquierda, selecciona el código HTML para eliminar la parte superior del
sitio web. Una vez seleccionado, elimínalo.

2
4 Ahora cambiaremos cuatro textos de la página: FIN, Hola!, El futuro se acerca y
queda poco para cuarto.

5 Finalmente, cambiaremos el título de la página por: Bienvenid@ a la página de

Francisco Ramos. Evidentemente, cambia este nombre por el tuyo. Selecciona
Modificar > Propiedades de la página.

3
6 En la parte izquierda, selecciona Título/Modificación y cambia el campo Título.
7 Haz clic en Aceptar.
8 Previsualiza la página web mediante Archivo > Vista previa en el navegador >
Google Chrome.

9 Guarda la página, el archivo index.html, y cierra Dreamweaver.

3. Publicación de un sitio web

En este apartado procederemos a copiar nuestro sitio web en el servidor de
alojamiento que nos ofrece espacio para nuestras páginas web. De esta forma, serán
accesibles desde cualquier lugar conectado a Internet.

1 Ejecuta al aplicación Filezilla.

4
2 Rellena los campos Host, Username y Password con la información proporcionada
por el servidor de alojamiento: FTP Server, FTP Login y FTP Password. Pulsa
Quickconnect.

Deberías ver en la parte derecha (Remote site) la carpeta htdocs.

3 Haz doble clic para entrar en la carpeta htdocs. Ahora en Remote Site ya tenemos
activado el lugar donde va a copiarse el sitio web.
4 Ahora localizaremos la carpeta website que contiene todo el sitio web que hemos
estado modificando. Para ello, navega por la parte izquierda (Local Site) hasta que
la abras.

5 Finalmente, selecciona todos los archivos de la carpeta website y, mediante el

botón derecho, selecciona upload. Se copiará todo el contenido seleccionado en el
servidor de alojamiento.

6 En este momento, el sitio web ya se encuentra accesible a través de Internet.

Compruébalo abriendo el navegador y escribiendo la siguiente dirección:
http://al007.byethost31.com/ . Cambia al007 por tu número de alumno.

5
6