Dreamweaver, además de editor visual de páginas Web, es un gestor de sitios. Un sitio Web es un conjunto de documentos y archivos vinculados con atributos compartidos. La aplicación cuenta con un menú que contiene los comandos relacionados con la creación y gestión de sitios. Sin embargo, la versión CS5 facilita todavía más la creación de sitios locales gracias a la mejora del asistente de configuración. Empecemos. Despliegue el menú Sitio y haga clic sobre el comando Nuevo sitio. (1)
El cuadro de diálogo Configuración del sitio para… se denominaba en lecciones anteriores del programa Definición del sitio.
2 Se abre de esta forma el cuadro de diálogo Configuración del sitio para…, el cual en esta versión CS5 de Dreamweaver presenta un diseño totalmente renovado que permite realizar el proceso de forma mucho más sencilla. El asistente para la definición del sitio presenta tres categorías, a parte de una cuarta, denominada Configuración avanzada, destinada a los desarrolladores más experimentados y cuyo uso, por tanto, omitiremos en este curso: Sitio, Servidores y Control de versión. La categoría Sitio es la única que deberá completar para comenzar a trabajar en el sitio de Dreamweaver. En ella, debemos especificar un nombre para el sitio y la carpeta local en la que almacenará todos los archivos del sitio. En el campo Nombre del sitio, escriba la palabra elemental. (2)
3 El nombre del sitio aparece en el panel Archivos y en el cuadro de diálogo Administrar sitios, no en el navegador web. La carpeta del sitio local suele ubicarse en el equipo local, aunque también se puede encontrar en un servidor de red. Debe saber que, en general, la carpeta remota suele colocarse en el equipo donde se ejecuta el servidor Web. La carpeta remota incluye los archivos a los que los usuarios acceden en Internet. Las carpetas locales y remotas permiten transferir archivos entre el disco duro local y el servidor Web, lo cual facilita la administración de los archivos en los sitios de Dreamweaver. Se trabaja en archivos en la carpeta local y se publican en la carpeta remota cuando se desea que otras personas los puedan ver. Por defecto, el programa propone la carpeta de documentos del equipo. Para variar esta ubicación predeterminada del sitio local, pulse en el icono de la carpeta situada a la derecha del campo Carpeta del sitio local. (3)
La configuración de un sitio de Dreamweaver permite organizar los documentos asociados.
4 La acción nos conduce al cuadro de diálogo Elegir carpeta raíz. En este cuadro, haga clic en el botón Escritorio del panel de accesos directos. (4)
5 Todos estos cuadros de diálogo presentan un grupo de botones a la derecha del desplegable de la parte superior. La pulsación del tercero de ellos posibilita la creación directa de una carpeta. Pulse el botón Nueva carpeta, el tercero del grupo de botones de la parte superior del cuadro de diálogo.
6 Esta carpeta será la raíz, el nivel jerárquico superior, de nuestro sitio local, en la que iremos almacenando todos los archivos necesarios para el correcto funcionamiento del sitio. Asignaremos por tanto el nombre elemental a la carpeta creada. Escriba dicha palabra y pulse dos veces la tecla Retorno, la primera para confirmar el nombre y la segunda para abrir la nueva carpeta.
7 Por último procederemos a seleccionar la nueva carpeta, elemental, como carpeta local raíz de nuestro sitio. Pulse el botón Seleccionar.
8 La ruta de la nueva carpeta local ya se refleja en el campo Carpeta del sitio local. Haga clic en Guardar para generar el nuevo sitio. (5)
9 De esta forma tan sencilla hemos creado nuestro primer sitio web. El programa muestra el contenido del panel Archivos, en el cual se refleja nuestro sitio. (6) La categoría Control de versión permite obtener y desproteger archivos mediante Subversion. Subversion (SVN) es un sistema de control de versiones que permite a los usuarios editar y administrar archivos en colaboración en servidores Web remotos. Aunque Dreamweaver no es un cliente SVN completo, sí permite a los usuarios obtener las versiones más recientes de los archivos, realizar cambios y aceptarlos en los archivos. En la siguiente lección veremos cómo administrar un sitio web local. Para terminar este sencillísimo ejercicio, oculte el panel pulsando sobre la doble flecha de su cabecera.
Lección 10. Administración de un sitio local
Para facilitar su gestión posterior, Dreamweaver permite estructurar un sitio antes de empezar a editar los diferentes documentos contenidos en él. El programa dispone de un panel, Archivos, que permite visualizar archivos y carpetas, diferenciando los asociados a un determinado sitio. Un sitio puede contener distintos tipos de archivos, de formatos diferenciados. Las páginas Web tradicionales, por ejemplo, vienen identificadas por la extensión html. El panel Archivos permite su generación, así como el del resto de documentos que el programa permite editar. Dicho panel posibilita, asimismo, la creación de subcarpetas dentro de la carpeta raíz del sitio. Dependiendo de la complejidad del sitio se deberá crear una estructura de carpetas que permita diferenciar fácilmente los documentos contenidos. En todo caso siempre es aconsejable crear una carpeta que contenga en exclusiva las imágenes utilizadas en el sitio.
RECUERDE
Entre los datos configurables en la categoría Configuración avanzada del cuadro de diálogo Configuración del sitio para… existe la posibilidad de predeterminar una carpeta como continente de este tipo de archivos.
1 Finalizamos la pasada lección creando el sitio Web elemental y continuamos en ésta administrando el contenido de este sitio. Para empezar, expanda el panel Archivos pulsando sobre su nombre en la parte derecha del área de trabajo.
2 Este panel permite visualizar archivos y carpetas, saber si están asociados a un sitio de Dreamweaver y realizar operaciones de mantenimiento. En la parte superior del panel se encuentra el campo Mostrar, que contiene el nombre del sitio web elemental, creado en la lección anterior. Este campo posibilita el acceso directo a todos los sitios configurados y al Escritorio, así como a las unidades de almacenamiento del equipo. Despliegue este campo y seleccione en este caso la opción Escritorio. (1)
3 En la parte central del panel se muestra, siguiendo la estructura en árbol tradicional del sistema operativo Windows, el contenido del directorio seleccionado, en este caso el Escritorio. Haga clic en el signo + que precede a la carpeta Elementos de escritorio, en la parte central del panel Archivos. (2)
Recuerde que puede mostrar y ocultar los paneles del programa desde el menú Ventana.
Los iconos de las carpetas y los archivos pertenecientes a un sitio web son de color verde.
4 En el Escritorio se encuentra la carpeta raíz, elemental, de nuestro sitio Web local. Dreamweaver diferencia visualmente, mediante el tono verde de los iconos, las carpetas y archivos pertenecientes