July 15
Imparare a manipolare div HTML può aiutare a organizzare gli elementi della pagina Web e aggiungere coinvolgente effetti speciali al tuo sito web. Dreamweaver, il programma di editing HTML di Adobe, permette di creare div e addirittura il nido dentro l'altro. div annidati offrono funzionalità di layout aggiuntive che singoli div non lo fanno. Imparare ad usare generatore di codice automatizzato di Dreamweaver per creare nidificate rapidamente senza dover imparare il codice HTML.
Non è necessario utilizzare un div per creare una pagina Web. Si può semplicemente inserire tutti gli elementi quali immagini e pulsanti direttamente sulla tua pagina e trattarli come unità. Invece di posizionare un menu direttamente su una pagina, per esempio, è possibile inserirlo in un div insieme a un pulsante e un'etichetta. Una volta all'interno del div, tutti gli elementi si muovono quando si sposta il div e scompaiono quando si nasconde il div. Interessanti effetti speciali diventano possibili quando si manipolano i div che contengono altri elementi.
Se si utilizza Blocco note o un editor di testo per creare pagine HTML, è necessario scrivere codice che genera div. Interfaccia visual design di Dreamweaver permette di disegnare div elementi utilizzando il mouse. Come si disegna, il programma scrive il codice necessario per creare automaticamente il div. Per creare un div nidificato, è necessario utilizzare un particolare tipo di elemento HTML chiamato div AP. div AP supportano il posizionamento assoluto e consentono di trascinarli in qualsiasi posizione in una pagina Web.
Nest un div all'interno di un altro posizionando il cursore all'interno del div genitore e disegnare un rettangolo dopo aver fatto clic sul pulsante "Disegna div PA." Il rettangolo diventa il div nidificato. Posizionare qualsiasi oggetto che ti piace all'interno del div nidificato. Come si disegna il div, Dreamweaver aggiunge i valori di posizionamento CSS per sezione head del documento. È possibile modificare questi valori se vi piace per riposizionare il div. Si consiglia di modificare l'ID di default che Dreamweaver assegna nuovi div. I nomi la prima div si disegna
Utilizzare div annidati per creare sovrapposizioni semplicemente spostando più div annidati intorno all'interno di un div genitore. Ad esempio, è possibile creare un banner da nidificazione un div che contiene il testo all'interno di un altro div che contiene lo sfondo di un'immagine. Create effetti fantasma intriganti di sovrapponendo una sola immagine la cui opacità è quasi pari a zero in cima ad un fondale colorato. div annidati anche aiutare a creare animazioni complesse da parte di gruppi di oggetti in movimento all'interno della pagina Web utilizzando un timer. Pensate di div annidati Dreamweaver come le note appiccicose sulla cima di una bacheca. Manipolare le note adesive nei modi creativi per produrre una varietà di effetti interessanti.