Tryk på ok og lad os komme i gang. Du er nødt til at tilføje 3 rækker:. Header, indhold og footer
Gå til fanen Indsæt Rækker, og vælg 3 rækker:
Valg 3 rækker
En popup vil åbne, og vi er nødt til at angive højde på mindst rækkerne. Den første række vil være overskriften, og sæt den til 100px. Hvis du har mere indhold, vil rækkehøjden stige automatisk. Sæt den anden række til 600px (bør være større, fordi indholdet kommer der).
Den sidste række vil være sidefoden; sæt den til 100px højde og tryk på ok.
Indstilling af 3 rækker højde
På fanen struktur, skal du dobbeltklikke på den første række og navngive den "header", og den 3. række sidefoden.
Marker den anden række, gå til knappen Indsæt Kolonner og tilsæt 3 kolonner.
Tilføjelse 3 kolonner
En ny popup åbnes, hvor du skal indstille bredden til 3 kolonner. Indstil den første kolonne bredden til 180px, den anden søjle til 580px og den sidste kolonne til 200px.
Hvis du indstiller en kolonne bredde større end den tilgængelige plads så Flexi Layouts brugerflade vil lade dig vide
Tilføjelse 3 kolonner
Navngiv kolonnerne fra venstre mod højre:.. Venstre Sidebar, indhold og højre Sidebar
< h3> Trin 5. Upload siden på serveren
Når du klikker på Indsæt, Full Sidelayout med 3 brugerdefinerede css kolonner og sidehoved og sidefod er indsat på siden. Din nye css layout skal se noget som på billedet nedenfor:
Fuld Sidelayout
Alt du skal gøre er at fylde siden med indhold og uploade filen og mappen til test server.
Note den /inkluderer: før du uploader webstedet på produktionen server, du skal indstille Debug mode til off for alle filer. For at gøre dette, skal du klikke på "turn debug mode off" i Flexi CSS layout panel i Dreamweaver.