*   >> läser Utbildning artiklar >> science >> software

Skapa en 3 kolumner Fast Css Layout

ge CSS-regler som ska skrivas till en extern CSS-fil.

Skapa en ny layout Omdömen Tryck på OK och låt oss komma igång. Du måste lägga till 3 rader. Sidhuvud, innehåll och sidfot Omdömen

Steg 3. Lägga till sidhuvud, innehåll och sidfotsrader

Gå till fliken Infoga rader och välj 3 rader:

väljer 3 rader Review, en popup öppnas och vi måste ange minimihöjden av raderna. Den första raden kommer att vara huvudet, och ställ in den på 100px. Om du har mer innehåll, kommer radhöjden ökar automatiskt.

Ställ den andra raden mot 600px (bör vara större på grund av att innehållet kommer att komma dit). Den sista raden blir sidfoten; ställ in den på 100px höjd och tryck på ok.

Ställa in 3 rader höjd sälja På fliken strukturen, dubbelklicka på första raden och döp den till "header" och 3: e raden sidfoten. Omdömen

Steg 4 . Lägga 3 kolumner i innehållsområdet

Välj den andra raden, gå till Infoga kolumner knäppas och tillfogar 3 kolumner. Omdömen Lägga 3 kolumner Review, en ny popup öppnas där du ska ställa in bredden för tre kolumner.

Ställ in den första kolumnbredden till 180px, den andra kolumnen till 580px och den sista kolumnen till 200px. Om du ställer en kolumn bredd större än det tillgängliga utrymmet då Flexi layouter gränssnittet kommer att låta dig veta

Lägga 3 kolumner Review Namnge kolumnerna från vänster till höger:.. Vänster Sidebar, innehåll och Right Sidebar Omdömen < h3> Steg 5. Ladda upp sidan på servern Review När du klickar på Infoga Full Sidlayout med 3 anpassade css kolumner och sidhuvud och sidfot sätts in i sidan.

Din nya css layout bör se ut ungefär som på bilden nedan:

Full Sidlayout | Allt du behöver göra är att fylla sidan med innehåll och ladda upp filen och /includes mappen till test server.Note: innan du lägger upp den plats på produktionsserver bör du ställa in Debugläge avstängd för alla filer. För att göra detta, klicka på "aktivera felsökningsläget" i Flexi CSS layouter panel i Dreamweaver. Omdömen

Förslag till användning av layouten

  • I sidhuvudet kan du lägga till din egen logotyp och navigeringsmenyn.

    Du kan ta en titt på theCreative DW Menusto bygga en cool flash menyer på några sekunder. Eller om du vill kan du lägga till en cool flash bildspel i sidhuvudet. Att bygga en cool flash bildspel snabbt och enkelt kan göras withImage Visa Pro. Omdömen

  • I den andra raden, tillsätt 3 kolumner som representerar innehållet delen av sidan. Vi kommer att lägga till en vänster sidofälte

    Page   <<  [1] [2] [3] >>
  • Copyright © 2008 - 2016 läser Utbildning artiklar,https://utbildning.nmjjxx.com All rights reserved.