Adobe CS5 Pagina Dreamweaver Immagini - dummies

È possibile aggiungere immagini alla pagina vuota in Adobe Creative Suite 5, inclusi file nativi di Photoshop (PSD) e Fireworks (PNG). (Adobe CS5) Dreamweaver. L'inserimento delle immagini ha effetto sul pannello File di Dreamweaver.

1. Scegli Inserisci → Immagine.

   Viene visualizzata la finestra di dialogo Seleziona origine immagine.

   In alternativa, fare clic sulla scheda Comune del pannello Inserisci e fare clic sul pulsante Inserisci immagine.

2. Passare alla posizione dell'immagine e fare clic su Scegli (Mac) o OK (Windows).

   Se si sceglie un file nativo di Photoshop (PSD) o Fireworks (PNG), viene visualizzata la finestra di dialogo Anteprima immagine, che consente di ottimizzare l'immagine direttamente in Dreamweaver.

   Se si seleziona un'immagine pronta per il Web, come GIF, JPG o PNG e l'immagine si trova all'esterno della cartella del sito, viene visualizzato un avviso. Dreamweaver ti avverte che l'immagine è al di fuori della cartella principale, che causa problemi quando si copiano le pagine su un server web.

   Fare clic su Sì per copiare il file nella directory principale del proprio sito. Assegna un nuovo nome lì o fai semplicemente clic su Salva per mantenere lo stesso nome e duplica il file immagine nella cartella del sito.

   Viene visualizzata la finestra di dialogo Attributi di accessibilità tag immagine.

   Tutte le immagini devono avere il testo Alt (alternativo) - testo che appare prima che l'immagine sia stata scaricata o se il visualizzatore ha disattivato l'opzione per vedere le immagini.

3. Aggiungi una descrizione appropriata dell'immagine nella casella di testo Testo alternativo.

   Se l'immagine è un logo, la descrizione dovrebbe includere il nome dell'azienda come testo Alt o, se si tratta di una foto o di un'illustrazione, descrivere l'immagine in poche parole.

   Dal punto di vista dell'accessibilità, l'alt text aiuta gli screen reader (come quelli usati dagli ipovedenti) nell'identificare il contenuto dell'immagine agli utenti. Inoltre, Alt text è uno strumento prezioso per fornire ai motori di ricerca un modo per indicizzare il contenuto dell'immagine incluso nel tuo sito.

4. Fare clic su OK.

   L'immagine viene aggiunta alla pagina e al pannello File.

È possibile modificare un'immagine facendo doppio clic su di essa nel pannello File. È inoltre possibile utilizzare la finestra di ispezione Proprietà per visualizzare i dettagli sull'immagine, incluse le dimensioni e le dimensioni del file. È inoltre possibile modificare le proprietà dell'immagine, tra cui bordo, collegamento ipertestuale e riempimento verticale e orizzontale.

Usa la finestra di ispezione Proprietà per vedere le informazioni sulla tua immagine e modificare le proprietà dell'immagine.

Quando si crea un sito più grande con più pagine collegate tra loro, è possibile modificare la vista del pannello File. Facendo clic sull'elenco a discesa (nella parte in alto a sinistra del pannello File) in cui si trova il tuo sito, puoi individuare le cartelle e gli altri siti che hai utilizzato di recente.Facendo clic sull'elenco a discesa Visualizza a destra, è possibile modificare l'aspetto del pannello File.

Apri i file dal pannello File facendo doppio clic su di essi.