MEDIAactive - Manual de Dreamweaver CS5

Lección 113. Proteger y desproteger archivos

Lección 114. Obtener ayuda en Dreamweaver CS5

Dreamweaver CS5 es uno de los programas más utilizados para el diseño, el desarrollo y el mantenimiento de aplicaciones y sitios web basados en estándares. Con las múltiples y avanzadas herramientas que ofrece es posible crear fácil y rápidamente sitios Web y aplicaciones con aspecto completamente profesional, por lo que es una de las aplicaciones preferidas de diseñadores gráficos y diseñadores y desarrolladores web. Con este completísimo editor de HTML visual resulta fácil crear complejas y sofisticadas páginas web dinámicas. Las robustas propiedades para la integración y el diseño basado en CSS, hojas de estilos en cascadas, hacen de Dreamweaver una estupenda aplicación que permite crear y manipular cualquier sitio web con enorme facilidad y precisión. La alta calidad de los diseños creados con Dreamweaver queda garantizada gracias a sus potentes y mejorados controles y herramientas, que irá conociendo a lo largo de las lecciones que componen este manual.

La versión CS5 de Dreamweaver no presenta muchas novedades, aunque las pocas existentes pueden calificarse de interesantes y necesarias. Así, el lector podrá activar y deshabilitar las propiedades de CSS directamente desde el panel Estilos CSS, acción ésta mucho más directa que antes; dispondrá del modo de inspección, gracias al cual podrá consultar visualmente las propiedades del modelo del cuadro CSS, incluidos el relleno, el borde y el margen de los elementos de las páginas, de forma detallada y sin necesidad de leer el código ni de utilizar ninguna utilidad independiente. Los diseños de inicio de CSS también han sido incorporados como novedad en esta versión del programa, concretamente actualizados y simplificados; cabe destacar que han sido eliminados los complejos selectores descendentes de los diseños incluidos en la versión CS4 y han sido reemplazados por clases simplificadas mucho más fáciles de comprender.

La función Archivos relacionados dinámicamente, la navegación en la denominada Vista en vivo, la configuración simplificada de sitios y las sugerencias para el código específicas de cada sitio son otras novedades que el usuario encontrará en la versión CS5 de Dreamweaver.

Nuestro método de aprendizaje

El método de aprendizaje en que se basa esta colección de manuales permite que el lector ejercite las funciones sobre el programa real desde el primer momento, pudiendo personalizar los ejercicios según sean sus necesidades o preferencias. Nuestro método se caracteriza por no dar nada por sabido guiando cuidadosamente al usuario desde los prime-ros pasos hasta el perfecto dominio del programa. Una serie de capturas de pantalla que acompañan a los ejercicios permiten asegurarse en todo momento de que el proceso se está ejecutando correctamente.

A lo largo de las lecciones que conforman el presente manual, no se trabajará con un único archivo sino que se utilizará más de uno, según la finalidad de las funciones presentadas. La continuidad en el proceso de creación que presentan muchas de las lecciones hacen que sea muy recomendable estudiarlas de forma ordenada y empezando por el principio, para así ir encontrando los documentos necesarios tal y como quedaron al ser manipulados por última vez. No obstante, con la finalidad de optimizar el curso y evitar la repetición innecesaria de procedimientos ya estudiados, algunos de los ejercicios parten de archivos de ejemplo ya creados. El lector puede optar en estos casos por realizar los ejercicios sobre un documento cualquiera creado y guardado por el alumno, o por descargar los archivos necesarios desde nuestra página Web. Es recomendable, a fin de no interrumpir el ritmo de estudio, descargarse todos los documentos necesarios y guardarlos en una carpeta del disco, antes de empezar la práctica.

En la confección de este manual, hemos tenido en cuenta que sea igualmente útil como curso completo de Dreamweaver CS5 y como libro de consulta complementario sobre este programa de creación y edición de sitios web. En cada una de las lecciones encontrará una breve descripción teórica del tema que se trata, a modo de introducción, y un ejercicio guiado paso a paso y pulsación a pulsación.

Dreamweaver es el programa incluido en la suite de Adobe destinado a la creación y la gestión de sitios web. La versión CS5 del producto presenta interesantes novedades en cuanto a funciones y comandos se refiere, aunque no tantas respecto a su interfaz. En las primeras lecciones que conforman este manual, el lector tendrá una primera toma de contacto con esta interfaz y con los espacios de trabajo, así como con los elementos básicos que forman parte de una página web sencilla.

Dreamweaver cuenta con la denominada Ventana de bienvenida, que aparece por defecto al acceder al programa y que, como se verá en su momento, es posible activar y desactivar según las preferencias del usuario. Podría decirse que esta ventana de bienvenida es la puerta de entrada al trabajo más habitual con el programa, puesto que desde ella es posible abrir documentos existentes o iniciar el proceso de creación de otros nuevos. Además, dispone de vínculos de ayuda que puede proporcionarle confianza en sus primeros pasos con Dreamweaver.

La posibilidad de trabajar sobre distintos espacios de trabajo resulta una ventaja puesto que permite contar sólo con aquellos elementos de interfaz que más se utilizan.

La Ventana de bienvenida, antes denominada Página de inicio, es la puerta de entrada al trabajo con Dreamweaver.

La interfaz de Dreamweaver es bastante similar a la de otras aplicaciones de la suite de Adobe. Por ella, realizaremos un paseo en las primeras lecciones de este apartado, así como por los distintos espacios de trabajo disponibles. Los espacios de trabajo suponen la reorganización de los elementos de la interfaz de usuario basada en el tipo de documentos que se vaya a preparar. El espacio por defecto es el denominado Diseñador y ofrece una disposición de barras de herramientas y paneles muy intuitiva.

Sin ninguna duda, las primeras lecciones servirán para familiarizarse a un nivel general con la representación de los elementos contenidos en una página web en las líneas de programación de la misma.

La creación de un nuevo documento se lleva a cabo desde el cuadro de diálogo Nuevo documento, desde el cual es posible elegir entre diseños predeterminados para crear una página básica.

La creación de documentos básicos también se trata en este apartado, así como la visualización y la gestión de estos documentos. Además, en esta sección se aprovecha para mostrar las diferencias entre las vistas en que se puede mostrar un documento (Diseño, Código o ambas a la vez), conocer las distintas partes básicas de una página web (head y body) y aquellos elementos que se presentan casi como imprescindibles en una página web (imágenes, texto, vínculos, etc.).