Sommario:
Video: Dreamweaver - Posizionamento assoluto e relativo con i CSS 2024
Puoi utilizzare le voci di menu, copiare e incollare e persino trascinare e rilasciare le immagini sulla pagina di Dreamweaver di Adobe Creative Suite 5 (Adobe CS5). Di conseguenza, mettere le immagini su una pagina Web in Dreamweaver è più facile che mai, soprattutto a causa della sua integrazione con altri prodotti Adobe.
Inserimento immagini
Se stai preparando immagini prima del tempo, salva o sposta le immagini ottimizzate nella cartella del tuo sito.
-
Fare clic sulla pagina per posizionare il cursore nel punto in cui si desidera posizionare l'immagine.
-
Individua la categoria Comune dall'elenco a discesa nella parte superiore del pannello Inserisci e fai clic sul pulsante Inserisci immagine o scegli Inserisci → Immagine.
Se Immagine non è l'impostazione predefinita per il pulsante Inserisci immagine, fare clic e tenere la freccia a destra del pulsante e scegliere Immagine dall'elenco a discesa.
Viene visualizzata la finestra di dialogo Seleziona origine immagine.
-
Passare al punto in cui si trova l'immagine e fare clic su OK (Windows) o Scegli (Mac) per posizionare l'immagine selezionata.
Se le immagini sono nella cartella del sito, è possibile fare clic sul pulsante Site Root nella finestra di dialogo Select Image Source per navigare rapidamente. Se un'immagine non si trova nella cartella del sito, una finestra di avviso chiede se si desidera copiare il file lì ora.
-
Se ti viene richiesto di copiare l'immagine nella cartella principale del tuo sito, fai clic su Sì. Quando si apre la finestra di dialogo Copia file come, verificare che il nome sia corretto e fare clic su Salva.
La finestra di dialogo Attributi di accessibilità tag immagine richiede di inserire il testo alternativo.
-
Digita una parola o tre che descrivano meglio la tua immagine (come la nostra foto di famiglia) nel campo di testo Alt e fai clic su OK.
L'immagine è inserita.
Trascinamento e rilascio dell'immagine
Oltre a inserire immagini dal pannello Inserisci o dai menu dell'applicazione, è possibile trascinare e posizionare le immagini direttamente dal pannello File sulla pagina. Se stai trascinando un'immagine, il cursore la segue mentre la sposti nel documento; rilascia il pulsante del mouse quando il cursore segna il punto corretto in cui desideri rilasciare l'immagine.
Se stai sfruttando il flusso di lavoro di Adobe Bridge, puoi lasciare Bridge in esecuzione e trascinare le immagini quando ne hai bisogno direttamente dalla finestra Bridge nella pagina di Dreamweaver. Puoi accedere a Bridge scegliendo File → Sfoglia in Bridge.
Se l'immagine è un file nativo di Photoshop (PSD) o Fireworks (PNG), viene visualizzata la finestra di dialogo Anteprima immagine, che offre l'opportunità di ottimizzare l'immagine prima di posizionarla.
È inoltre possibile trascinare e rilasciare un'immagine ottimizzata dal desktop o da altre cartelle in una pagina di Dreamweaver.Se un'immagine non si trova nella cartella del sito, hai la possibilità di copiare quell'immagine nella cartella del tuo sito quando viene posizionata.