Cómo crear una nueva página con un diseño css en dreamweaver

Dreamweaver incluye dos diseños CSS diseñados con las etiquetas HTML5 que se pueden personalizar para crear una variedad aparentemente infinita de diseños de página. Estos diseños le dan una ventaja cuando se crea una nueva página, y están diseñados para funcionar bien en una variedad de navegadores web, para que puedan ayudar a evitar problemas comunes causados ​​por las diferentes formas navegadores Web muestran HTML 5 y CSS.

Por todas estas razones, usted debe comenzar su trabajo de diseño en Dreamweaver con un diseño CSS elegido en la ventana Nuevo documento, especialmente si desea utilizar HTML5.

Para crear una nueva página usando uno de diseños CSS de Dreamweaver, siga estas instrucciones:

Video: Cómo hacer una Página Web con Dreamweaver CC 2017

  1. Seleccione Archivo → Nuevo.

    Aparece el cuadro de diálogo Nuevo documento.

  2. Elegir página en blanco de la columna izquierda y HTML a partir de la columna Tipo de página en el medio.

    Alternativamente, se puede elegir una opción en la parte inferior de la sección Tipo de página que se corresponde con el lenguaje de programación utilizado en su sitio, tales como ASP.NET, PHP o ColdFusion, y luego progresar con el paso 3. (Si eres no está familiarizado con estas opciones de programación, se adhieren con HTML.)

  3. En la sección Diseño, seleccione diseño CSS.

    Tenga en cuenta que cuando se selecciona un diseño CSS, una vista previa del diseño se muestra en la parte superior derecha del cuadro de diálogo.

    Video: Curso de Dreamweaver CC. 5.2. Crear y aplicar clases CSS

  4. En la lista desplegable Diseño CSS, elegir el tipo de hoja de estilo que desea crear a medida que diseña la página:

  5. Añadir a Head crea una hoja de estilo interna e incluye todos los estilos para el diseño en el área de cabecera del nuevo documento.

  6. Crear nuevo archivo crea una nueva hoja de estilos externa con todos los estilos de página a medida que crea el nuevo documento con el diseño.

  7. Enlace a archivo existente agrega la información de la hoja de estilo para el nuevo documento a una hoja de estilos externa existente.

  8. Nota: Siempre se puede cambiar la forma de la hoja de estilo se establece más adelante moviendo estilos de una hoja de estilo interna a una externa o de una hoja de estilos externa a otro.

    Video: Crear plantilla, Archivo CSS e Index en Dreamweaver CC 2014, HTML5 video 3

  9. Haga clic en Crear.

    La nueva página se crea y se abre en el espacio de trabajo principal.

  10. Seleccione Archivo → Guardar para guardar la página y estilos.

    Si guardó los estilos en una hoja de estilos externa, un segundo cuadro le pide que guarde la hoja de estilo por separado. Si los estilos están contenidos en una hoja de estilo interna, que están guardados automáticamente al guardar la página.

Artículos Relacionados