Kan jeg Nest DIV-tallet i Dreamweaver?

Lære å manipulere HTML divs kan hjelpe deg med å organisere websideelementer og legge engasjerende spesialeffekter til ditt nettsted. Dreamweaver, Adobes HTML-redigering program, kan du lage divs og selv legger dem inn i hverandre. Nestede divs gi deg flere oppsettfunksjoner som enkelt divs ikke. Lær å bruke Dreamweaver automatiske kodegenerator for å lage nestede raskt uten å måtte lære HTML-kode.

divs

Du trenger ikke å bruke en div til å opprette en webside. Du kan bare plassere alle elementer som bilder og knapper direkte på siden din og behandle dem som en enhet. I stedet for å plassere en meny direkte på en side, for eksempel, kan du sette den i en div sammen med en knapp og en etikett. Når du er inne på div, alle elementer beveger seg når du beveger div og forsvinner når du skjuler div. Interessante spesielle effekter bli mulig når du manipulere divs som inneholder andre elementer.

Dreamweaver AP Divs

Hvis du bruker Notepad eller en tekst editor for å lage HTML-sider, må du skrive kode som genererer divs. Dreamweaver visuelle utformingen grensesnitt lar deg tegne div-elementer med musen. Som du tegner, skriver programmet koden som trengs for å lage div automatisk. For å opprette en nestet div, må du bruke en spesiell type HTML-element kalt en AP div. AP divs støtter absolutt posisjonering og tillater deg å dra dem til ønsket plassering på en webside.

nestede Divs

Nest en div i en annen ved å plassere markøren på innsiden av overordnede div og tegne et rektangel etter å ha klikket "Draw AP DIV-knappen." Rektangelet blir nestet div. Plasser aldri gjenstander du inne i nestet div. Som du trekke div, legger Dreamweaver CSS posisjonering verdier til dokumentets hodet delen. Du kan endre disse verdiene hvis du liker å flytte div. Det kan være lurt å endre standard ID som Dreamweaver tildeler nye divs. Det navn den første div du tegner

Bruker

Bruk nestede divs å lage overlegg ved å flytte flere nestede div rundt inne en forelder div. For eksempel kan du lage en banner av hekkende en div som inneholder tekst inne i en annen div som inneholder en bildebakgrunn. Lag spennende spøkelses effekter ved overliggende ett bilde som opasitet er nesten null på toppen av en farget bakgrunn. Nestede divs også hjelpe deg med å lage komplekse animasjoner ved å flytte grupper av objekter rundt på websiden ved hjelp av en timer. Tenk på nestet Dreamweaver divs gule lapper på toppen av en oppslagstavle. Manipulere gule lapper på kreative måter å produsere en rekke interessante effekter.