Читать книгу Manual de Dreamweaver CS5 - MEDIAactive - Страница 9

Un sitio Web es un conjunto de documentos vinculados con atributos compartidos. Dreamweaver es una herramienta de creación y administración de sitios, por lo que puede utilizarla para crear sitios Web completos, además de documentos por separado.

1 En esta primera lección del curso realizaremos una aproximación al espacio de trabajo de Dreamweaver CS5 y conoceremos la útil Ventana de bienvenida. La lección comienza en el Escritorio de Windows. Desde la Barra de tareas, haga clic en el botón Inicio y seleccione con un clic el directorio Todos los programas.

2 En principio, la práctica totalidad de los programas que instala en su ordenador quedan reflejados en el menú que se despliega. Haga clic en la carpeta Adobe Master Collection CS5 y, por último, pulse en la opción Adobe Dreamweaver CS5 para que se ejecute el programa.

3 Previamente a su carga propiamente dicha, la primera vez que accede a Dreamweaver, aparece la ventana Editor predeterminado, que permite designar aquellos formatos de archivo para los cuales el programa se establecerá como editor preestablecido. En este caso, se encuentran marcados los formatos más habituales con los que se trabaja, por lo que pulse en Aceptar para confirmar esta designación y continuar con la carga. (1)

Dreamweaver forma parte de la suite programas Adobe Creative Suite, que contiene aplicaciones tan conocidas y utilizadas como Photoshop, InDesign, Illustrator o Flash.

La ventana de bienvenida también se conoce en Dreamweaver como Página de inicio.

4 Ahora sí, Dreamweaver se carga y se abre mostrando en su parte central la Ventana de bienvenida. (2) Esta pantalla permite el acceso a las acciones usadas con mayor frecuencia tanto al iniciar una sesión de trabajo como cuando la ventana del programa no tiene ningún documento abierto. Las opciones de la Ventana de bienvenida se dividen en cuatro bloques. Pulse el enlace Abrir del apartado Abrir un elemento reciente.

5 La acción nos conduce al cuadro de diálogo Abrir, que posibilita la selección y apertura de documentos previamente creados. Regresaremos a este cuadro de diálogo en una lección posterior, a fin de conocer su funcionamiento. De momento, pulse el botón Cancelar para salir de este cuadro.

6 El segundo bloque de la Ventana de bienvenida, Crear nuevo, ofrece una lista de tipos de archivo más usuales que puede seleccionar para crear un documento rápidamente. La lista se ve encabezada por la opción HTML. Éste es el formato tradicional de las páginas Web. Pulse sobre este enlace.

7 Automáticamente se crea un documento HTML en blanco. (3) Pulse sobre el icono del programa, situado en el extremo izquierdo de la barra superior del programa. (4)

El menú de control también es accesible mediante la pulsación del botón derecho sobre una zona libre de la barra superior del programa.

El comando Restaurar devuelve la ventana a las dimensiones originales.

8 La pulsación sobre el icono del programa nos conduce al menú de control. Sus opciones permiten gestionar la ventana de la aplicación y son las mismas que las situadas en el extremo derecho de la barra superior de la aplicación. Pulse sobre la opción Minimizar.

9 El programa queda reducido a un botón en la Barra de tareas de Windows. Haga clic en dicho botón para restaurar la ventana del programa.

10 Bajo la barra superior de aplicación se sitúa la Barra de menús, que contiene las diferentes opciones que componen el programa. Haga clic en el menú Archivo.

11 El primer grupo de comandos del menú Archivo se encuentra relacionado con la creación, apertura y cierre de documentos. Así, la selección del comando Cerrar y Cerrar todos comporta la clausura del o los documentos en uso. En cambio la del último de los comandos, Salir, implica el cierre de la aplicación. Pulse sobre la opción Cerrar. (5)

La combinación de teclas Ctrl + W también cierra el documento activo.

12 El cierre del documento comporta la reaparición de la Ventana de bienvenida. (6) Además en otros lenguajes de programación: XML, XSLT, PHP, entre otros. El listado del apartado Crear nuevo se cierra con dos enlaces especiales. El último, llamado Más, conduce al cuadro de diálogo Nuevo documento. Éste permite la creación de todos los tipos de documentos cuya edición es posible mediante el programa, no sólo de los listados en este apartado. El enlace Sitio de Dreamweaver, por su parte, conduce al cuadro de diálogo Configuración del sitio. Pulse sobre dicho enlace.

13 La versión CS5 de Dreamweaver ha mejorado notablemente el cuadro de diálogo Configuración del sitio, antes denominado Definición del sitio, renovando su diseño y facilitando la configuración de un sitio local. (7) Desde este cuadro, tal y como veremos más adelante, es posible crear páginas web de inmediato. En este caso, haga clic en el botón Cancelar sin realizar ningún cambio.

En la versión anterior de Dreamweaver, este cuadro se denominaba Definición del sitio.

