Grafica  »  Guide  »  Guida Fireworks 

I punti attivi



figura

Nelle pagine web sono spesso presenti mappe immagini, cioè immagini in cui zone diverse (dette punti attivi) risultano collegate a URL diversi.

Fireworks mette a disposizione tre strumenti per tracciare queste aree nel modo più preciso possibile: Punto attivo rettangolare, Punto attivo circolare e Punto attivo poligonale.

È anche possibile tracciare rapidamente un punto attivo che comprenda uno o più oggetti selezionati scegliendo Inserisci > Punto attivo. I punti attivi sono evidenziati con un colore azzurro semitrasparente e al centro compare un cerchietto con il quale si gestiscono i comportamenti di "trascina e rilascia" (vedi terza parte del tutorial sulla creazione dell'interfaccia). Per attivare o disattivare la visualizzazione dei punti attivi si possono usare i due pulsanti in basso nel pannello degli strumenti oppure agire sulla visibilità del Livello Web.

Ad ogni punto attivo, mediante il pannello Oggetto, è possibile associare un URL, un testo alternativo e un obiettivo (cioè specificare se la pagina di destinazione deve aprirsi in un frame particolare, in una nuova finestra del browser ecc.).

Una volta creata, la mappa immagine deve essere esportata con il comando File > Esporta. Nella finestra di dialogo le impostazioni da utilizzare sono le seguenti:

  • Casella Salva con nome: scegliere HTML e immagini
  • Casella HTML: scegliere Esporta file HTML
  • Casella Porzioni: scegliere nessuna

Volendo si può selezionare l'opzione Inserisci immagine nella sottocartella per salvare il file HTML e l'immagine in due cartelle diverse.

Nota: se nella casella HTML della finestra Esporta si sceglie Copia negli Appunti è possibile incollare il solo codice in un qualsiasi editor HTML.

Ultimi articoli Grafica

Creare Testo 3D con Photoshop CS5

Creare una scritta sfruttando gli effetti tridimensionali...

Photoshop CS6: le novità più interessanti

Un'interfaccia rinnovata, semplificazione di comandi ripetuti,...

Digital painting con Photoshop

Creare illustrazioni digitali sfruttando la capacità del software di...

Forme e texture con Photoshop, creare una carta da gioco infuocata

Sfruttare forme vettoriali e texturing per ottenere un'illustrazione...

Attenuare rughe d'espressione e imperfezioni della pelle con Photoshop

Le tecniche per attenuare rughe d'espressione e imperfezioni della...

Altri articoli

Guide Grafica

Guida Photoshop CS5

Modifica e ottimizzazione dell'immagine, strumenti di disegno e...

Guida Photoshop CS4

Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare...

Guida Paint Shop Pro

Paint Shop Pro è un celebre programma di fotoritocco,...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti