In Dreamweaver, le immagini rollover, come suggerisce il nome, sono progettate per reagire quando qualcuno fa scorrere il cursore su un'immagine. L'effetto può essere drammatico come l'immagine di un cane sostituito dall'immagine di un leone, o sottile come il colore di una parola che cambia quando un'immagine ne sostituisce un'altra. In entrambi i casi, Dreamweaver include una finestra di dialogo speciale per i rollover che rende la creazione di un semplice effetto rollover uno dei comportamenti più facili da applicare.
Per creare un'immagine rollover utilizzando la finestra di dialogo Inserisci immagine rollover di Dreamweaver, attenersi alla seguente procedura:
1. Fare clic per posizionare il cursore sulla pagina in cui si desidera visualizzare il rollover.
Gli effetti di rollover richiedono almeno due immagini: una per lo stato iniziale e una per lo stato di rollover. Puoi usare due immagini diverse o due simili, ma entrambe dovrebbero avere le stesse dimensioni. Altrimenti, ottieni strani effetti di ridimensionamento perché entrambe le immagini devono essere visualizzate esattamente nello stesso spazio sulla pagina.
2. Scegliere Inserisci -> Oggetti immagine -> Immagine rollover.
Viene visualizzata la finestra di dialogo Inserisci immagine rollover.
3. Nella casella Nome immagine, dai un nome alla tua immagine.
Prima di poter applicare un comportamento a un elemento, ad esempio un'immagine, l'elemento deve avere un nome in modo che lo script del comportamento possa farvi riferimento. Puoi nominare gli elementi come preferisci, purché non utilizzi spazi o caratteri speciali.
4. Nella casella Immagine originale, specificare la prima immagine che si desidera sia visibile. Utilizzare il pulsante Sfoglia per individuare e selezionare l'immagine.
Se le immagini non sono già nella cartella principale del tuo sito, Dreamweaver le copierà nel tuo sito quando crei il rollover.
5. Nella casella Immagine rollover, inserire l'immagine che si desidera rendere visibile quando i visitatori spostano il cursore sulla prima immagine.
Anche in questo caso, puoi utilizzare il pulsante Sfoglia per individuare e selezionare l'immagine.
6. Selezionare la casella di controllo Precarica immagine rollover per caricare tutte le immagini rollover nella cache del browser al primo caricamento della pagina.
Se non scegli di eseguire questo passaggio, i tuoi visitatori potrebbero riscontrare un ritardo perché la seconda immagine non verrà scaricata finché il mouse non verrà spostato sull'immagine originale.
7. Nella casella Quando si fa clic, vai a URL, immettere un indirizzo Web o navigare per individuare un'altra pagina del sito a cui si desidera collegarsi.
Se non si specifica un URL, Dreamweaver inserisce automaticamente il segno # come segnaposto.
8. Fare clic su OK.
Le immagini vengono impostate automaticamente come rollover.
9. Fare clic sull'icona del globo nella parte superiore dell'area di lavoro per visualizzare in anteprima il lavoro in un browser e verificare come funziona il rollover.
Puoi utilizzare lo strumento Istantanea in Adobe Acrobat CS5 per selezionare sia testo che immagini e creare un'immagine di una determinata area all'interno di un file PDF. Il risultato viene comunemente chiamato screenshot di una sezione all'interno di un file PDF. Il risultato è un'immagine e il tuo testo non è […]
Progettato per ricercatori e scienziati, le capacità di misurazione in Photoshop CC sono piuttosto potenti. Puoi misurare qualsiasi cosa e contare il numero di qualsiasi cosa in un'immagine tecnica, magari da un microscopio o un telescopio. Se conosci la dimensione esatta di qualsiasi elemento in un'immagine, puoi scoprire praticamente qualsiasi cosa […]
Quando utilizzi gli strumenti Fluidifica in Adobe Creative Suite 5 (Adobe CS5) Illustrator, puoi piegare gli oggetti, renderli ondulati, appiccicosi o appuntiti, creando distorsioni da semplici a complesse. Gli strumenti Fluidifica possono realizzare tutti i tipi di distorsioni creative o stravaganti (a seconda di come lo guardi) ai tuoi oggetti. Voi […]
Quando hai del testo nel tuo progetto Adobe XD, puoi iniziare a modificare le proprietà del testo. Queste proprietà includono Famiglia di caratteri, Dimensione carattere, Spessore carattere, Allineamento, Spaziatura caratteri (crenatura e tracciamento), Interlinea (interlinea), Riempimento, Bordo (tratto), Ombra (ombra esterna) e Sfocatura sfondo. Quindi esaminiamo come vengono applicate queste proprietà. A proposito di leggibilità e carattere […]
Puoi utilizzare InDesign per creare e modificare la grafica del codice QR. I codici QR sono una forma di codice a barre in grado di memorizzare informazioni come parole, numeri, URL o altre forme di dati. L'utente esegue la scansione del codice QR utilizzando la fotocamera e il software su un dispositivo, come uno smartphone, e il software utilizza […]
Proprio come in Adobe Illustrator, le tavole da disegno di Photoshop offrono la possibilità di creare pagine o schermate separate all'interno di un documento. Questo può essere particolarmente utile se stai costruendo schermi per un'applicazione mobile o una piccola brochure. Puoi pensare a una tavola da disegno come a un tipo speciale di gruppo di livelli creato utilizzando il pannello Livelli. Suo […]
Avvolgere il testo in Adobe Illustrator CC non è esattamente come avvolgere un regalo: è più facile! Un ritorno a capo forza il testo a avvolgere un elemento grafico, come mostrato in questa figura. Questa caratteristica può aggiungere un po' di creatività a qualsiasi pezzo. L'elemento grafico sta costringendo il testo a avvolgerlo. Innanzitutto, crea […]
Quando si progetta in Adobe Illustrator CC, spesso è necessario che una forma abbia le dimensioni esatte (ad esempio, 2 x 3 pollici). Dopo aver creato una forma, il modo migliore per ridimensionarla a misure esatte è utilizzare il pannello Trasforma, mostrato in questa figura. Avere l'oggetto selezionato e quindi scegliere Finestra → Trasforma in […]
Scopri come applicare la trasparenza alla grafica SVG in Illustrator. Scopri come produrre SVG con sfondi trasparenti e applicare effetti di trasparenza.
Dopo aver importato le tue immagini in Adobe XD, non hai un grande controllo sulla modifica, ma puoi ridimensionare e ruotare le immagini proprio come faresti con qualsiasi altra forma. Puoi anche arrotondare facilmente gli angoli di un'immagine importata utilizzando i widget degli angoli. Mascherare le tue immagini Definendo una forma chiusa […]
