Publicación en Internet

Transcripción

1 4 Publicación en Internet En las prácticas anteriores analizamos las operaciones necesarias para la creación de contenidos de un Sitio Web, incluyendo la definición del sitio, creación de la disposición e inclusión de componentes multimedia. En esta práctica abordamos los aspectos relacionados con la comprobación y validación del sitio y la publicación en un servidor. Concretamente, la práctica estudia los siguientes aspectos: Añadir notas de diseño a archivos del sitio. Generación de informes acerca del sitio. La definición de un sitio remoto y la publicación sus páginas web. Prueba del sitio remoto Para comenzar, ejecutaremos Dreamweaver y abriremos el sitio de nuestra empresa ficticia Compass. 1) Ejecuta Macromedia Dreamweaver. 2) Selecciona en desplegable de la parte izquierda del panel Archivos la entrada correspondiente a nuestro sitio ejemplo. El panel Archivos muestra los archivos que componen el curso práctico de Dreamweaver sobre el que hemos trabajado en las prácticas anteriores. 1

2 1. Comprobar el sitio Antes de publicar el sitio en un servidor remoto, deberemos comprobar siempre los archivos que lo componen. Hasta el momento, hemos aprendido a comprobar las páginas previsualizándolas en un navegador. En esta parte de la práctica aprenderemos a utilizar otras herramientas de Dreamweaver que permiten realizar un seguimiento de un archivo y comprobar las páginas. En primer lugar, aprenderemos a añadir una Design Note (nota de diseño) a un archivo. Posteriormente analizaremos la forma de ejecutar un informe sobre los archivos del sitio Crear una Design note Las Design Notes son un medio muy práctico para administrar el sitio mediante la inserción de comentarios en la ventana Sitio del documento. Utilizaremos Design Notes para programar el trabajo de producción, realizar el seguimiento de los archivos o comunicar datos sobre los archivos o el sitio a otros miembros del equipo. A continuación crearemos una Design Note para realizar el seguimiento de un cambio en una de las páginas del sitio. 1) En la ventana Sitio de Dreamweaver (Sitio/Archivos del sitio), selecciona DW4_Destinations.html en el panel Carpeta local. 2) En el menú principal, selecciona Archivo/Design Notes. Aparecerá el cuadro de diálogo Design Notes. 3) En la ficha Información básica, selecciona revisar en el menú Estado. 4) Haz clic en el icono de calendario para añadir la fecha al campo Notas. 5) Haz clic en el campo Notas y escribe Hay que crear la pagina de Devil's Tower y añadir vínculos a los documentos. 6) Selecciona la opción Mostrar al abrir el archivo para que la Design Note se abra automáticamente al abrir esta página. 7) Haz clic en Aceptar para cerrar el cuadro de diálogo. Aparecerá un icono de Design Note en la columna Notas del panel Carpeta local. 2

3 8) En la ventana Sitio, selecciona DW4_Destinations.html y ábrelo. Se abrirán el documento y su Design Note asociada; podemos ver fácilmente las acciones que es preciso llevar a cabo en este archivo Informes de sitios completos Podemos ejecutar informes de sitios para comprobar el estado de los archivos HTML y administrar el flujo de trabajo. Los informes pueden ejecutarse a nivel de documento, carpeta o sitio. Ejecutaremos un informe para comprobar si hay algún documento sin título en el sitio. 1) Selecciona Sitio/Informes. Aparecerá el cuadro de diálogo Informes. 2) En el cuadro de diálogo Informes, selecciona Sitio local completo del menú emergente Informe sobre; después, bajo Informes HTML, selecciona Documentos sin título. 3) Haz clic en Ejecutar para ejecutar el informe. 3

4 Aparecerá un cuadro de diálogo de Resultados en el que se listan los documentos sin título de página. 4) En la lista de archivos, haz clic en el archivo para seleccionarlo. Se actualizará el campo Descripción detallada con información de advertencia detallada. 5) Haz clic en Abrir archivo para abrir el archivo y corregir el problema. Se abrirá el archivo. 6) En el campo Título de la barra de herramientas de Dreamweaver, escribe Featured Destinations. 7) Guarda y cierra el archivo cuando termines. 8) Cierra el cuadro de diálogo Resultados. 2. Publicación en un sitio remoto Una vez comprobado el sitio, el paso siguiente es publicarlo, cargando los archivos en una carpeta remota de un servidor Web. En Dreamweaver esta carpeta se conoce como sitio remoto. Los usuarios finales, utilizando un navegador, accederán a las páginas del sitio a través del servidor Web. En primer lugar, configuraremos Dreamweaver para utilizar como carpeta remota la carpeta www de tu cuenta de lynx.uji.es, donde, a continuación, publicaremos los archivos del sitio web ejemplo que estamos desarrollando en las sesiones de prácticas Configuración del sitio remoto Para configurar el sitio remoto sigue los siguientes pasos: 1) Selecciona Administrar sitios en el menú Sitio. 4

