Grafica  »  Guide  »  Guida Fireworks 

Esportazione delle pagine



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:

  • Salva i: cartoline
  • Nome: mnu
  • Salva: HTML e immagini
  • Porzioni: Esporta porzioni
  • Delle quattro opzioni a disposizione selezioniamo Includi area senza porzioni e Inserisci immagine nella sottocartella.
  • Clicchiamo sul pulsante Sfoglia, doppio clic sulla cartella immagini e poi clic sul pulsante Seleziona "immagini".

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.

figura

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.

figura

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.

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