Co je PA Div?

První věc, kterou byste měli vědět o aplikaci PA Div, je, že tento výraz je specificky aplikován na aplikaci Adobe Dreamweaver. Pojem však odkazuje na univerzální součást kódování HTML a je nedílnou součástí struktury většiny webových návrhů. PA nebo absolutní polohování odkazuje na metodu návrhu HTML, která umožňuje větší kontrolu nad prvky, které se na stránce zobrazují, bez ohledu na to, jaký prohlížeč používá k otevření webu.

Identifikace

Jednoduchý způsob, jak porozumět PA Div, je podívat se na jeho součásti. Část PA je technika určování polohy, která mění způsob načítání prvků HTML na webové stránce aplikace Dreamweaver. Namísto toho, aby se nakládalo způsobem shora dolů s tím, že každý prvek HTML se sám pozitivně vztahuje k jiným prvkům, označený prvek nebo prvky jsou načteny v určitém bodě stránky. Část Div je kontejner na úrovni bloku, který často obsahuje prvky jako banery, obrázky a text. Funguje podobně jako značka odstavce v tom, že její startovní značka - - vždy spouští nový řádek a blok kódu v div značkách Dreamweaver funguje jako samostatná jednotka.

Struktura

Zatímco obsah divize PA se bude lišit v závislosti na prvku a jeho pozici na stránce, struktura divize PA je vždy stejná. Začáteční značka obsahuje identifikátor # paDiv, po němž následuje číslo, které se postupně zvyšuje s každým vytvořeným PA Div. A klíčem pro otevírání. Pokud máte na stránce dvě divize PA, první se zobrazí jako # paDiv1 a druhá jako # paDiv2. Každá se zavře pomocí jedinečného uzavíracího klíče. Zadejte vlastní kód mezi tlačítkem start a konec: # apDiv1 {...}.

Proces

Použijte editor kódů aplikace Dreamweaver a ručně vytvořte vnější strukturu nebo použijte metodu "klepněte a stiskněte". V nabídce Soubor Dreamweaver klepněte na Vložit, Návrhové objekty, Div. PA. Potom vyberte v pravém okně okna Dreamweaver CSS Styles, All Rules. Vyberte prvek, například logo, banner nebo obsah, který chcete zahrnout jeho výběrem v sekci. Pokud je například vybrán # obsah, rozšíří se stylová sekce o další možnosti formátování, jako je písmo, velikost a barva. Naformátujte text a vyberte možnost Box, vyplňte panel CSS Styles. Pad, nebo nastavte v okrajích - jako každý 10px - pro horní, pravý, dolní a levý bod AP Div. Jako poslední krok nastavte okraje mimo horní, pravý, dolní a levý okraj PA Div, abyste je oddělili od ostatních prvků stránky. Uložte svou práci a zobrazte stránku v návrhovém zobrazení, abyste zjistili, jak se prvek vždy načte na stejném místě na stránce.

Účel

Aplikace PA Dreamweaver Div může sloužit několika specifickým a užitečným účelům. Rozšířením konceptu načítání položek na přesné místo můžete pomocí nástroje Div PA umístit položky na sebe navzájem nastavením vlastnosti nazvané z-index. Můžete také definovat vlastnost nazvanou ořezávání, která umožňuje vzájemně se překrývat prvky nebo nastavit možnosti viditelnosti, které jim umožní skrýt nebo zobrazit prvky podle aktivity uživatele.