5 2) En el cuadro de diálogo Administrar sitios, selecciona la entrada correspondiente nuestro sitio ejemplo y pulsa Editar. La aplicación mostrará el cuadro de diálogo Definición del sitio 3) Si las opciones avanzadas no están visibles, haz clic en la ficha Avanzadas. Selecciona Datos remotos en la lista Categoría que aparece en la parte izquierda. 4) En el desplegable Acceso, selecciona como tipo de acceso FTP. 5) Establece lynx.uji.es como servidor FTP. 6) De momento, el campo Directorio del Servidor lo dejaremos vacío. Más adelante, volveremos a este cuadro de diálogo para establecer su valor. 7) Indica, en el campo Usuario, tu nombre de usuario en lynx (al0???). Como los ordenadores de las aulas de prácticas no son de uso personal, no conviene dejar tu contraseña en la configuración del sitio. 8) Marca la opción Utilizar FTP seguro (SFTP) 9) Pulsa el botón Aceptar y haz clic en Listo para cerrar el cuadro de diálogo Administrar sitios. 5

6 A continuación, realizaremos una primera conexión con al sitio remoto y crearemos la carpeta www, que estableceremos como carpeta remota en la configuración del sitio. Sigue las siguientes instrucciones: 1) Selecciona Vista remota en el desplegable que aparece en la parte superior derecha del panel Archivos. 2) Dremaweaver te preguntará la password para establecer la conexión con el sevidor remoto (lynx). Introduce tu password y pulsa Aceptar. La aplicación mostrará los archivos y directorios que contiene la carpeta $HOME de tu cuenta de lynx, tal y como muestra el siguiente ejemplo: 3) Comprueba si en listado de archivos aparece la carpeta www. Si no es así, créala, seleccionando con el botón derecho del ratón la carpeta de nivel superior del listado y haciendo clic en la opción Nueva carpeta del menú emergente que muestra Dreamweaver. 4) Asigna permisos de lectura, escritura y ejecución al propietario de la carpeta www, y únicamente permisos de ejecución a los usuarios que no son de su grupo. Para ello, selecciona la carpeta www, pulsa el botón derecho del ratón y elije Establecer permisos en el menú emergente que aparece. En el cuadro de diálogo Propiedades de acceso a archivo activa las opciones que aparecen en la siguiente figura y pulsa Aceptar. 6

7 5) Fíjate en el nombre de la carpeta de nivel superior que aparece en la lista de archivos de tu sitio remoto. Vuelve al Administrar sitios y establece como valor del campo Directorio del Servidor el nombre de dicha carpeta, seguido de www/. Por ejemplo, en el ejemplo de la figura de la página 6, el valor a asignar al campo Directorio del Servidor sería /users/lsi/martinej/www/. 6) Vuelve a conectarte al sitio remoto pulsando el botón del panel archivos y comprueba como ahora la carpeta www es la carpeta de nivel superior en el listado de archivos Transferir el sitio Ya estamos listos para transferir los archivos del sitio local a la carpeta remota. 1) Haz clic en el icono de flecha azul Colocar archivos de la barra de herramientas del panel Archivos. 2) Dreamweaver te preguntará si deseas colocar todo el sitio. Haz clic en Aceptar. Dreamweaver copiará todos los archivos en la carpeta remota www. Si realizas algún cambio en un archivo del sitio local, puedes transferir a la carpeta remota este archivo de forma individual, seleccionándolo en la vista local del sitio y pulsando la flecha Colocar archivos. Antes de pasar a comprobar el sitio remoto, asegúrate de que las carpetas y archivos que contiene tu carpeta remota tienen los permisos adecuados. Las carpetas deben tener permiso de lectura, escritura y ejecución para el propietario, y únicamente permisos de ejecución para los usuarios que no son de su grupo. Los archivos del sitio necesitan permiso de lectura para el propietario y los usuarios que no son de su grupo, y permiso de escritura sólo para el propietario. Para cambiar los permisos de varios archivos o carpetas simultáneamente, puedes seleccionarlos en la Vista remota del 7

8 panel Archivos, manteniendo pulsada la tecla Ctrl o mayúsculas, pulsando sobre la selección con el botón derecho del ratón y haciendo clic en la opción Establecer permisos 2.3. Comprobar el sitio Por último, utilizaremos Internet Explorer para comprobar que las operaciones se han realizado correctamente. 1) En el campo Dirección, escribe la siguiente dirección: Debes poner tu nombre de usuario correcto, cambiando los interrogantes por tu número de usuario en lynx. El navegador muestra la página principal del portal. 2) Prueba el funcionamiento de la página 3. Ejercicios Ejercicio 3.1 Un gran número de servidores de Internet ofrecen correo electrónico y servicios para la publicación gratuita de sitios web. Utilizando Google, busca información sobre servicios de alojamiento web gratuitos. 8