Come creare un layout senza una tabella in Dreamweaver

September 1

Come creare un layout senza una tabella in Dreamweaver


Adobe Dreamweaver offre un ampio assortimento di strumenti e metodi che si possono utilizzare per creare pagine Web visivamente piacevole. Si consiglia un layout di pagina che contiene più colonne come presentata da un tavolo. Tabelle volte possono interferire con il flusso di contenuti. Una soluzione è quella di utilizzare un elemento CSS, noto come "div". Utilizzare Dreamweaver per inserire gli elementi posizionati in modo assoluto o AP e creare il layout desiderato senza l'utilizzo di una tabella.

istruzione

1 Avviare Dreamweaver e aprire la pagina Web.

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

3 Trascinare sullo schermo del documento per disegnare la div. Rilasciare il mouse quando si ha la dimensione e la forma che si desidera.

4 Fare clic all'interno del div di inserire il contenuto. Ripetere per ogni div che si desidera nella pagina. Ad esempio, inserire un secondo div accanto al primo. Uno stile CSS viene creata per ogni div con un formato di denominazione di apDiv1, apDiv2 e così via, come mostrato in questo esempio:

<Style type = "text / css">

<! -

apDiv1 {

position: absolute;

a sinistra: 88 x;

top: 230px;

width: 281px;

altezza: 608px;

z-index: 1;

}

->

</ Style>

5 Fare clic nell'angolo superiore sinistro del div AP per spostarla in un'altra posizione. Clicca le maniglie della div AP e spostarli da ridimensionare. È inoltre possibile modificare i valori di stile CSS per modificare la div.