Grafica  »  Guide  »  Guida Fireworks 

Realizzazione della pagina corpo.htm



Come specificato in fase di progettazione l'home page su lato sinistro del frame basso non presenterà alcun menù ma nella zona centrale sarà presente l'immagine mappata del planisfero dal quale sarà possibile collegarsi alle sezioni relative ai cinque continenti.
Vediamo come incaricare Fireworks di creare una pagina di questo tipo.

Apriamo il file pagina.png, importiamo l'immagine mondo.gif che troviamo nella cartella "originali" e posizioniamola in X = 260, Y = 25.

Dal pannello degli strumenti selezioniamo Punto attivo poligonale e tracciamo un poligono che copra il continente americano. Il poligono si chiude quando si fa clic sul primo punto inserito, comunque una volta chiuso la sua forma è sempre modificabile usando lo strumento Sottoselezione.

Con l'area poligonale selezionata andiamo a riempire i campi che si trovano nella parte destra del pannello Ispezione Proprietà:
Colleg. = america.htm
Alt = Immagini dall'America
Obiettivo = _self (selezionabile dal menù a discesa)

Creiamo nello stesso modo altri quattro punti attivi, ognuno in corrispondenza di un continente e per ognuno impostiamo in modo appropriato il collegamento alla pagina.

È importante fare attenzione che i vari punti attivi non si soprammettano altrimenti la pagina può non funzionare correttamente.

Verifichiamo il funzionamento (non i link logicamente) del nostro lavoro e salviamo il documento nella cartella "originali" con il nome "corpo.png"

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