Cómo agregar elementos fluidos a un diseño en Dreamweaver

Después de crear un diseño de cuadrícula fluida en Dreamweaver, el siguiente paso es añadir

etiquetas u otros elementos que componen las secciones del diseño. Usted tiene dos opciones cuando usted diseña páginas en Dreamweaver CC: uso
etiquetas o utilizan etiquetas HTML5.

Ambos funcionan de manera similar en estos diseños de fluidos, pero utilizando etiquetas HTML5, como el

y
etiquetas, tiene alguna ventaja, porque las etiquetas añaden significado y estructura adicional a su página web.

Agregar

etiquetas, etiquetas de HTML5, y otros elementos de un diseño de cuadrícula fluida, siga estas instrucciones:

  1. Seleccione Insertar-Estructura-navegación.

    Como alternativa, puede hacer clic en la navegación en el panel Estructura Insertar.

  2. Seleccione la casilla de verificación Insertar líquido elemento en el cuadro de diálogo Insertar como.

    Al utilizar las características de diseño de cuadrícula de fluidos, debe seleccionar esta opción cuando se agregan etiquetas.

    imagen0.jpg
  3. En el cuadro de diálogo Insertar, seleccione si desea utilizar el selector de clase o ID para crear un nuevo estilo para la etiqueta que está insertando a continuación, escriba un nombre para el nuevo estilo.

    Incluso cuando se inserta etiquetas HTML5, debe crear un estilo de clase o ID correspondiente que se puede utilizar para dar formato al elemento en los tres diseños.

    Nombres de estilo de clase deben empezar por un punto (.) Y los nombres de estilo ID deben comenzar con el signo de número (#).

  4. Haga clic en Aceptar.

    La etiqueta se añade a la disposición, la formación de una nueva caja en el diseño, y el nombre del estilo correspondiente se añade tres veces para el diseño CSS.

  5. Seleccione la inicial

    etiqueta que se incluyó en el diseño y luego haga clic en el icono de la papelera pequeña que aparece en la parte inferior derecha de la
    etiqueta para borrarlo.

    Aunque puede mantener la inicial

    etiqueta incluida en los diseños de cuadrícula de fluidos, o se puede cambiar el nombre del estilo que se le aplica.

  6. Seleccione Insertar-Estructura-artículo.

    Se abre el cuadro de diálogo Insertar artículo (similar al cuadro de diálogo Insertar encabezado).

  7. Seleccione la casilla de verificación Insertar líquido elemento en el cuadro de diálogo Insertar como.

  8. En el cuadro de diálogo Insertar, seleccione si desea utilizar el selector de clase o ID para crear un nuevo estilo para la etiqueta va a insertar y escriba un nombre para el nuevo estilo.

  9. Haga clic en Aceptar.

    La etiqueta se añade a la disposición, la formación de una nueva caja en el diseño, y el nombre del estilo correspondiente se añade tres veces para el diseño CSS.

  10. Añadir tantos elementos como desee para su diseño repitiendo los pasos 6-9.

    Puede añadir elementos de HTML5 a su diseño de cuadrícula fluida haciendo clic en sus correspondientes iconos en el panel Estructura Insertar: un navegación, una cabecera, dos artículos, y uno de pie de página.

    Tenga en cuenta que en el código, Dreamweaver añade el prefijo de fluidos al nombre de cada estilo se crea para sus diseños de cuadrícula de fluidos.

    image1.jpg

» » » » Cómo agregar elementos fluidos a un diseño en Dreamweaver