PDF (adobe.com)

Creación de una plantilla en blanco

Puede utilizar el cuadro de diálogo Nuevo documento para crear plantillas de Dreamweaver. De forma predeterminada, las plantillas se guardan en la carpeta Templates del sitio.

  1. Seleccione Archivo > Nuevo.
  2. En el cuadro de diálogo Nuevo documento, seleccione la categoría Plantilla en blanco.
  3. Seleccione el tipo de página que desea crear en la columna Tipo de plantilla. Por ejemplo, seleccione Plantilla HTML para crear una plantilla HTML sencilla, Plantilla de ColdFusion para crear una plantilla de ColdFusion, etc.
  4. Si desea que su nueva página contenga un diseño CSS, seleccione un diseño CSS predefinido en la columna Diseño; de lo contrario, seleccione Ninguno. En función de sus selección, aparece una vista previa y una descripción del diseño seleccionado en el lado derecho del cuadro de diálogo.

    Los diseños CSS predefinidos ofrecen los siguientes tipos de columnas:

    Fija
    El ancho de columna se especifica en píxeles. La columna no cambia de tamaño en función del tamaño del navegador o de la configuración del texto del visitante del sitio.

    Elástica
    El ancho de columna se especifica en una unidad de medida (ems) relacionada con el tamaño del texto. El diseño se adapta si el visitante del sitio cambia la configuración del texto, pero no en función del tamaño de la ventana del navegador.

    Flotante
    El ancho de columna se especifica como porcentaje del tamaño del navegador del visitante. El diseño se adapta si el visitante del sitio amplia o reduce el navegador, pero no en función de la configuración del texto.

    Híbrida
    Las columnas son una combinación de las tres opciones anteriores. Por ejemplo, en el diseño de dos columnas híbridas, la barra lateral derecha tiene una columna principal que se ajusta al tamaño del navegador y una columna elástica a la derecha que se ajusta al tamaño de la configuración del texto del visitante del sitio.

  5. Seleccione un tipo de documento del menú emergente DocType. En la mayoría de los casos, utilizará la selección predeterminada, XHTML 1.0 de transición.

    Si selecciona una de las definiciones de tipo de documento XHTML en el menú DocType (DTD), las páginas nuevas serán compatibles con XHTML. Por ejemplo, puede hacer que un documento HTML sea compatible con XHTML seleccionando XHTML 1.0 de transición o XHTML 1.0 estricto del menú. El lenguaje XHTML (Lenguaje de formato de hipertexto ampliable, Extensible Hypertext Markup Language) es un replanteamiento del lenguaje HTML como aplicación XML. En general, la utilización de XHTML permite aprovechar las ventajas del lenguaje XML, garantizando al mismo tiempo la compatibilidad anterior y futura de los documentos Web.

    Nota: Para más información sobre XHTML, consulte el sitio Web del World Wide Web Consortium (W3C), que contiene la especificación para XHTML 1.1: XHTML (www.w3.org/TR/xhtml11/) y XHTML 1.0 (www.w3c.org/TR/xhtml1/) basado en módulos, además de los sitios Web del validador XHTML para archivos Web (http://validator.w3.org/) y archivos locales (http://validator.w3.org/file-upload.html).
  6. Si ha seleccionado un diseño CSS en la columna Diseño, seleccione una ubicación para el código CSS del diseño en el menú emergente Diseño CSS en.
    Añadir a Head
    Añade código CSS para el diseño al encabezado de la página que se va a crear.

    Crear nuevo archivo
    Añade código CSS para el diseño a una nueva hoja de estilos CSS externa y asocia la nueva hoja de estilos a la página que se va a crear.

    Vincular a archivo existente
    Permite especificar un archivo CSS existente que ya contiene reglas CSS necesarias para el diseño. Para ello, haga clic en el icono Adjuntar hoja de estilos situado encima del panel Adjuntar archivo CSS y seleccione una hoja de estilos CSS. Esta opción es especialmente útil cuando desea utilizar el mismo diseño CSS (cuyas reglas CSS se encuentran en un único archivo) en varios documentos.

  7. (Opcional) También puede adjuntar hojas de estilos CSS a la nueva página (independientes del diseño CSS) al crearla. Para ello, haga clic en el icono Adjuntar hoja de estilos situado encima del panel Adjuntar archivo CSS y seleccione una hoja de estilos CSS.
  8. Haga clic en Preferencias si desea establecer las preferencias predeterminadas del documento, como el tipo de documento, la codificación y la extensión del archivo.
  9. Haga clic en Obtener más contenido si desea abrir Dreamweaver Exchange y descargar más contenido de diseño de páginas.
  10. Haga clic en el botón Crear.
  11. Guarde el nuevo documento (Archivo > Guardar). Si aún no ha añadido regiones editables a la plantilla, aparece un cuadro de diálogo que le indica que no hay regiones editables en el documento. Haga clic en Aceptar para cerrar el cuadro de diálogo.
  12. En el cuadro de diálogo Guardar como, seleccione un sitio en el que guardar la plantilla.
  13. En el cuadro Nombre de archivo, introduzca un nombre para la nueva plantilla. No es necesario que añada una extensión de archivo al nombre de la plantilla. Al hacer clic en Guardar, se añade la extensión .dwt a la nueva plantilla y se guarda en la carpeta Templates del sitio.

    Evite utilizar espacios y caracteres especiales en los nombres de archivos y carpetas. Asimismo, no comience los nombres de los archivos con números. En concreto, no utilice caracteres especiales (como é, ç o ¥) ni signos de puntuación (como dos puntos, barras inclinadas o puntos) en los nombres de archivos que desee colocar en un servidor remoto; muchos servidores cambian estos caracteres durante la carga, lo que provoca que se rompan los vínculos existentes con los archivos.