Ce este o divizie PA?

Primul lucru pe care ar trebui să-l cunoașteți despre un PA Div este acela că termenul este aplicat în mod specific pentru Adobe Dreamweaver. Conceptul, totuși, se referă la o componentă universală a codării HTML și face parte integrantă din structura majorității desenelor web. PA sau poziționarea absolută se referă la o metodă de proiectare HTML care permite un control mai mare asupra elementelor care apar pe o pagină, indiferent de browserul folosit pentru deschiderea site-ului.

identificare

O modalitate ușoară de a înțelege un PA Div. Este de a privi părțile sale componente. Partea PA este o tehnică de poziționare care modifică modul în care încărcați elemente HTML într-o pagină Web Dreamweaver. În loc să fie încărcat într-o manieră de sus în jos, fiecare element HTML fiind poziționat în raport cu alte elemente, elementul sau elementele desemnate sunt încărcate într-un anumit punct al paginii. Porțiunea div este un container la nivel de bloc, care adesea conține elemente precum bannere, imagini și text. Funcționează similar cu o etichetă paragraf în faptul că eticheta de început - - întotdeauna începe o linie nouă și blocul de cod în etichetele div Dreamweaver funcționează ca o unitate separată.

structură

În timp ce conținutul unui Div divorțat va varia în funcție de element și de poziția sa pe pagină, structura unei PA Div este întotdeauna aceeași. Eticheta de pornire include identificatorul # paDiv, urmat de un număr care crește consecutiv cu fiecare divizie PA pe care o creați și o cheie de deschidere. Dacă aveți două diviziuni PA pe o pagină, prima va apărea ca # paDiv1, iar cea de-a doua va fi # paDiv2. Fiecare dintre ele se închide cu o cheie unică de închidere. Introduceți codul personalizat între tasta de pornire și terminare: # apDiv1 {...}.

proces

Utilizați editorul de cod Dreamweaver și creați manual structura exterioară sau utilizați o metodă "atingeți și apăsați". Din meniul Fișier Dreamweaver, faceți clic pe Inserare, Obiecte design, Div. PA. Apoi selectați Stiluri CSS, Toate regulile din panoul din partea dreaptă a ferestrei Dreamweaver. Alegeți elementul, de exemplu, o siglă, un banner sau un conținut pe care doriți să îl includeți, selectându-l în secțiune. Dacă, de exemplu, este selectat # conținut, secțiunea de stil se extinde și mai mult cu opțiunile de formatare, cum ar fi fontul, mărimea și culoarea. Formați textul și selectați Caseta, Completați panoul Stiluri CSS. Pad, sau setat în margini - cum ar fi 10px fiecare - pentru partea de sus, dreapta, partea de jos și stânga a AP Div. Ca ultim pas, setați marginile din partea de sus, din dreapta, din partea de jos și din stânga PA Div pentru al separa de alte elemente ale paginii. Salvați-vă munca și vizualizați pagina în vizualizarea Design pentru a vedea modul în care elementul se încarcă întotdeauna în aceeași locație din pagină.

scop

Un PA Dreamweaver Div poate servi mai multe scopuri specifice și utile. Prin extinderea conceptului de încărcare a obiectelor într-o locație exactă, puteți utiliza o diviere PA pentru a stivui elementele una deasupra celeilalte prin configurarea unei proprietăți numită z-index. De asemenea, puteți defini o proprietate denumită decupare care permite elementelor să se suprapună reciproc sau să stabilească opțiuni de vizibilitate care să le permită să ascundă sau să arate elemente în funcție de activitatea utilizatorului.