Nwlapcug.com


Come aggiungere immagini con tag Div in Dreamweaver

Come aggiungere immagini con tag Div in Dreamweaver


Quando l'applicazione Web deve manipolare gli oggetti su una pagina, è possibile aggiungere tali oggetti al tag div. Tag div definiscono sezioni all'interno di un documento HTML. Gli sviluppatori aggiungono divs alle pagine quando hanno bisogno di raggruppare più elementi HTML come punti e le immagini. Se si utilizza Dreamweaver per creare pagine Web, è possibile aggiungere immagini con tag div rapidamente utilizzando il menu Inserisci di Dreamweaver.

Istruzioni

1

Avviare Dreamweaver e fare clic sul pulsante HTML che viene visualizzata nella finestra di avvio. Un nuovo documento verrà visualizzata nell'interfaccia di Dreamweaver.

2

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

3

Digitare un nome nella casella di testo "ID" per dare al div un valore ID. Questo nome è facoltativo, ma non fa male per aggiungere un ID di un div. questo modo permette di codice JavaScript manipolare il div più successivamente se necessario.

4

Fare clic su "OK". Dreamweaver aggiunge un nuovo div nella pagina. Viene visualizzata una casella intorno div. Questa casella consente di identificare il div nella pagina.

5

Fare clic all'interno del div per posizionarvi il cursore. Fare clic sul pulsante "Immagine" nella parte superiore di Dreamweaver per aprire la finestra "Seleziona immagine origine". Questa finestra contiene i nomi di file e cartelle sul disco rigido.

6

Fare doppio clic su uno dei file immagine. Dreamweaver aggiunge alla div. Click "Live View" per vedere come l'immagine e div apparirà quando visualizzato in una pagina Web attiva. Aggiungere ulteriori div tag e immagini necessarie attenendosi alla procedura seguente.

Consigli & 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. Eliminare un'immagine da un div facendo clic sull'immagine, quindi premendo il tasto "CANC" sulla tastiera.