Grafica  »  Guide  »  Guida Fireworks 

Progettazione



Prima di iniziare a realizzare un sito è importante avere le idee chiare sulla sua struttura.
Il sito dovrà contenere una serie di immagini provenienti da varie parti del mondo. Per semplificare la ricerca le foto saranno suddivise per continente, per stato e per città.

Al fine di rendere più agevole la navigazione le pagine presenteranno un menù principale, contente i link ai cinque continenti, che risulterà visibile in ogni sezione. Le pagine relative ai singoli continenti conterranno ognuna un menù a discesa dal quale si potrà accedere alle sezioni relative alle varie città raggruppate per stato di appartenenza.

Le varie sezioni del sito saranno strutturate su due frame:

  • Il frame in alto, che avrà una altezza di 155 pixel, sarà fisso e conterrà il logo e i cinque pulsanti di navigazione principali (Africa, America, Asia, Australia e Europa). Ad ognuno dei pulsanti sarà associato un effetto rollover disgiunto che mostrerà una piccola immagine relativa al continente selezionato.
  • Il frame in basso conterrà le pagine che costituiranno le varie sezioni del sito. Ogni pagina avrà sulla sinistra un menù a discesa contenete una lista delle città per le quali sono disponibili le immagini, raggruppate per stato di appartenenza. La parte destra della pagina sarà invece lasciata libera e potrà ospitare le miniature delle varie immagini. La pagina principale, cioè quella che sarà visualizzata nell'home page conterrà invece una immagine del planisfero con aree sensibili che ricondurranno alle sezioni dei cinque continenti

La grafica sarà ottimizzata per essere visualizzata a una risoluzione 800x600 ma fruibile anche a risoluzioni superiori. Inoltre il sito sarà compatibile con i due browser più diffusi (Explorer 5 o superiori e Netscape 4.5 e superiori).

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