*   >> Lectura Educación Artículos >> science >> software

Creación de un 3 columnas fijas Css Layout

de la interfaz Flexi Layouts abre, verá una ventana emergente en la que usted necesita para establecer el principal diseño propiedades. Establezca el ancho de 960px, centro align disposición y no hay color de fondo. Como práctica, establecer las reglas CSS para ser escritos en un archivo CSS externo.

Creación de una nueva Disposición

Presione bien y vamos a empezar. Es necesario añadir 3 filas:. Cabecera, el contenido y el pie

Paso 3. Agregar el encabezado, contenido y pie de página filas Hotels.

com Ir a la ficha Filas Insertar y seleccione 3 filas:

Selección 3 filas

Un emergente se abrirá y tenemos que especificar la altura mínima de las filas. La primera fila será la cabecera, y la puso a 100px. Si usted tiene más contenido, el alto de fila se incrementará automáticamente. Establezca la segunda fila de 600px (debe ser mayor ya que el contenido vendrá allí). La última fila será el pie de página; ponerlo a la altura de 100px y pulse Aceptar.


Ajuste de las 3 filas de altura

En la pestaña estructura, haga doble clic en la primera fila y el nombre de "cabecera" y la fila de pie de página 3o.

Paso 4 . La adición de 3 columnas en el área de contenido

Seleccione la segunda fila, ir al botón Insertar columnas y agregue 3 columnas.

Adición de 3 columnas

Una nueva ventana emergente se abrirá donde se debe establecer el ancho para el 3 las columnas. Establezca la primera ancho de columna a 180px, la segunda columna de 580px y la última columna de 200px.

Si ajusta el ancho de una columna más grande que el espacio disponible, entonces la interfaz Flexi Layouts le permitirá saber

Adición de 3 columnas

Nombre las columnas de izquierda a derecha:.. Left Sidebar, Contenido y Derecho Sidebar

< h3> Paso 5. Carga de la página en el servidor

vez que haga clic en Insertar, la página índice Layout de 3 columnas css personalizado y encabezado y el pie se inserta en la página.

Su nuevo diseño CSS debería ser algo como en la imagen siguiente:

completa Diseño de página

Todo lo que necesitas hacer es llenar la página con contenido y cargar el archivo y /incluye carpeta a la server.Note pruebas: Antes de cargar el sitio en el servidor de producción se debe configurar el modo de depuración en off para todos los archivos. Para ello, haga clic en "activar el modo debug off" en el panel de Flexi CSS Layouts en Dreamweaver.

Uso sugerido del trazado

  • En la cabecera se puede añ

    Page   <<  [1] [2] [3] >>
  • Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.