Adobe Dreamweaver offre un ampio assortimento di strumenti e metodi che si possono utilizzare per creare visivamente le pagine Web. Si consiglia un layout di pagina che contiene più colonne come presentato da una tabella. Tavoli a volte possono interferire con il flusso del contenuto. Una soluzione consiste nell'utilizzare un elemento CSS, noto come un "div". Utilizzare Dreamweaver per inserire posizionati in modo assoluto o elementi PA e creare il layout desiderato senza l'utilizzo di una tabella.

Istruzioni

1

Avviare Dreamweaver e aprire la pagina Web.

2

Fare clic sulla scheda "Layout" e fare clic sul pulsante "Disegna Div PA". Il cursore viene visualizzato un mirino.

3

Trascinare nella finestra di documento per disegnare il div. rilascio del mouse quando hai le dimensioni e la forma che si desidera.

4

Fare clic all'interno del div per inserire il contenuto. Ripetere per ogni div desiderato nella pagina. Per esempio, mettere un secondo div accanto a quella di prima. Per ogni div con un formato di denominazione di apDiv1, apDiv2 e così via, come mostrato in questo esempio viene creato uno stile CSS:

< style type = "text/css" >

<!...

apDiv1 {

Posizione: absolute;

sinistra: 88px;

Top: 230px;

Larghezza: 281px;

Altezza: 608px;

z-indice: 1;

}

-->

< / stile >

5

Fare clic nell'angolo superiore sinistro del div PA per spostarlo in un'altra posizione. Scegliere le maniglie del div PA e spostarli per ridimensionare. È inoltre possibile modificare i valori dello stile CSS per modificare il vostro div.