Cos'è un PA Div?

La prima cosa che dovresti sapere su un PA Div è che il termine è specificamente applicato ad Adobe Dreamweaver. Il concetto, tuttavia, si riferisce a un componente universale della codifica HTML ed è parte integrante della struttura della maggior parte dei progetti web. PA, o posizionamento assoluto, si riferisce a un metodo di progettazione HTML che consente un maggiore controllo sugli elementi che compaiono su una pagina, indipendentemente dal browser utilizzato per aprire il sito.

identificazione

Un modo semplice per capire un PA Div. È guardare le sue parti componenti. La parte PA è una tecnica di posizionamento che cambia il modo in cui si caricano gli elementi HTML in una pagina Web di Dreamweaver. Invece di caricare in modo dall'alto al basso ogni elemento HTML che si posiziona rispetto ad altri elementi, l'elemento o gli elementi designati vengono caricati in un punto specifico della pagina. La parte div è un contenitore a livello di blocco, che spesso contiene elementi come banner, immagini e testo. Funziona in modo simile a un tag di paragrafo in quanto il suo tag di inizio - - inizia sempre una nuova riga e il blocco di codice all'interno dei tag div Dreamweaver funziona come un'unità separata.

struttura

Mentre il contenuto di una Div. PA varierà a seconda dell'elemento e della sua posizione sulla pagina, la struttura di una Div. PA è sempre la stessa. Il tag di inizio include l'identificatore # paDiv, seguito da un numero che aumenta di volta in volta con ogni Div. PA creato e una chiave di apertura. Se hai due div PA in una pagina, la prima apparirà come # paDiv1 e la seconda come # paDiv2. Ognuno si chiude con una chiave di chiusura unica. Immettere il codice personalizzato tra la chiave iniziale e quella finale: # apDiv1 {...}.

processo

Utilizzare l'editor di codice di Dreamweaver e creare manualmente la struttura esterna o utilizzare un metodo "tocca e premi". Dal menu File di Dreamweaver, fare clic su Inserisci, Oggetti disegno, Div PA. Quindi selezionare Stili CSS, Tutte le regole dal pannello sul lato destro della finestra di Dreamweaver. Scegli l'elemento, ad esempio un logo, banner o contenuto che desideri includere selezionandolo nella sezione. Se, ad esempio, # è selezionato, la sezione dello stile si espande ulteriormente con opzioni di formattazione, come font, dimensioni e colore. Formatta il testo e seleziona Riquadro, Compila il pannello Stili CSS. Pad o impostare all'interno dei margini, ad esempio 10px ciascuno, per la parte superiore, destra, inferiore e sinistra di AP Div. Come ultimo passaggio, imposta i margini al di fuori della parte superiore, destra, inferiore e sinistra di PA Div per separarlo dagli altri elementi della pagina. Salvare il lavoro e visualizzare la pagina in visualizzazione Struttura per vedere come viene caricato sempre l'elemento nella stessa posizione sulla pagina.

scopo

Un PA Dreamweaver Div può servire a diversi scopi specifici e utili. Espandendo il concetto di caricamento degli oggetti in una posizione esatta, è possibile utilizzare un PA Div per impilare gli elementi uno sopra l'altro impostando una proprietà denominata z-index. Puoi anche definire una proprietà chiamata taglio che consente agli elementi di sovrapporsi l'un l'altro o stabilire opzioni di visibilità che consentano loro di nascondere o mostrare elementi in base all'attività dell'utente.