Come aggiungere le immagini con tag div in Dreamweaver

June 20

Come aggiungere le immagini con tag div in Dreamweaver


Quando l'applicazione Web ha bisogno di manipolare gli oggetti in una pagina, considerare l'aggiunta di quegli oggetti a div tag. tag div definiscono sezioni all'interno di un documento HTML. Gli sviluppatori aggiungono div a pagine quando hanno bisogno di raggruppare più elementi HTML, come i paragrafi e immagini. Se si utilizza Dreamweaver per creare pagine Web, aggiungere immagini con tag div rapidamente utilizzando menu Inserisci di Dreamweaver.

istruzione

1 Avviare Dreamweaver e fare clic sul pulsante HTML che viene visualizzato nella finestra di start-up. Un nuovo documento viene visualizzato nella Dreamweaver Interface.

2 Fai clic su "Inserisci", quindi fare clic su "oggetti del formato." Fai clic su "Div Tag" per aprire la finestra di dialogo di Dreamweaver "Inserisci Div Tag".

3 Digitare un nome nella casella di testo "ID" per dare il div un valore ID. Questo nome è facoltativo, ma non fa male per aggiungere un ID di un div. In questo modo consente il codice JavaScript per manipolare il div seguito, se necessario.

4 Fai clic su "OK". Dreamweaver aggiunge un nuovo div alla pagina. Un dialogo che intorno al div. Questa casella consente di identificare che il div sulla pagina.

5 Fare clic all'interno della div per posizionare il cursore. Fare clic sul pulsante "Immagine" nella parte superiore di Dreamweaver per aprire la finestra "Select Image Source". Questa finestra contiene i nomi dei file e delle cartelle sul disco rigido.

6 Fare doppio clic su uno dei file di immagine. Dreamweaver aggiunge alla div. Fai clic su "Live View" per vedere come apparirà l'immagine e div quando vengono visualizzati in una pagina Web dal vivo. Aggiungere tag div aggiuntivi e immagini, se necessario utilizzando questi passaggi.

Consigli e avvertenze

  • Un tag div si espande quando si aggiunge un'immagine al tag. Questo comportamento assicura che un'immagine si inserisce all'interno del div indipendentemente dalle sue dimensioni. Eliminazione di un'immagine da un div cliccando l'immagine, quindi premere il tasto "Elimina" sulla tastiera.