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

Creación de un 3 columnas fijas Css Layout

Creación de un 3 columnas fijas CSS Layout

En este tutorial vamos a utilizar la extensión Flexi CSS Layouts Dreamweaver para crear un simple 3 columnas diseño CSS con un ancho fijo. El trazado tendrá un encabezado y pie de página y la parte de contenido se divide en 3 columnas. El uso de la extensión Flexi CSS Layouts, la disposición se verá igual en todos los principales navegadores

Requisitos para este tutorial:.


  • Adobe Dreamweaver CS3, CS4 o CS5

  • CSS Flexi extensión Layouts Dreamweaver

    Flexi CSS Layouts es un fácil de utilizar la extensión para Dreamweaver que le ayuda a crear diseños HTML mesas menos sin necesidad de programación, en menos de 5 minutos. Usted puede simplemente crear la estructura de la página directamente desde la interfaz y la ampliación creará automáticamente el divs y CSS para su diseño. O elegir entre una amplia gama de plantillas incrustadas para su diseño, a continuación, personalizar el diseño con sus propias reglas CSS.


    Pasos rápidos

  • Instalación del Flexi CSS Layouts Dreamweaver extensión

  • Configuración de las principales propiedades de diseño

  • La adición de la cabecera, pie de página y contenido filas

  • La adición de 3 columnas en el área de contenido

  • Carga de la página en el servidor de producción
  • Uso sugerido del trazado

    Paso 1. Instalación de la CSS Layouts Dreamweaver Extensión Flexi

    Antes de abrir los Flexi CSS Layouts, es necesario descargar e instalar esta extensión de Dreamweaver.

    Para descargar la extensión, vaya a theproduct pageand descargar una prueba gratuita, o si usted ha comprado el producto se puede encontrar la descarga linkin su cuenta en Extend Studio sitio.

    Después de haber descargado el kit Flexi CSS Layouts, es necesario instalar la extensión de Dreamweaver. Abra el archivo y haga doble clic en el archivo .mxp y Adobe Extension Manager debe abrir e instalar automáticamente. O bien, puede extraer el archivo, abrir el Adobe Extension Manager y seleccione instalar. A continuación, busque la carpeta en la que extrajo el archivo .mxp y haga clic en Abrir.


    Después de que usted hizo estos pasos, Dreamweaver abierto, vaya al Panel Insert (presione CTRL + F2), encontrar la ficha Flexi CSS Layouts y pressInsert completa Diseño de página . Ver la imagen de abajo:

    Insertar completa Diseño de página

    Paso 2. Configuración de las propiedades principales de diseño

    Después

    Page   <<       [1] [2] [3] >>

  • Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.