Hvordan lage en Layout Uten en tabell i Dreamweaver

Adobe Dreamweaver gir et bredt utvalg av verktøy og metoder som du kan bruke til å lage visuelt tiltalende nettsider. Du ønsker kanskje en layout som inneholder flere kolonner som presenteres av en tabell. Tabeller kan noen ganger forstyrre flyten av innhold. En løsning er å bruke en CSS-element, kjent som en "Div." Bruk Dreamweaver til å sette absolutt posisjonert eller AP elementer og skape ønsket oppsett uten å bruke en tabell.

Bruksanvisning

1 Start Dreamweaver og åpne websiden.

2 Klikk på "Oppsett" -fanen og deretter "Tegn AP Div" -knappen. Markøren viser et trådkors.

3 Dra på dokumentet skjermen for å tegne div. Slipp musen når du har den størrelsen og formen du ønsker.

4 Klikk i div for å sette inn innholdet. Gjenta for hver div du ønsker på siden. For eksempel plassere en andre div ved siden av den første. En CSS stil er opprettet for hver div med en navneformatet av apDiv1, apDiv2 og så videre, som vist i dette eksemplet:

<Style type = "text / css">

<! -

apDiv1 {

position: absolute;

venstre: piksler ganger 88 piksler;

top: 230px;

width: 281px;

height: 608px;

z-index: 1;

}

->

</ Style>

5 Klikk på den øverste venstre hjørne av AP div for å flytte den til et annet sted. Klikk på håndtakene på AP div og flytte dem for å endre størrelsen. Du kan også endre verdiene i CSS stil til endre div.