Siamo finalmente giunti al momento di produrre le pagine che andranno a far parte del nostro sito!
Iniziamo aprendo menu.png. e scegliamo File > Anteprima esportazione.
Nella finestra di dialogo che si apre non modifichiamo niente e clicchiamo direttamente
sul pulsante Esporta. Ecco come settare le varie impostazioni:
Per finire clicchiamo sul pulsante Opzioni. Nella scheda Generale impostiamo Stile HTML su Dreamweaver HML (ma c'è la possibilità di scegliere anche altri editor) e Estensione su .htm.

Passiamo poi alla scheda Tabella e impostiamo:
Spazio con: tabella singola - Nessuno spaziatore
Contenuto: Immagine spaziatore
Clicchiamo su OK e quindi su Salva.
La prima pagina del nostro sito è stata generata!
Passiamo ora al file corpo.htm e apriamo di nuovo la finestra
Anteprima esportazione.
Come ricorderete per questo file non è stata fatta l'ottimizzazione delle
porzioni per sarebbero state tutte uguali, quindi procederemo adesso ad impostare
un'ottimizzazione generale.
Nella parte sinistra dell'immagine impostiamo come numero di colori 32 (vedi
immagine seguente) e poi clicchiamo su Esporta.

Controlliamo che tutte le impostazioni siano uguali a quelle usate
per la pagina menu.htm e clicchiamo su Salva.
Lo stesso identico procedimento deve essere usato per esportare tutte le pagina
relative ai continenti.
A questo punto il lavoro di Fireworks è terminato, rimane da dare dei piccoli ritocchi agendo sul codice o usando un editor HTML.
Creare Testo 3D con Photoshop CS5Creare una scritta sfruttando gli effetti tridimensionali... |
Photoshop CS6: le novità più interessantiUn'interfaccia rinnovata, semplificazione di comandi ripetuti,... |
Digital painting con PhotoshopCreare illustrazioni digitali sfruttando la capacità del software di... |
Forme e texture con Photoshop, creare una carta da gioco infuocataSfruttare forme vettoriali e texturing per ottenere un'illustrazione... |
Attenuare rughe d'espressione e imperfezioni della pelle con PhotoshopLe tecniche per attenuare rughe d'espressione e imperfezioni della... |
Guida Photoshop CS5Modifica e ottimizzazione dell'immagine, strumenti di disegno e... |
Guida Photoshop CS4Disegno, fotoritocco, effetti con Photoshop CS4: impariamo a usare... |
Guida Paint Shop ProPaint Shop Pro è un celebre programma di fotoritocco,... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |