PDF (adobe.com)

Creación de una página en blanco

Puede crear una página que contenga una diseño CSS prediseñado o bien crear una completamente en blanco y realizar su propio diseño.

  1. Seleccione Archivo > Nuevo.
  2. En la categoría Página en blanco del cuadro de diálogo Nuevo documento, seleccione el tipo de página que desea crear en la columna Tipo de página. Por ejemplo, seleccione HTML para crear una página HTML, ColdFusion para crear una página ColdFusion, etc.
  3. Si desea que su nueva página contenga un diseño CSS, seleccione un diseño CSS prediseñado 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 flotante 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.

  4. Seleccione un tipo de documento del menú emergente DocType. En la mayoría de los casos, puede 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).
  5. 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 un nuevo archivo CSS externo y 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.

  6. (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.
  7. 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.
  8. Haga clic en Obtener más contenido si desea abrir Dreamweaver Exchange y descargar más contenido de diseño de páginas.
  9. Haga clic en el botón Crear.
  10. Guarde el nuevo documento (Archivo > Guardar).
  11. En el cuadro de diálogo que aparece a continuación, vaya hasta la carpeta en la que desea guardar el archivo.
    Es recomendable guardar el archivo en un sitio de Dreamweaver.
  12. En el cuadro Nombre de archivo, introduzca un nombre para el archivo.

    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.