Dreamweaver incluye dos diseños CSS diseñados con etiquetas HTML5 que puede personalizar para crear una variedad aparentemente infinita de diseños de página. Estos diseños le dan una ventaja cuando crea una nueva página, y están diseñados para funcionar bien en una variedad de navegadores web, por lo que pueden ayudarle a evitar problemas comunes causados por las diferentes formas en que los navegadores web muestran HTML5 y CSS.
Por todas estas razones, debería comenzar su trabajo de diseño en Dreamweaver con un diseño CSS seleccionado en la ventana Nuevo documento, especialmente si desea utilizar HTML5.
Para crear una nueva página utilizando uno de los diseños CSS de Dreamweaver, siga estas instrucciones:
Seleccione File→New Aparece la ventana de diálogo Nuevo documento.
También puede elegir una opción en la parte inferior de la sección Tipo de página que corresponda al lenguaje de programación utilizado en su sitio, como ASP.NET, PHP o ColdFusion, y luego avanzar al Paso 3. (Si no está familiarizado con estas opciones de programación, siga con HTML.)
Tenga en cuenta que al seleccionar un diseño CSS, se muestra una vista previa del diseño en la parte superior derecha del cuadro de diálogo.
En la lista desplegable Diseño CSS, elija el tipo de hoja de estilo que desea crear a medida que diseña la página: Añadir al encabezado crea una hoja de estilo interna e incluye todos los estilos para el diseño en el área de encabezado del nuevo documento.Crear nuevo archivo crea una nueva hoja de estilo externa con todos los estilos de página a medida que crea el nuevo documento con el diseño.Enlace al archivo existente agrega la información de la hoja de estilo para el nuevo documento a una hoja de estilo externa existente.Nota: Siempre puede cambiar la forma en la que se configura la hoja de estilo más adelante moviendo los estilos de una hoja de estilo interna a una hoja de estilo externa o viceversa.
La nueva página se crea y se abre en el espacio de trabajo principal.
Elija File→Save para guardar la página y los estilos. Si guardó los estilos en una hoja de estilo externa, un segundo cuadro le pedirá que guarde la hoja de estilo por separado. Si los estilos están contenidos en una hoja de estilo interna, se guardan automáticamente al guardar la página.
