*   >> Lese Utdanning Artikler >> science >> software

Opprette en 3 Columns Faste Css Utforming

Opprette et 3 Columns Fast CSS Layout

I denne opplæringen vil vi bruke Flexi CSS layouts Dreamweaver forlengelse å lage en enkel 3 kolonner CSS layout med en fast bredde. Oppsettet vil ha en topp- og bunntekst og innholdet delen vil bli delt i 3 kolonner. Bruke Flexi CSS layouts forlengelse, vil oppsettet ser det samme i alle de store nettleserne

Krav for denne opplæringen.


  • Adobe Dreamweaver CS3, CS4 eller CS5

  • Flexi CSS oppsett Dreamweaver forlengelse


    Flexi CSS layouts er en enkel å bruke Dreamweaver forlengelse som hjelper deg å lage tabell mindre HTML-oppsett uten koding, på mindre enn 5 minutter. Du kan bare lage sidestrukturen direkte fra grensesnittet og utvidelsen vil automatisk opprette divs og CSS for layout. Eller du kan velge fra et bredt spekter av innebygde maler for layout, deretter tilpasse oppsettet med dine egne CSS-regler.


    Quick Steps

  • Installere Flexi CSS layouts Dreamweaver forlengelse Anmeldelser
  • Innstilling layout viktigste egenskapene

  • Legge til header, footer og innholds rader

  • Legge 3 kolonner i innholdsområdet

  • Laste opp siden på produksjonsserveren
  • Forslag til bruk av layout

    Trinn 1. Installere Flexi CSS layouts Dreamweaver Extension

    Før du åpner Flexi CSS layouts, må du laste ned og installere denne Dreamweaver forlengelse.

    For å laste ned utvidelsen, gå til theproduct pageand laste ned en gratis prøveperiode, eller hvis du har kjøpt produktet kan du finne nedlastingen Linkin din konto på Extend Studio nettstedet.

    Etter at du har lastet ned Flexi CSS layouts kit, må du installere Dreamweaver forlengelse. Åpne arkivet og dobbeltklikk på .mxp filen og Adobe Extension Manager bør åpne og installere den automatisk. Eller du kan pakke ut arkivet, åpner Adobe Extension Manager og velg installer. Deretter søke i mappen hvor du pakket ut .mxp filen og klikk åpne.


    Etter at du gjorde disse trinnene, åpen Dreamweaver, gå til Insert Panel (trykk CTRL + F2), finne den kategorien Flexi CSS utforminger og pressInsert Full Page Layout . Se bildet under:

    Sett Full Page Layout

    Trinn 2. Sette layout viktigste egenskapene

    Etter Flexi utforminger grensesnittet åpner opp vil du se et popup-vindu der du må sette layout hoved egenskaper. Sett bredden til 960 x, layout justere sentrum og ingen bakgrunnsfarge. Som en beste praksis, angi CSS-regler som skal skrives til en ekstern CSS-fil.


    Opprette en

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

  • Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.