AP Divs létrehozása az Adobe CS5 Dreamweaverben

Az Adobe Creative Suite 5 (Adobe CS5) A Dreamweaver CSS-ben elhelyezett virtuális tárolókat vagy dobozokat használ , amelyeket a DIV címke hoz létre a tartalom szabad elhelyezéséhez az oldalon. A DIV címke egy alapvető címke, amellyel tartalomterületeket hozhat létre az oldalon. Minden DIV címkéhez egyedi azonosító stílus rendelhető, amely szabályozza a pozícióját, megjelenését és méretét.

A tartalom elhelyezésének folyamata gyakran két lépést igényel: a DIV címke létrehozása, majd a megfelelő stílus létrehozása. Az AP Div eszköz lehetővé teszi, hogy szabadon rajzoljon dobozokat az oldalra, és helyezzen el benne tartalmat.

Az AP Div az abszolút pozíciós DIV rövidítése; egy abszolút pozícióval rendelkező elem az oldalon egy adott helyen van rögzítve. Amikor AP Div-t rajzol, a pozícióját általában a felső és a bal CSS-tulajdonságok segítségével állítják be, referenciapontként az oldal bal felső sarkával.

A CSS egy oldal minden elemét egy tartalmat tároló dobozként kezeli; CSS Box modellnek nevezik . Bár a CSS a dobozt leginkább az oldal bármely elemét tartalmazó elemnek tekintheti (például egy táblázatot vagy egy listát), a DIV címkéket leggyakrabban virtuális dobozok létrehozására használják, amelyek segítségével szöveget, képeket és akár más mezőket is elhelyezhet.

Minden doboznak megvan a maga szélessége, magassága, pozíciója (a felső és bal oldali tulajdonságokon keresztül), szegélye, margója és kitöltése; mindegyik CSS-szabályokkal van beállítva.

A Beszúrás panelen válassza ki az Elrendezés kategóriát.

Válassza ki a Draw AP Div eszközt.

A kurzor hajszálkeresztként jelenik meg, ha visszamozgatja az oldalon.

Kattintson az oldal tetszőleges részére, és húzza az új AP Div-t; engedje fel az egérgombot.

Kattintson és húzza az oldalt a Draw AP Div eszközzel egy doboz létrehozásához.

Vigye az egérmutatót a doboz széle fölé, amíg kézre nem változik; kattintson egyszer, és fogantyúk jelennek meg minden oldalon.

Kattintson és húzza a fogantyúk bármelyikét a doboz függőleges vagy vízszintes átméretezéséhez.

A doboz áthelyezéséhez kattintson rá, és húzza a bal felső szélén lévő fülnél fogva, és helyezze a dobozt a kívánt helyre az oldalon.

Vessen egy pillantást az ingatlanfelügyelőre, és látni fogja a nevet, valamint számos DIV-tulajdont.

Ha a CSS-stílusok panel nincs megnyitva, válassza az Ablak→CSS-stílusok menüpontot a megnyitásához; az Összes panel alatt kattintson a stíluslap bal oldalán (

Kattintson az új mezőbe új tartalom beírásához, beillesztéséhez vagy beszúrásához.

Amikor egy AP Div-t rajzol az oldalra, a Dreamweaver beszúr egy címkét a doboz létrehozásához, és létrehoz egy azonosítóválasztót, amely tárolja a DIV pozícióját, szélességét, magasságát és egyéb tulajdonságait. Az AP Div létrehozása után beírhat, beilleszthet vagy beszúrhat tartalmat közvetlenül abba. Osztályszabályt is hozzárendelhet bármely DIV-hez a Tulajdonságvizsgálóból.

Minden rajzolt AP Div automatikusan megjelenik az AP elemek panelen (megjelenítésükhöz válassza az Ablak → AP elemek lehetőséget. Az AP Elements panel segítségével kiválaszthatja, elrejtheti és megjelenítheti az oldalon lévő AP Divokat.

Használja az AP Elements panelt az AP Div-ek kiválasztásához, elrejtéséhez és átrendezéséhez az oldalon.