Una scatola luminosa offre agli sviluppatori web di flessibilità nell'inserimento di immagini in una pagina web. Le immagini utilizzate essenzialmente in una scatola di luce appaiono sopra una pagina web, non all'interno di esso. Una scatola di luce è efficace perché permette una persona utilizzando pagine web la possibilità di fare clic su un'immagine piccola e poi hanno quell'immagine resa più una casella ombreggiata in cima alla pagina aperta. Questo mantiene l'utente web sulla tua pagina, ma consente di inserire più immagini su una pagina senza utilizzare tutto lo spazio. Si può fare una scatola luminosa in Dreamweaver inserendo la corretta codifica nella posizione corretta nella pagina.

Istruzioni

1

Aprire Dreamweaver. Selezionare "Ctrl + N" quindi "Documento HTML vuoto" per aprire una nuova pagina vuota. Fare clic sulla scheda "Codice" per raggiungere il posto giusto per lavorare con il codice di scatola luminosa.

2

Tagliare e incollare il seguente codice nella sezione "Head" del documento di Dreamweaver:

< script type = "text/javascript" href="css/lightbox.css" tipo = "text/css" media = "schermo" / >

3

Dopo aver inserito questo codice, è necessario inserire i link per le immagini di anteprima nella pagina. Queste sono le foto che ingrandisce la finestra di luce. Utilizzare questo codice per ogni immagine:

< un href="images/yourfirstimage.jpg" rel = "lightbox" title = "inserire qui la didascalia" > nome immagine va qui < /a >

Questo codice deve essere posizionato appena sotto il codice precedente.

4

Fare clic sul pulsante "Anteprima" nella parte superiore della finestra di Dreamweaver per visualizzare il funzionamento di questa pagina in un browser web. Se sei soddisfatto di come appare, procedere al passaggio successivo. Se non siete soddisfatti, apportare modifiche e verificare nuovamente.

5

Usare "Ctrl + A," "Ctrl + C" e "Ctrl + V" per selezionare, copiare e incollare il codice completo che è stato creato in Dreamweaver. Questo codice può essere incollato in casella di modifica HTML nel back-end di qualsiasi server web consente di pubblicare la pagina web. Una volta che questo è completato, le immagini saranno pubblicate e possono essere aperti nella finestra di luce.

Consigli & Avvertenze

• Assicurarsi di caricare tutte le singole immagini sul server.
• Immagini devono essere grande abbastanza..--generalmente almeno 500k - per essere di qualità decente quando aperto dal codice scatola luminosa.