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.
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.
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
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