Per agevolare la realizzazione del layuot grafico è opportuno decidere da subito i nomi da dare alle pagine principali e ai due frame.
Il frameset coinciderà con l'home page e quindi sarà chiamato index.htm.
Nel frame superiore (topFrame) verrà visualizzata la pagina menu.htm che conterrà i link alle pagine relative ai vari continenti (africa.htm, america.htm, asia.htm, europa.htm ed oceania.htm) che dovranno aprirsi nel frame sottostante (mainFrame).
Sarà poi necessario creare un'altra pagina (corpo.htm) che sarà quella che verrà visualizzata nel mainFrame all'apertura della pagina index.htm (l'unica che non conterrà alcun menù a discesa).
Per tutte le altre pagine, che non verranno create fisicamente in questo tutorial, ma alle quali si farà riferimento nei menù a discesa, i nomi verranno attribuiti usando i nomi delle città a cui fanno riferimento, senza maiuscole né spazi (al cui posto verrà eventualmente usato il trattino di sottolineatura) e con la normale estensione .htm.
Nota: i nomi assegnati ai frame (topFrame e mainFrame) sono quelli che vengono impostati di default da Dreamweaver quando si sceglie di creare un frameset di questo tipo. Questo ci semplificherà il lavoro quando, nelle ultime lezioni, useremo brevemente Dreamweaver per ricostruire il frameset , dare un'ultima rifinitura alle pagine e verificare il funzionamento dell'intero sito.
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 |