Come incollare immagini in Dreamweaver - dummies

aperto È possibile incollare immagini dagli Appunti del sistema operativo nei documenti di Dreamweaver. Questo funziona con le immagini copiate negli Appunti da alcuni, ma non tutti, i browser (Safari è uno) e per alcuni, ma non tutti i formati di file non compatibili con il web. Qualsiasi immagine che è possibile copiare negli Appunti del sistema operativo può essere incollata in una pagina HTML aperta in Dreamweaver.

La copia delle immagini dai browser è leggermente diversa a seconda del browser, ma la tecnica di base consiste nel fare clic con il pulsante destro o Ctrl-clic e scegliere un'opzione come Copia immagine dal menu di scelta rapida che appare. Oppure puoi copiare e incollare immagini da programmi come Illustrator, Photoshop o Word.

Con un'immagine copiata negli Appunti, seguire questi passaggi per incollare l'immagine in Dreamweaver e quindi salvarla come file immagine nel sito:

1. Fare clic nella finestra Documento nel punto in cui l'immagine deve essere inserita.

   Il modo in cui l'immagine viene visualizzata sarà definita con i CSS, quindi non essere ossessionato da ciò in questa fase.

2. Scegli Modifica → Incolla.

   Ciò che accade ora varia in modo significativo a seconda della versione di Dreamweaver sebbene i concetti di base siano gli stessi:

   1. Scegli un formato file immagine e alcuni altri attributi immagine.

   2. Si assegna un nome file.

   Nelle versioni precedenti a CS6 di Dreamweaver, viene visualizzata una finestra di dialogo Anteprima immagine piuttosto complessa. In CS6, l'immagine viene visualizzata nella finestra del documento e viene visualizzata una finestra di dialogo Ottimizzazione dell'immagine notevolmente semplificata.

   

   Le impostazioni del formato immagine predefinito nella finestra di dialogo Anteprima immagine possono essere modificate scegliendo il formato del file immagine e le impostazioni di ottimizzazione (filtri come trasparenza, contrasto e luminosità) dal popup Predefinito.

3. Fai le tue scelte nella finestra di dialogo Ottimizzazione dell'immagine (ammesso che tu sia in CS6) e poi fai clic su OK.

4. Nella finestra di dialogo Salva immagine Web visualizzata, immettere il nome dell'immagine.

   Come per tutti i nomi di file web, evita di usare spazi e caratteri speciali e non sostituire l'estensione del nome file (.png,.jpg o.gif).

5. Salvare il file nella cartella principale del sito facendo clic sul pulsante Site Root.

   Il salvataggio nella cartella radice del sito è sempre una scommessa sicura. Se sei a tuo agio nella gestione delle strutture delle cartelle di file, sentiti libero di salvare le immagini all'interno delle sottocartelle all'interno della cartella del tuo sito, però.

6. Fai clic su Salva.

   L'immagine viene salvata e viene visualizzata la finestra di dialogo Descrizione immagine (Alt Text). In questa finestra di dialogo, si definiscono gli attributi di accessibilità.

   È possibile inserire un testo alternativo (testo che verrà letto ad alta voce per descrivere l'immagine per i visitatori ipovedenti dal software del lettore, o che verrà visualizzato negli ambienti di navigazione in cui la visualizzazione delle immagini è disabilitata) nella casella Testo alternativo nella finestra di dialogo.

7. Fare clic su OK per inserire l'immagine.

   L'immagine sarà visibile sulla pagina in visualizzazione Struttura.