RSS : Articles / Comments


publicacion de una pagina web con dreamweaver

martes, noviembre 24, 2009, Posted by Xabier Pérez, No Comment

Una vez terminada mi página web? cómo hago para publicarla? cómo la subo a la red? Este tutorial desgrana paso a paso como publicar tú página en un alojamiento web gratuito como es 260mb.


Antes de nada tenemos que revisar nuestra página web y asegurarnos de:

• Todas las páginas tengan su nombre (para que no aparezcan en la web como Untitled Document).
• Tengamos creado en Dreamweaver un sitio específico para nuestra página por medio de Sitio>Crear Sitio
• Que los enlaces funcionan correctamente (tanto entre páginas como con las imágenes).
• Que la página cumple con las pautas de Accesibilidad Web.

Una vez tengamos listos estos parámetros, empezaremos los pasos para la publicación:

1/ Como nuestra página irá en un alojamiento Web (hosting) gratuito, seguiremos las pautas que se nos solicitan. En este caso alojaremos nuestra Web en 260mb y para ello será conveniente crear una dirección de correo electrónico de GMail donde, por ejemplo, los datos relevantes sean:

• Nombre de usuario: pruebahost0
• Contraseña: webdeprueba

(dónde el texto está de color rojo introducirás tus datos)

2/ Iremos entonces a 260mb en Google (http://260mb.com/) y clicaremos en “Quiero registrarme”. Será ahí dónde cubriremos:

Nombre de dominio (URL que queremos darle a nuestra página): http://pruebaweb0.260mb.com
Contraseña (máximo 8 caracteres): webcero
Dirección de correo (dirección de correo de gmail): pruebahost0@gmail.com
Categoría del sitio (tipo de Sitio Web): personal
Idioma del Sitio
Código de seguridad
Registrar.
(dónde el texto está de color rojo introducirás tus datos) 

3/ Una vez cubierto este formulario, hará falta verificarla; para ello, rellenaremos la imagen de verificación y le daremos a registrar.
4/ En nuestro correo de Gmail tendremos un mensaje de 260mb.Lo abrimos y pinchamos en el enlace que contiene. Para terminar con el registro, tendremos que volver a rellenar una nueva imagen de verificación.
5/ Se nos abrirá una nueva ventana diciéndonos que ya tenemos creado nuestro registro (estos mismos datos llegarán también a tu nueva cuenta de Gmail). También aparecerá una tablita donde, deberemos fijarnos en los siguientes datos:

FTP user name: pacus_4580885
FTP password: WEBCERO
FTP host name: ftp.260mb.com
Your domain name: http://pruebaweb0.260mb.com or http://www.pruebaweb0.260mb.com

(dónde el texto está de color rojo irán tus datos) 

6/ En Dreamweaver abrimos el index.html de nuestra web.
7/ Vamos a Sitio>Administrar sitio y se nos abre una ventana. Seleccionamos el sitio de nuestra web y le damos a Editar.
8/ En la pestaña de Categoría vamos a la opción Datos remotos y en Acceso le ponemos FTP. Será entonces cuando cubramos la siguiente información con la proporcionada en el paso 5.

Servidor FTP: ftp.260mb.com
Usuario: pacus_4580885
Contraseña: WEBCERO

(dónde el texto está de color rojo introducirás tus datos) 

9/ Le daremos entonces al botón de prueba para ver si todo está correcto. Tendrá que salir entonces un mensaje que diga: “Adobe Dreamweaver se ha conectado con el servidor web correctamente”. Le damos a Aceptar.
10/ En el panel de Archivo en Dreamweaver le damos al botón Expandir para mostrar sitios locales y remotos. Seleccionamos el index.html y pulsando el botón derecho le damos a la opción establecer como página principal.
11/ Con el index.html todavía seleccionado darle a colocar archivo (la flecha azul del panel superior). Después darle a SI en la ventana emergente de copiar archivos dependientes.
12/ Expandir la carpeta htdocs (en el simbolito de +) y arrastrar el index.html dentro de la carpeta.
13/ Suprimir el archivo index.htm (no confundir con el nuestro que termina en html).
14/ Seleccionamos entonces el resto de nuestro sitio web en Archivos locales y arrastramos dentro de la carpeta htdocs. Si quieres expande la pestaña de Detalles para ver el progreso. Si te pregunta “¿copiar archivos dependientes?” Responde afirmativamente.
15/ Darle a conectar el servidor remoto si no está conectado (cuando está conectado los enchufes están juntos).
16/ Vete a tu dirección de dominio (paso número 6) y pégala en un servidor (preferiblemente Firefox) para comprobar que todo funciona a la perfección.

No Comment