Nuevas opciones de documentos para las páginas html en dreamweaver

El cuadro de diálogo Nuevo documento de Dreamweaver tiene cuatro áreas principales: opciones de la izquierda que determinan el tipo de archivo (HTML, CSS, o cualquiera de un gran conjunto de posibles otros tipos de archivos), si está utilizando una muestra o una plantilla para generar su página, y otras opciones.

La columna Tipo de página es donde se elige un tipo de archivo (HTML si va a crear una nueva página web HTML). La columna de diseño es donde se elige a partir de muestras disponibles o páginas de inicio (o seleccionar Ninguno para comenzar con una página en blanco).

El área de vista previa en la parte superior derecha de las vistas previas de diálogo de cómo se verá la página si utiliza un diseño. En la parte inferior derecha del cuadro de diálogo Nuevo documento, se puede cambiar el tipo de documento (palo con el valor por defecto, HTML 5), y se puede utilizar el icono de enlace (se ve como un eslabón de cadena) para adjuntar una hoja de estilos CSS.

Para empezar a crear una página, haga clic en el elemento apropiado de las opciones en el lado izquierdo de la pantalla:

Video: Adjuntar archivos a pagina web creada con Dreamweaver

  • Página en blanco: Elija esta opción para crear una página HTML básico, en blanco. Seleccione HTML como el tipo de página, como el diseño, y luego HTML5 como el tipo de documento declarado (a partir de la ventana emergente de tipo de documento en la columna de la derecha). Haga clic en el botón Crear, y ves lo que se muestra aquí.

    Nota: Elija HTML5 como el tipo de documento, ya mayores, las versiones obsoletas de HTML imponen reglas de fuera de la fecha que desencadenan errores del navegador molestas e innecesarias. El uso de HTML5 evita todo eso y mantiene los navegadores de interpretar inteligentemente contenido de la página que incluye la corrección de errores reconocibles (como una etiqueta de cierre se perdió en un párrafo, por ejemplo).

  • Plantilla en blanco: En esta categoría se proporciona un conjunto de plantillas de muestra de Dreamweaver.

  • Disposición de la red de fluido: usuarios de Dreamweaver CS6 tienen una ficha de categoría adicional para crear lo que llama Dreamweaver Fluidos diseños de cuadrícula o Proyectos multipantalla. Estas son páginas con más de un asociado de hojas de estilo CSS: es decir, las páginas que deben mostrarse de forma diferente en función del tamaño de los medios de comunicación (pantalla) en el que se ven.

  • Página de Plantilla: Generar nuevas páginas de plantillas de Dreamweaver existentes.

    Las plantillas de Dreamweaver no son de muestra genérica páginas de diseño-constructor. Por eso, Dreamweaver suministra páginas de muestra o de arranque. Dreamweaver plantillas es una herramienta propia que regula los elementos de página en todo el sitio de Dreamweaver y no se puede utilizar si se desea integrar otras herramientas de diseño web.

    No utilice plantillas de Dreamweaver, ya que no son estándar, fácilmente corruptibles, y no es realmente adecuado para la actualización de todo el sitio en sitios de gran tamaño. La funcionalidad que proporcionan las plantillas de Dreamweaver está mejor administrado con hojas de estilo CSS externos y otras herramientas no propietarios.

  • Página de la muestra: Páginas de muestra son diferentes de plantillas de Dreamweaver y más útil. Ellos vienen empaquetados con estilos CSS que proporcionan formato y marcador de posición de texto y las imágenes que se pueden sustituir con su propio contenido.

    Video: Tutorial Dreamweaver & Flash - Insertar SWF En HTML

    Puede ver muestras de antemano en el área de vista previa del cuadro de diálogo Nuevo documento para tener una idea de si o no desea utilizar una de las muestras disponibles para empezar a crear su propia página.

  • Otro: La otra categoría tiene opciones para crear tipos de archivos complejos, avanzados, u oscuro, con énfasis en la oscuridad. Entre las opciones más utilizadas, se puede crear un archivo de ActionScript de Flash (ActionScript es el lenguaje de programación utilizado por Adobe Flash) o una página codificada en el lenguaje de programación Visual Básico de Microsoft.

    Video: HTML frames o subdividir página en ventanas- 6 -crear una pagina web con el bloc de notas HTML

Si se selecciona un archivo HTML como el tipo de página de la segunda columna en el cuadro de diálogo Nuevo documento, la columna Diseño muestra una variedad de diseños de página basados ​​en CSS. La cuarta columna del cuadro de diálogo Nuevo documento muestra miniaturas de diseño de página generados para cualquier diseño que seleccione.

No sólo el cuadro de diálogo de vista previa nuevo documento cómo un diseño seleccionado se verá, sino que también proporciona tres opciones en el menú emergente Diseño CSS: Añadir a la cabeza, Crear nuevo archivo o enlace a archivo existente.

  • La primera opción (Añadir a la cabeza) incrusta CSS en el archivo HTML, algo que le impide compartir su hoja de estilo con otras páginas HTML en su sitio.

  • La opción Crear nuevo archivo, por el contrario, genera una hoja de estilos externa que puede estar vinculado a partir de muchas páginas en su sitio.

  • La opción de Vincular a archivo existente le permite sustituir su propio archivo CSS, ya creado para el asociado con la muestra - que es un poco extraño, ya que una opción deshace más o menos el paquete de ejemplo de HTML y CSS.

Artículos Relacionados