Kitabı oku: «Manual de Dreamweaver CS5», sayfa 7
Lección 15. Exportar y eliminar un sitio local
Dreamweaver guarda las diferentes configuraciones establecidas para los sitios creados en una de las carpetas que el sistema destina a almacenar los datos de cada usuario. Pero cada vez resulta más habitual trasladar la diferente información, bien para realizar el trabajo en equipo, bien por necesidad. Dreamweaver permite exportar la configuración de cada uno de los sitios en archivos de extensión .ste. Estos archivos de definición almacenan únicamente la configuración del sitio, nunca los archivos que lo componen. Del mismo modo, la eliminación de uno de los sitios definidos sólo conlleva la supresión de su configuración. Para exportar o eliminar sitios hay que acudir al cuadro de diálogo Administrar sitios. En cualquier caso, resulta conveniente exportar los sitios con regularidad, de modo que siempre se disponga de una copia de seguridad por si ocurre algún problema, evitando de este modo la pérdida accidental de información.
1 Resulta cada día más habitual desarrollar en equipo el trabajo con los documentos de un sitio, dada la complejidad que puede llegar a alcanzar, así como que un mismo usuario trabaje en diferentes equipos. Dreamweaver permite almacenar la configuración establecida para definir un sitio, de forma que pueda ser utilizada con posterioridad en el equipo original o en otros. Veamos cómo llevar a cabo la exportación de nuestro sitio web. Para empezar, despliegue el menú de opciones del panel Archivos, haga clic sobre el comando Sitio y, en el submenú que contiene, pulse sobre la opción Administrar sitios. (1)
2 El cuadro Administrar sitios permite gestionar toda la información referente a un sitio web. En este cuadro de diálogo, y con el sitio elemental seleccionado, pulse el botón Exportar. (2)
Recuerde que puede acceder al cuadro de diálogo Administrar sitios mediante el comando del mismo nombre del menú Sitio, y también el enlace situado en el campo Mostrar de este panel.
Si dispone de más de un sitio local configurado en su equipo, no olvide seleccionar el sitio que desea gestionar.
3 La acción conduce al cuadro de diálogo Exportar sitio. En él sólo deberemos seleccionar el directorio en el que deseamos almacenar el archivo de definición del sitio. Haga clic en el botón Escritorio del panel de accesos directos.
4 Los archivos de definición de sitios presentan la extensión .ste, como puede comprobar en el campo Tipo de este cuadro. El programa atribuye automáticamente esta extensión y conserva el nombre original del sitio, elemental, que puede ser sustituido en el cuadro de texto propuesto al efecto. Pulse el botón Guardar.
5 Una vez exportada la configuración, en forma de archivo de extensión .ste, el programa nos devuelve al cuadro de diálogo Administrar sitios. La exportación no ha supuesto alteración alguna de la configuración original del sitio elemental. Pulse el botón Listo.
6 De este modo el programa sigue cargando correctamente la estructura del sitio elemental en el panel Archivos e identifica sus carpetas con la característica tonalidad verde. Despliegue el cuadro Mostrar en este panel pulsando en su botón de flecha y seleccione la opción Escritorio. (3)
7 En la siguiente lección importaremos el archivo exportado anteriormente. Pero antes fingiremos encontrarnos en otro sistema para mostrarle así cómo eliminare el sitio elemental. Para ello, deberemos acceder de nuevo al cuadro de diálogo Administrar sitios. Haga clic en el enlace Administrar sitios del panel Archivos, a la derecha del campo Mostrar. (4)
8 En el cuadro de diálogo del mismo nombre, seleccione el sitio elemental y pulse el botón Quitar. (5)
Recuerde que al suprimir un sitio sólo eliminamos la configuración que lo define, lo que significa que el programa conserva toda la estructura de carpetas y archivos que lo componían.
9 El programa muestra un cuadro de advertencia. (6) La configuración del sitio no podrá ser recuperada si se procede a su eliminación. Pero nosotros contamos con un documento de definición del sitio elemental que nos permitirá recuperar esta configuración en cualquier momento. Haga clic en el botón Sí para eliminar definitivamente el sitio y pulse el botón Listo del cuadro de diálogo Administrar sitios.
10 Al quitar el sitio sólo eliminamos la configuración que lo define, conservándose toda la estructura de carpetas y archivos que lo componían. Así la carpeta elemental sigue situada en el Escritorio, aunque en el panel Archivos se muestra de color amarillo, como el resto de carpetas del sistema. Para finalizar esta práctica, antes de recuperar la configuración en la próxima, cambiaremos de ubicación la carpeta que contiene la estructura del sitio creada anteriormente. Para ello deberemos antes cerrar los documentos contenidos en ella que permanecen cargados en Dreamweaver. Despliegue el menú Archivo y seleccione el comando Cerrar todos.
11 El panel Archivos permite resituar las diferentes carpetas de modo directo, pero para ello los documentos que contienen no pueden estar siendo utilizados por ninguna aplicación. Muestre de nuevo el panel Archivos, haga clic con el botón derecho del ratón sobre la carpeta elemental, pulse sobre el comando Edición y elija la opción Cortar del menú contextual. (7)
También puede seleccionar la carpeta en cuestión y pulsar la combinación de teclas Ctrl + X.
12 Compruebe que la carpeta cortada aparece ahora atenuada en el panel Archivos. Situaremos la carpeta elemental dentro de una nueva carpeta que crearemos en el Escritorio. Pulse con el botón derecho del ratón en el icono de la carpeta Elementos de escritorio y, en el menú contextual, seleccione el comando Nueva carpeta. (8)
13 En esta carpeta almacenaremos los diferentes sitios creados en las prácticas del curso. Escriba la palabra sitios y pulse la tecla Retorno.
14 La carpeta cortada sigue en el Portapapeles de Windows. Con la carpeta sitios seleccionada, despliegue el menú de opciones del panel Archivos, haga clic sobre el comando Edición y elija esta vez la opción Pegar. (9)
15 La carpeta cortada y todo su contenido se encuentran ahora dentro del directorio sitios. En la siguiente lección importaremos la configuración guardada anteriormente para comprobar los problemas que pueden surgir durante la importación de un sitio en un equipo diferente al original. Pero antes de finalizar la práctica actual comprobaremos que el contenido de la carpeta elemental ha sido trasladado correctamente. En el panel Archivos, pulse el botón + de dicha carpeta para expandirla. (10)
RECUERDE
Debe tener precaución al utilizar el comando Cortar, ya que una segunda aplicación del mencionado comando borra del Portapapeles la información del primer elemento cortado. Además puede conllevar la pérdida del elemento original, en función de la versión del sistema operativo utilizado.
Lección 16. Importar un sitio local a Dreamweaver
Dreamweaver permite guardar la configuración de los sitios como archivos de definición. Estos archivos pueden ser importados desde el propio programa para recuperar esta información, en el equipo del desarrollador o en cualquier otro. Para facilitar la importación, los documentos contenidos en el sitio definido en el archivo .ste deben estar estructurados como los del equipo de origen en el que se realiza la importación. Si la carpeta raíz del sitio no se encuentra ubicada en el mismo directorio en el que se encontraba cuando se creó el archivo de definición del sitio, la importación no es directa. En esos casos, se deberá indicar la carpeta raíz, la carpeta predeterminada de imágenes (en caso de querer utilizar este recurso de la aplicación) y establecer la página principal del sitio.
1 En la lección anterior exportamos la configuración del sitio elemental. Esta información quedó almacenada en forma de archivo para la definición de sitio con extensión .ste. Posteriormente cambiamos de ubicación la carpeta elemental que contenía la estructura del sitio propiamente dicha. En esta lección, importaremos la configuración guardada y veremos el modo de utilizarla en un equipo diferente al original. El cuadro de diálogo Administrar sitios presenta un botón que activa la importación de sitios. En el panel Archivos, haga clic en el enlace Administrar sitios y, en este cuadro, pulse el botón Importar. (1)
2 El cuadro de diálogo Importar sitio permite localizar el documento resultante de la exportación del sitio. En la práctica anterior, situamos en el Escritorio el documento elemental.ste y, por tanto, es el único seleccionable en este cuadro. Haga clic en el icono de dicho archivo y pulse el botón Abrir. (2)
El cuadro Administrar sitios no muestra ahora ningún sitio web, puesto que en la lección anterior eliminamos el existente.
3 Trasladamos la carpeta elemental tras exportar el sitio. El documento .ste conserva la información relativa a la situación de la carpeta raíz anterior. Surge por tanto el primer problema. El programa no puede localizar la mencionada carpeta en el directorio que ocupaba en el momento de ser exportado el sitio y muestra el cuadro de diálogo que permite seleccionar la carpeta que va a ser utilizada como raíz. En el cuadro de diálogo Elegir la carpeta raíz local para el sitio elemental, abra la carpeta sitios con un doble clic sobre su icono.
4 A continuación, haga doble clic sobre la carpeta elemental para acceder a su contenido.
5 En una lección anterior, asociamos una nota de diseño a la página index.html, que el programa ubicó en una carpeta específica denominada _notes. (3) En el panel Archivos no se muestra esta carpeta dentro de la estructura jerárquica del sitio, puesto que su contenido no es utilizado para la visualización de las páginas en el navegador. Sólo se trata de notas de interés para los desarrolladores. Conoceremos el modo de eliminar las Design Notes en la parte final de este ejemplo. Ahora, siguiendo con la importación del sitio, pulse el botón Seleccionar para que la carpeta elemental pase a ser la raíz del sitio importado y haga clic también en Seleccionar para indicar que la carpeta de imágenes será la misma.
La información relativa a la estructura del sitio se almacena en una memoria, denominada caché, que facilita la rápida gestión de los documentos que pertenecen a un sitio local.
6 El programa carga la configuración del nuevo sitio y éste queda seleccionado en el cuadro de diálogo Administrar sitios. Pulse el botón Listo. (4)
7 El cambio de directorio de la carpeta raíz también implica que el programa deba generar de nuevo la información relativa a la estructura del sitio para mostrarla correctamente en el panel Archivos. (5) Esta información se guarda en una memoria, denominada caché, que facilita la rápida gestión de los documentos pertenecientes a los sitios desde el mencionado panel. Expanda la carpeta raíz del sitio pulsando el signo + que precede su nombre. (6)
Al importar un sitio con todas sus carpetas, éstas muestran el identificativo color verde en el panel Archivos.
8 Automáticamente muestra todo su contenido con la tonalidad verde identificativa de la pertenencia a un sitio. Lo que guarda la importación es la configuración del sitio, los datos que establecimos para su creación, no los archivos contenidos en el sitio. Para acceder a estos datos, pulse el botón de flecha del cuadro Mostrar del panel Archivos y seleccione la opción Administrar sitios.
9 Con el sitio elemental seleccionado, pulse el botón Editar.
10 Lo que haremos a continuación será desactivar la aparición de la nota de diseño creada en una lección anterior. Para ello, en el cuadro de diálogo Configuración del sitio para elemental, muestre la categoría Configuración avanzada y seleccione el apartado Design Notes. (7)
11 Pulse el botón Limpiar Design Notes.
12 La pulsación de este botón activa la supresión de las notas contenidas en el sitio y elimina la carpeta _notes del sitio y todo su contenido. Haga clic en el botón Sí para proceder con la eliminación de las notas de diseño del sitio. (8)
Recuerde que una nota activa se muestra al abrir el documento al que se encuentra asociada.
13 No realizaremos más cambios en la configuración del sitio, por lo que haga clic en Guardar y, en el cuadro de diálogo Administrar sitios, pulse el botón Listo.
14 Ya por último, eliminaremos el archivo de configuración del sitio exportado, que ya no se ajusta a la actualmente establecida. Pulse el botón de flecha del cuadro Mostrar del panel Archivos y seleccione la opción Escritorio.
15 Recuerde exportar la configuración de su sitio cada vez que realice cambios en ella. De este modo se evitará definir nuevamente los sitios ante una pérdida accidental de esta información. Haga clic en el icono del documento elemental.ste y pulse la tecla Suprimir. (9)
16 Además la configuración de un sitio puede ser duplicada para una posterior edición de la copia. De este tema tratará la siguiente lección. Para finalizar el presente ejemplo práctico, pulse el botón Sí para eliminar definitivamente el documento. (10)
Lección 17. Duplicar y editar un sitio local
Dreamweaver permite el duplicado directo de sitios, entre las opciones del cuadro de diálogo Administrar sitios. No debe confundirse el duplicado de un sitio con el de los documentos que lo componen. Duplicando un sitio desde el mencionado cuadro de diálogo conseguimos una copia de la configuración del sitio original. Posteriormente podemos editar esta copia, es decir, alterar sus parámetros de configuración. De nuevo el cuadro de diálogo Administrar sitio posibilita esta opción. El duplicado de sitios puede presentar varias funciones. Se puede cambiar la configuración de un sitio duplicado, de manera que se conserve una copia de la configuración original por si surgen problemas. También se puede adaptar el duplicado para configurar un sitio similar al original. Para ello se deberá seleccionar la carpeta raíz del nuevo sitio y variar los datos de configuración necesarios.
RECUERDE
El panel Archivos posibilita el duplicado directo de los archivos de un sitio, mediante la técnica de arrastre. Para que la operación se complete correctamente, la carpeta de destino del duplicado debe pertenecer a su vez a un sitio.
1 En esta lección comprobaremos la diferencia entre la duplicación de la configuración de un sitio y la de su contenido. Para duplicar la configuración de un sitio se debe acceder al cuadro de diálogo Administrar sitios. Pulse en el enlace Administrar sitios del panel Archivos. (1)
2 Se abre de este modo el cuadro de diálogo Administrar sitios. Seleccione en este cuadro el sitio elemental y pulse el botón Duplicar. (2)
En el cuadro de diálogo Administrar sitios, cuando no se encuentra seleccionado ningún sitio, sólo se muestran activos los botones Nuevo e Importar.
3 Automáticamente el duplicado, al que el programa atribuye el nombre elemental copia, queda seleccionado en el cuadro central. Pulse el botón Editar. (3)
4 Se abre el cuadro de diálogo Configuración del sitio para elemental copia, en el cual, en primer lugar, atribuiremos al duplicado un nombre identificativo. En el campo Nombre del sitio, escriba la palabra estilos y pulse el icono de la carpeta situado a la derecha del cuadro de texto Carpeta del sitio local. (4)
5 Asociaremos la configuración a una carpeta raíz local diferente a la actual, para evitar conflictos en la posterior gestión de los dos sitios que podamos realizar con el programa. Situaremos la carpeta raíz del nuevo sitio en el mismo nivel que la del sitio elemental. En el cuadro de diálogo Elegir la carpeta raíz, haga clic en el botón Subir un nivel y, en la carpeta sitios, pulse el botón Crear nueva carpeta. (5)
6 Para una correcta identificación le daremos el mismo nombre que antes hemos atribuido al sitio creado como duplicado. Escriba la palabra estilos y pulse dos veces la tecla Retorno, la primera para confirmar el nombre de la carpeta (6) y la segunda para abrirla.
Otra forma de crear una carpeta nueva en el directorio actual es mediante el menú contextual que aparece al pulsar con el botón derecho del ratón en el centro del cuadro de diálogo, en una zona libre.
7 Una vez situados en la carpeta que deseamos utilizar como raíz del sitio, la carpeta estilos, pulse el botón Seleccionar.
8 Por último eliminaremos la referencia a la carpeta predeterminada de imágenes, ya que nos interesa conocer el modo de actuación del programa cuando carece de este parámetro de configuración. Muestre el contenido de la categoría Configuración avanzada y haga clic sobre la sección Información local.
9 Seguidamente, haga doble clic en el campo Carpeta predeterminada de imágenes para seleccionar todo su contenido, pulse la tecla Suprimir (7) y, para confirmar el cambio, haga clic en el botón Guardar.
10 El nuevo sitio que hemos denominado estilos aparece ya en el cuadro de administración de sitios. En este cuadro, haga clic en el botón Listo. (8)
La opción Activar caché, marcada por defecto, indica la creación de un caché local para mejorar la velocidad de las tareas de administración del sitio.
11 Dreamweaver carga el sitio en el panel Archivos, mostrando un signo + a la izquierda de su nombre. (9) Haga clic en dicho signo para acceder al contenido del sitio. (10)
12 Pero en este caso el signo + no indica la presencia de contenido en el interior de la carpeta, ya que ésta fue creada sin él. Despliegue el cuadro Mostrar y seleccione la opción Escritorio.
13 Vimos en la lección dedicada a la exportación de sitios el modo de trasladar archivos mediante el corte y el posterior pegado. Como deseamos conservar los documentos originales, éstos deberán ser copiados en lugar de cortados. Duplicaremos todos los archivos del sitio elemental en el interior de la carpeta estilos, conservando su estructura. Pulse en el icono de la carpeta documentos para seleccionarla, pulse la tecla Mayúsculas y, sin soltarla, haga clic en el icono de la página index.htm. (11)
14 A continuación, despliegue el menú de opciones del panel Archivos, haga clic sobre el comando Edición y, en el submenú que contiene, elija la opción Copiar. (12)
Para seleccionar elementos no consecutivos en el panel Archivos, es preciso pulsar sobre cada archivo mientras se mantiene pulsada la tecla Control.
15 Seguidamente, haga clic con el botón derecho del ratón sobre el icono del sitio estilos, pulse sobre el comando Edición y elija en este caso la opción Pegar.
16 Automáticamente el programa duplica los archivos originales. Despliegue el cuadro Mostrar y seleccione el sitio estilos.
17 De este modo la estructura del sitio estilos es idéntica a la del duplicado anteriormente, elemental. El sitio estilos no tiene preestablecida carpeta alguna como predeterminada para contener los documentos de imagen. En las lecciones dedicadas al uso de estilos veremos cómo crearla sin necesidad de acceder al cuadro de diálogo Configuración del sitio para. Por esta razón, eliminaremos la carpeta de imágenes existente. Seleccione la carpeta images con un clic sobre su icono, pulse la tecla Suprimir y haga clic en el botón Sí del cuadro de confirmación.
18 De momento, antes de concluir este ejemplo práctico, compruebe que todos los documentos han sido duplicados correctamente. Haga clic en el signo + que precede al icono de la carpeta documentos.
19 En las siguientes lecciones empezaremos a insertar contenido en las páginas del sitio elemental, prescindiendo por el momento del uso de estilos CSS. Pulse el botón de flecha del cuadro Mostrar y seleccione el sitio elemental y dé así por terminada esta lección.
