Creación de un documento basado en un archivo de diseño de Dreamweaver

Dreamweaver se suministra con distintos archivos de elementos de diseño y diseños de página profesionales. Puede utilizar estos archivos de diseño como punto de partida para el diseño de las páginas de sus sitios.

Los archivos de diseño incluyen documentos y plantillas que se ajustan a las normas de accesibilidad, a los documentos de diseño de página basados en tablas y a las hojas de estilos CSS. Puede obtener una vista previa de un documento y leer una breve descripción de sus elementos de diseño en las categorías Hojas de estilos CSS, Conjuntos de marcos, Diseños de página y Diseños de página (accesible).

Cuando crea un documento basado en un archivo de diseño, Dreamweaver crea una copia del archivo. Si el archivo de diseño incluye vínculos a archivos de activos (como gráficos, elementos Flash o una hoja de estilos CSS externa), al guardar el documento Dreamweaver le pregunta si desea guardar una copia de los archivos dependientes. Puede elegir su propia ubicación para los archivos dependientes o utilizar la ubicación predeterminada de carpeta que genera Dreamweaver (basada en el nombre original del archivo de diseño).

También puede crear una plantilla nueva a partir de un archivo de diseño. La plantilla ya cuenta con regiones editables definidas. Puede crear regiones editables nuevas en la plantilla. Se le pedirá que guarde el archivo como plantilla para el sitio actual. Los archivos vinculados también se copiarán en el sitio.

Nota: Si crea un documento a partir de un conjunto de marcos predefinido, sólo se copiará la estructura del conjunto de marcos, no el contenido. Asimismo, deberá guardar cada archivo de marco por separado. Para obtener más información sobre el almacenamiento de marcos, consulte “Almacenamiento de archivos de marco y conjunto de marcos”.

Para crear una hoja de estilos en cascada:

1 Abra el cuadro de diálogo Nuevo documento y seleccione Archivo > Nuevo.

2 En la lista Categoría, seleccione Hojas de estilos CSS. En la lista de documentos situada a la derecha aparecerá una selección de hojas de estilos CSS.

3 En esta lista, seleccione una hoja de estilos para obtener una vista previa de su descripción y propiedades y luego lleve a cabo una de estas operaciones:

       • Haga clic en Crear.

       • Haga doble clic en el elemento de la lista de documentos.

       • Presione Intro.

El cuadro de diálogo se cierra y aparece un documento nuevo CSS en la ventana de documento. La hoja de estilos CSS se abre en la vista Código.

4 Seleccione Archivo > Guardar como.

5 En el cuadro de diálogo Guardar como, localice la ubicación en la que desea guardar el archivo,

asigne un nombre de archivo exclusivo al documento y haga clic en Guardar.

Para crear un documento de Diseños de página:

1 Abra el cuadro de diálogo Nuevo documento y seleccione Archivo > Nuevo.

2 En la lista Categoría, seleccione Diseños de página o Diseños de página (accesible)

dependiendo de los requisitos de su diseño.

3 En la lista Diseños de página seleccione el documento en el que desea que se base la página nueva.

4 Lleve a cabo una de las siguientes operaciones:

       • Para crear un documento, seleccione el botón de opción Documento.

       • Para crear una nueva plantilla, seleccione el botón de opción Plantilla.

5 Haga clic en Crear.  Un documento nuevo aparecerá en la ventana de documento. Si crea una plantilla, verá las regiones editables definidas y se le pedirá que guarde el documento como plantilla para el sitio actual.

6 Elija Archivo > Guardar para guardar el documento.  Si el archivo contiene vínculos a archivos de activos, aparecerá el cuadro de diálogo Copiar archivos dependientes.

7 En este cuadro de diálogo, establezca las opciones para copiar los activos en el sitio actual.

8 Haga clic en Copiar para copiar los activos en la carpeta seleccionada y cierre el cuadro de diálogo.