Tutorial på Vis og skjul lag i Dreamweaver CS3

I tidligere versjoner av Adobe Dreamweaver webdesign programvare, ble div koder kalt lag. I Dreamweaver CS3, ble lagene omdøpt til AP divs, som står for absolutt posisjonert divisjoner. Fordi deres posisjoner er spesifisert, trenger AP divs ikke bevege seg når en nettleser vinduet endrer størrelse. Dette tillater deg også å stable AP divs oppå hverandre. Når du har stablet to vinduer på denne måten, må du vite hvordan du kan skjule og vise dem.

Tegne en Layer eller AP Div

Åpne Dreamweaver CS3 og velg "Tegn AP Div" fra "Layout" menylinjen. Markøren vil slå inn i en trådkorsmarkør. Bruk den til å trekke laget.

Du har nå et lag som er absolutt plassert et visst antall piksler fra venstre og fra toppen. Du kan se posisjonering i koden hvis du ser koden i delt skjerm visning eller i "Properties" panel nederst på skjermen. Du kan ikke helt plassere en div fra høyre side av skjermen. Du kan imidlertid endre posisjonering fra et antall piksler til centimeter eller andre målinger i "CSS Styles" panelet til venstre.

Skriv noe i den nyopprettede laget slik at du enkelt kan se når det er blitt skjult.

Veksling Layer synlighet på "Egenskaper" Panel

Gå til "Properties" panel nederst på skjermen. Klikk på rullegardinmenyen ved siden av eiendommen som heter "Vis" og velg "Skjult".

Når du velger "Skjult", laget vil bli usynlig i utformingsvisning, men du vil fortsatt kunne se koden for laget i split-screen-modus eller koding modus.

For å se laget igjen, velg "Synlig" fra drop-down boks.

Det tredje alternativet i boksen er "Arv". Hvis du har hekket AP divs (en div inne i en div), et lag som er merket som "Arv" skal arve synlig innstilling av den overordnede lag.

Veksling Layer synlighet på "AP Elements 'Panel

En annen måte å skjule og vise lagene er å bruke "AP Elements" panel.

Klikk på "AP Elements" fanen øverst i høyre hjørne for å se en oversikt over alle dine AP div lag. Hvert lag du oppretter vil bli navngitt sekvensielt (apDiv1, apDiv2) med mindre du dobbeltklikker på etiketten og gi hver et unikt navn.

Ved siden av lagnavn er ikonet av et åpent øye. Klikk på ikonet øyet for å skjule den enkelte lag. Ikonet endres til et lukket øye for å vise at laget er skjult.

Hvis du har to nestede AP divs, vil nestet div vises under den overordnede div i "AP Elements" tabellen. Veksling øyeikonet ved siden av den overordnede div setter synlighet for begge.

Hvis du vil skjule eller vise alle lagene på en gang, klikk på ikonet øyet på toppen av "AP Elements" tabellen.

Hvorfor du ønsker å skjule lag

Det er nyttig å veksle synligheten for lag mens du jobber med et dokument med mange lag, men dette er ikke årsaken til den skjulte eiendommen av div tag.

Ideelt sett grunn til å skjule et lag på nettstedet ditt er å avdekke lag dynamisk når brukeren mus-over eller klikk på en knapp. For å gjøre dette, må du bruke et skriptspråk, som Javascript, for å målrette div og endre synlig dynamisk.

Du kan skrive inn denne koden selv, eller få Dreamweaver for å hjelpe. Dreamweaver anbefaler at du vet litt om Javascript før du legger Javascript atferd i CS3 ved å bruke "Behaviors" panel.