La prima cosa da sapere su un Div PA è che il termine si applica specificamente a Adobe Dreamweaver. Il concetto, tuttavia, si riferisce a un componente universale di codifica HTML ed è parte integrante della struttura della maggior parte dei progetti web. AP, o posizionamento assoluto, si riferisce a un metodo di layout HTML che vi offre il massimo controllo su dove gli elementi vengono visualizzati in una pagina indipendentemente dal browser utilizzato per aprire il sito.

Identificazione

Un modo semplice per capire un div PA è di guardare alle sue parti componenti. La porzione di AP è una tecnica di posizionamento che cambia il modo di caricare gli elementi HTML in una pagina web di Dreamweaver. Invece di caricare in modo top-down con ogni elemento HTML nella pagina posizionandosi rispetto agli altri elementi, l'elemento designato o elementi caricare in un punto specifico della pagina. La porzione div è un contenitore di livello di blocco che spesso ospita elementi quali banner, immagini e testo. Ha funzioni simili a un paragrafo che tag tag di apertura — < div > — sempre inizia una nuova riga e il blocco di codice all'interno di Dreamweaver div tag funzionano come un'unità indipendente.

Struttura

Mentre il contenuto di un div PA varierà a seconda dell'elemento e la sua posizione nella pagina, la struttura di un div PA è sempre lo stesso. Il tag di apertura include l'identificatore di #apDiv, seguita da un numero che aumenta consecutivamente con ogni div PA che crei e una parentesi graffa di apertura. Se avete due div PA in una pagina, il primo verrà visualizzato come #apDiv1 e il secondo come #apDiv2. Ognuno si chiude con una parentesi graffa di chiusura singola. Immettere il codice personalizzato tra l'apertura e la parentesi graffa di chiusura: #apDiv1 {...}.

Processo

Utilizzare l'editor di codice di Dreamweaver e creare manualmente la struttura esterna o utilizzare un metodo di "point-and-click". A partire dal menu File di Dreamweaver, fare clic su Insert, gli oggetti del formato, AP Div. Quindi, selezionare gli stili CSS, tutte le regole dal pannello sul lato destro della finestra di Dreamweaver. Scegliere l'elemento, ad esempio un logo, banner o contenuto, si desidera includere selezionandolo dalla sezione < style >. Se, ad esempio, si seleziona #content, con opzioni di formattazione come famiglia di font, dimensione e colore si espande ulteriormente la sezione di stile. Formattare il testo e quindi selezionare casella, imbottitura dal pannello Stili CSS. Pad, o impostare margini interni — ad esempio 10px ogni — per il superiore, destra, inferiore e sinistro del Div AP. Come ultimo passaggio, impostare margini esterni per il superiore, destra, inferiore e sinistro del Div PA per separarla da altri elementi della pagina. Salvare il lavoro e visualizzare la pagina in visualizzazione struttura per vedere come l'elemento carica sempre nella stessa posizione nella pagina.

Scopo

Un div PA in Dreamweaver può servire un certo numero di scopi specifici e utili. Ampliando il concetto di elementi di carico in un luogo preciso, è possibile utilizzare un div PA per elementi dello stack in cima a vicenda impostando una proprietà denominata uno z-index. È anche possibile impostare una proprietà denominata ritaglio che permette che gli elementi si sovrappongono o impostare le opzioni di visibilità che consentono di nascondere o visualizzare gli elementi secondo l'attività degli utenti.