También la combinación de teclas Ctrl + N permite acceder al cuadro de diálogo Nuevo documento.

14 El apartado Elementos destacados de la Ventana de bienvenida proporciona diferentes enlaces que nos conducen a completos tutoriales sobre las principales novedades de Dreamweaver CS5. También puede conocer las novedades del programa y sus funciones más comunes utilizando los enlaces de la parte inferior de la ventana. Haga clic sobre el vínculo Nuevas funciones del apartado inferior izquierdo de la Ventana de bienvenida. (8)

15 Se abre de este modo el navegador que tenga predeterminado en su equipo mostrando la sección de novedades de Dreamweaver CS5 de la página de ayuda del programa. (16) Más adelante veremos cómo buscar información en este completo sistema de ayuda. Cierre el navegador pulsando el botón de aspa de su Barra de título.

16 Observe que en la parte inferior de la Ventana de bienvenida se presenta la opción: No volver a mostrar esta Ventana de bienvenida. Su activación omite la Ventana de bienvenida, que no es más que una alternativa al uso de los comandos tradicionales para el acceso a determinadas funciones. Despliegue el menú Archivo y pulse sobre la opción Nuevo para comprobar que esta opción, al igual que el enlace Más de la Ventana de bienvenida, conduce al cuadro de diálogo Nuevo documento.

17 Estudiaremos con mayor detenimiento más adelante el funcionamiento del cuadro de diálogo Nuevo documento. De momento basta con saber que permite la creación de todos los tipos de documentos editables mediante el programa. Por defecto se encuentra seleccionada la creación de una página en blanco sobre un archivo del tipo XHTML Pulse el botón Crear

18 Dreamweaver CS5 cuenta con un cuadro de diálogo en el que se pueden determinar toda una serie de especificaciones relativas al entorno de trabajo. Para acceder a él, despliegue el menú Edición y pulse sobre el último de sus comandos, Preferencias. (9)

19 El cuadro de diálogo Preferencias distribuye sus funciones en diferentes categorías. La categoría General, seleccionada por defecto, presenta dos apartados. El primero de ellos, Opciones de documento, incluye algunas opciones correspondientes al diseño del espacio de trabajo. Pulse sobre la casilla de verificación Mostrar pantalla de bienvenida para deseleccionarla. (10)

La combinación de teclas Ctrl + U también da acceso al cuadro de preferencias de Dreamweaver.

La opción Volver a abrir documentos al iniciar indica que el programa se abra cargando todos los documentos que estaban abiertos en el momento en que fue cerrado. Si esta opción no está seleccionada, Dreamweaver muestra la Ventana de bienvenida o, en su defecto, una pantalla vacía al iniciarse.

20 De este modo la Ventana de bienvenida queda desactivada, aunque esta preferencia no podremos comprobarla hasta que accedamos de nuevo a la aplicación. Haga clic sobre el botón Aceptar.

21 El conmutador de espacios de trabajo situado en la Barra superior de la aplicación permite cambiar el espacio de trabajo predeterminado. Haga clic sobre ese conmutador, que muestra el espacio de trabajo Diseñador.

22 Las primeras opciones corresponden a los espacios de trabajo disponibles. Haga clic sobre la opción Programador. (11)

23 Como puede comprobar, se trata del mismo espacio de trabajo integrado que el de Diseñador, pero con los grupos de paneles apilados a la izquierda. Despliegue ahora el menú Ventana, haga clic sobre el comando Diseño del espacio de trabajo y pulse esta vez sobre el espacio Pantalla doble. (12)

24 La pantalla doble permite organizar un diseño si dispone de un segundo monitor. (13) Este diseño coloca todos los paneles en el monitor secundario y mantiene la ventana de documento y el inspector de código en el principal. Cierre la ventana Inspector de código pulsando sobre el botón de aspa de su cabecera.

25 Terminaremos esta lección volviendo al espacio de trabajo predeterminado, saliendo del programa y volviendo a acceder a él para comprobar así que la Ventana de bienvenida no aparece, tal y como hemos marcado en el cuadro de preferencias. Pulse el conmutador de espacio de trabajo de la Barra superior de la aplicación y elija el espacio Diseñador.

26 Seguidamente, pulse el botón de aspa situado en el extremo derecho de la ventana del programa para cerrar Dreamweaver.

27 Por último, y como hemos indicado, accederemos de nuevo a Dreamweaver y comprobaremos que la Ventana de bienvenida ya no aparece. Despliegue el menú de Inicio, haga clic sobre el directorio Todos los programas, abra con un clic la carpeta Adobe Master Collection CS5 y pulse sobre el acceso Adobe Dreamweaver CS5. (14)

En versiones anteriores del programa, el espacio de trabajo Programador se denominaba Código.

En versiones anteriores de Dreamweaver el espacio de trabajo podía cambiarse desde el cuadro de preferencias o bien desde el menú Ventana.