Lavora con noi

Grafica

Siti tematici

Speciali

Photoshop e layout

Lezioni:

...
<
55
56
57
>
...
Indice

Il collegamento all'home page

Come ultima cosa dobbiamo creare un collegamento all'home page in corrispondenza del logo. Dato che quest'ultimo ha una forma irregolare utilizzeremo due porzioni collegate alla stessa pagina.

Disegniamo quindi quattro porzioni con le dimensioni e la posizione indicate di seguito:

228x41 in posizione X = 0, Y = 74
60x74 in X = 0, Y = 0
144x74 in X = 60, Y = 0
24x74 in X = 204, Y = 0

Per le porzioni 1 e 3 riempiamo i campi che si trovano nella parte destra del pannello Ispezione Proprietà:
Colleg. = corpo.htm
Alt = Home page
Obiettivo = mainFrame

Testiamo e salviamo il nostro documento.

Nota: le dimensioni e la posizione di queste porzioni sono state scelte in modo da sfruttare le linee di taglio inserite dai pulsanti e dalle immagini di rollover. È buona norma infatti cercare di inserire meno linee di taglio possibile perché in questo modo le tabelle che verranno create nella pagina html al momento dell'esportazione saranno più semplici e creeranno meno problemi di visualizzazione.

In effetti le porzioni 2 e 4 che abbiamo disegnato non servono ai fini della creazione del link, perché aggiungerle quindi?
È importante tenere sempre presente che Fireworks esporta comunque le parti di immagine che non sono coperte da porzioni (a meno che non gli venga indicato diversamente in fase di esportazione). Per esportare questi pezzi, se non gli diamo delle direttive più precise, il programma fa riferimento soltanto alle linee di taglio già esistenti e questo può costringerlo a dover creare delle tabelle HTML praticamente ingestibili.

Diventa particolarmente utile in queste situazioni l'anteprima nel browser invece che l'anteprima ottenibile dalla scheda presente nella finestra del documento (nella quale questi problemi non vengono visualizzati).
Per aver conferma di quanto detto proviamo a cancellare le porzioni 2 e 4 e a premere F12.
Quella che vedete è una parte del risultato ottenuto:

E non si tratta di un problema di visualizzazione dello schermo, questo sarà esattamente il risultato che otterrete andando ad esportare e risulterà impossibile riuscire a ricostruire una pagina decente lavorando sulle tabelle.