Grafica  »  Guide  »  Guida Fireworks 

Esportare pagine HTML



Abbiamo già accennato al fatto che Fireworks è in grado di produrre tutti i file HTML e le immagini necessari al funzionamento delle interfacce. È necessario però definire le modalità di esportazione del codice HTML. Questo può essere fatto dalla finestra di dialogo Imposta HTML cui si accede con il comando File > Imposta HTML o cliccando sul pulsante Opzioni nella finestra Esporta.

La finestra Imposta HMTL è composta da tre schede sovrapposte: Generale e Tabella contengono impostazioni di tipo globale, cioè preferenze che possono essere usate come valori predefiniti per tutte le esportazioni, mentre dalla scheda Specifico del documento si effettuano scelte che influenzano solo il documento corrente.

Generale - permette di scegliere:

  • uno stile per il codice HTML (in base a quale editor verrà utilizzato in seguito per modificare le pagine generate);
  • l'estensione da attribuire al file;
  • se inserire o meno i commenti nel codice (riguardanti i punti dove tagliare e incollare);
  • se i nomi di tutti i file generati devono contenere solo caratteri minuscoli.

Tabella - permette di modificare le impostazioni per le tabelle che serviranno a ricomporre le immagini. Per Spazio si può scegliere tra:

  • Tabelle nidificate - Nessun spaziatore: le tabelle nidificate sono più lente da scaricare nel browser ma, non contenendo spaziatori, è più semplice modificare il codice.
  • Tabella singola - Nessuno spaziatore: questa scelta può produrre risultati non soddisfacenti.
  • Spaziatore trasparente da 1 pixel: gli spaziatori sono piccole immagini trasparenti che vengono usate per ottenere un allineamento ottimale all'interno delle tabelle.

Inoltre si può selezionare Usa colore area di lavoro per fare in modo che il colore delle celle sia lo stesso dell'area di lavoro.

Il menù a comparsa Contenuto consente di scegliere cosa deve essere inserito nelle celle che risultano vuote.

Specifico del documento - è possibile:

  • modificare le regole per la composizione del suffisso che viene apposto al nome delle varie porzioni delle immagini;
  • inserire una descrizione alternativa che comparirà al posto dell'immagine mentre viene scaricata dal browser. Si tratta di una funzione estremamente importante per consentire l'accesso alle pagine agli utenti non vedenti (vedi guida all'accessibilità);
  • selezionare Pagine HTML con barre di navigazione multiple. Questa opzione risulta utile quando la pagina HTML non deve contenere frame; Fireworks genererà tante pagine quanti sono i pulsanti più una con la barra "a riposo" (l'opzione deve essere selezionata per esportare l'interfaccia creata con il tutorial).

Nota: quando si seleziona quest'ultima opzione non è necessario usare come nome del documento quello usato nei link dei pulsanti. Se, per esempio, al momento di esportare l'esercizio, si chiama il documento "interfaccia" Fireworks genererà le pagine interfaccia.htm, interfaccia_1.htm, ecc., e i pulsanti richiameranno le pagine giuste, anche se nell'Autocomposizione collegamento URL abbiamo inserito come URL pag_1.htm, pag_2.html ecc.

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