Aprender Dreamweaver CS4 con 100 ejercicios prácticos. MEDIAactive

Definición del sitio . Compruébelo y salga del asistente pulsando el botón Cancelar.El botón Sitio de Dreamweaver abre un asistente para la creación de un sitio.

      En el apartado Elementos destacados, la Ventana de bienvenida ofrece diferentes enlaces que nos conducen a completos tutoriales sobre las principales novedades de Dreamweaver CS4. También puede conocer las novedades del programa y sus funciones más comunes utilizando los enlaces de la parte inferior de la ventana.

      IMPORTANTE

      Utilice el nuevo conmutador de espacios de trabajo para cambiar el espacio de trabajo. Elija la opción Programador y vea que se trata del mismo espacio de trabajo integrado que el de Diseñador, pero con los grupos de paneles apilados a la izquierda y mostrando de forma predeterminada la vista Código. Después elija Pantalla doble, espacio de trabajo que permite organizar un diseño si dispone de un segundo monitor. Este diseño coloca todos los paneles en el monitor secundario y mantiene la ventana de documento y el inspector de propiedades en el principal. Por último, vuelva al espacio de trabajo Diseñador.

002	La nueva interfaz de usuario

      EL DISEÑO DE LA INTERFAZ de los diferentes componentes de Adobe Creative Suite CS4, entre los que se encuentra Dreamweaver, es ahora más cómodo e intuitivo y permite trabajar de forma más rápida y racional. El nuevo espacio de trabajo de Dreamweaver permite ver en todo momento las propiedades de los documentos y de los objetos y muestra todas las ventanas y los paneles integrados en una única ventana. Además, los documentos abiertos aparecen distribuidos en fichas independientes por las que se puede navegar fácilmente.

      IMPORTANTE

      Usando el botón de doble punta de flecha que aparece en la cabecera de los paneles puede contraerlos para mostrarlos en forma de iconos y ahorrar así espacio.

      1 En la parte superior de la interfaz de Dreamweaver CS4 se ubica la nueva Barra de la aplicación, que contiene un conmutador de espacios de trabajo, los menús y otros controles de la aplicación. Haga clic en el tercer icono de esa barra y pulse sobre la opción Nuevo sitio. La nueva Barra de la aplicación ofrece acceso directo a las operaciones más comunes que se llevan a cabo con Dreamweaver, como la creación de un sitio web.

      2 Puede acceder así fácil y rápidamente al asistente para la creación de un nuevo sitio web. Ciérrelo pulsando el botón Cancelar.

      3 Para seguir conociendo el entorno de Dreamweaver, cree un documento en blanco pulsando el botón HTML de la Ventana de bienvenida. Sepa que también puede acceder a las diferentes opciones de creación de documentos desde la opción Nuevo del menú Archivo.

      4 Debajo de la Barra de la aplicación se ubica la Barra de herramientas Documento, que contiene los botones adecuados para cambiar las vistas de la ventana y las opciones de visualización, para obtener vistas previas y para dar nombre al documento, entre otras acciones habituales. Haga clic en el botón Código de esta barra y, tras comprobar cómo cambia el aspecto de la v entana , recupere la vista Diseño pulsando en ese botón. Compruebe cómo cambia el aspecto de la Ventana del documento al activar la vista Código y después vuelva a la predeterminada, la vista Diseño.

      5 Ocupando la mayor parte del espacio de la interfaz se encuentra la Ventana del documento, donde se muestra el documento actual mientras lo está creando y editando. En la parte inferior de esta ventana se ubica la Barra de estado, que incluye un selector de etiquetas, botones para cambiar la visualización e información acerca del documento. Debajo de la Ventana del documento hallamos el Inspector de propiedades, un utilísimo panel que nos permite ver y modificar en cualquier momento las propiedades de la página, del objeto o del texto seleccionados. Pulse el botón Propiedades de la página del inspector. También puede acceder al cuadro Propiedades de la página desde el menú Modificar o pulsando la combinación de teclas Ctrl.+J

      6 Desde el cuadro Propiedades de la página es posible modificar las características de la página. Ciérrelo pulsando Cancelar.

      7 Por último, a la derecha de la interfaz se encuentran los paneles, que le ayudarán a supervisar y cambiar el trabajo realizado. Puede reducir y ampliar los paneles haciendo doble clic en sus pestañas, y pasar de uno a otro pulsando sobre ellas. Haga clic sobre la pestaña Elementos PA. Para poner en primer plano un panel basta con que pulse sobre su pestaña. Si hace doble clic, la minimizará.

      8 También puede activar los paneles desde el menú Ventana. Para volver a mostrar en primer plano el panel Estilos CSS y acabar el ejercicio abra dicho menú y pulse sobre esa opción.

      IMPORTANTE

      Para cerrar un grupo de paneles, utilice la opción Cerrar grupo de fichas de su menú de opciones

003	Crear documentos

      ADEMÁS DE DOCUMENTOS HTML, Dreamweaver permite crear documentos basados en texto (CFML, ASP, CSS) y archivos de código fuente (Visual Basic, .NET, C# y Java). El cuadro Nuevo documento ordena en categorías los diferentes tipos de archivo que se pueden obtener. Los archivos pueden ser creados en blanco o basados en los diseños de página preestablecidos. La categoría Nuevo documento del cuadro Preferencias permite establecer un tipo de documento como predeterminado y ordenar la generación automática de un documento nuevo basado en el tipo predeterminado definido.

      IMPORTANTE

      La desactivación de la casilla de verificación Mostrar el cuadro de diálogo Nuevo documento con Control + N en el cuadro Preferencias permite omitir la aparición del cuadro de diálogo Nuevo documento para acceder a la creación de documentos al utilizar el método abreviado de teclado Control + N.

      1 Para empezar, haga clic en el enlace HTML de la Ventana de bienvenida. Después, en el nuevo documento en blanco que se ha creado, abra el menú Archivo y elija la opción Nuevo. Puede acceder al cuadro de diálogo Nuevo