Come definire attributi in Dreamweaver - dummies

L'Inspector Proprietà di Dreamweaver è sensibile al contesto, ovvero quando si fa clic su un'immagine, gli attributi HTML per quell'immagine vengono visualizzati e modificabili. Alcuni degli attributi dell'immagine modificabili sono più "tecnici" dei fattori di progettazione.

Ad esempio, l'ID immagine viene utilizzato quando le immagini sono collegate a programmi o database JavaScript. Altri attributi dell'immagine nell'Inspector Proprietà comprendono un insieme limitato di strumenti di modifica delle immagini reali. Questi strumenti includono ritaglio, modifica del contrasto e nitidezza delle immagini. Dai uno sguardo alle più importanti di queste opzioni:

• Strumenti area mappa: Gli strumenti area mappa creano hotspot cliccabili sull'immagine selezionata e definiscono collegamenti separati per diversi hotspot. Un hotspot è una sezione di un'immagine che funge da collegamento. È possibile utilizzare gli strumenti Punto di attivazione rettangolo, cerchio e poligono per disegnare sezioni su un'immagine selezionata e quindi assegnare collegamenti specifici a tali hot spot nell'Inspector Proprietà.

  Il quarto strumento di questo set, lo strumento Puntatore attivo, è utilizzato per selezionare, spostare o modificare gli hotspot esistenti.

• Spazio V e Spazio H: Definire la spaziatura orizzontale e verticale attorno all'immagine selezionata.

• Allinea: Usa questo popup per scegliere tra l'allineamento sinistro o destro. (Altre opzioni sono tecnicamente disponibili, ma sono i resti di un'epoca in cui i simboli grafici di dimensioni testuali venivano inseriti direttamente in linee di testo e non vengono utilizzati oggi nell'allineamento delle immagini.)

• Src: Questo campo identifica l'immagine collegata incorporata.

• Alt: Cambia il testo che viene visualizzato o che viene letto ad alta voce quando un'immagine non è visibile.

• Bordo: Definisce la larghezza del bordo (0 pixel, per impostazione predefinita) o 1 pixel se l'immagine funge da collegamento.

• Collegamento: Definire un collegamento che si apre quando si fa clic sull'immagine. Se un collegamento è definito, puoi impostare il link per aprirlo in una nuova finestra del browser scegliendo _blank dal menu a comparsa Target.

• Classe: Usa questo popup per assegnare stili di classe CSS se ne sono definiti o collegati alla pagina.

• W (larghezza) e H (altezza): Ridimensiona l'immagine. Deselezionando l'icona Toggle Size Constraints si sblocca il collegamento tra altezza e larghezza, consentendo di allungare o schiacciare l'immagine piuttosto che mantenere le proporzioni altezza-larghezza originali durante la ridimensionamento. È inoltre possibile ridimensionare in modo interattivo facendo clic e trascinando la maniglia in basso a destra di un'immagine selezionata. Tenere premuto il tasto Maiusc mentre si ridimensiona per mantenere il rapporto altezza-larghezza.

• Resample: I nuovi strumenti in CS6 consentono di ricampionare un'immagine ridimensionata (più piccola).Il ricampionamento elimina i dati non necessari e riduce il file di immagine, il che significa che l'immagine può essere scaricata più rapidamente. Selezionare la casella di controllo Imponi dimensioni immagine per ricampionare l'immagine o fare clic sul pulsante Ripristina dimensioni originali accanto ad essa nella finestra di ispezione Proprietà per annullare il ridimensionamento.