Grafica  »  Guide  »  Guida Fireworks 

Quella brutta visualizzazione della pagina index dipende dalla presenza dei margini alto e sinistro delle pagine create da Fireworks.
Per eliminare i margini apriamo una delle pagine e scegliamo Modify > Page Properties. In questa impostiamo a zero i campi Top Margin, Left Margin, Margin width e Margin Height (gli ultimi due ci garantiranno la compatibilità con Netscape).

Cerchiamo ora di alleggerire le pagine. Apriamo la pagina corpo.htm e se già non ci siamo portiamo in Visualizzazione Standard. Cancelliamo dalla tabella le immagini via1 e sfondo. Selezioniamo le entrambe le celle rimaste vuote, clicchiamo sul pulsante Merge selected cells using spans e poi sulla cartellina gialla in corrispondenza del campo Bg scegliendo come immagine di sfondo proprio sfondo.gif.

In effetti in questo caso la differenza di peso della pagina è molto poca ma questa modifica permette di allungare la barra laterale di quanto di vuole nel caso che il contenuto della pagina ecceda una schermata.

La stessa cosa può essere fatta nelle pagine dei continenti l'unica accortezza sarà quella, una volta unite le due celle, di impostare l'altezza della cella ottenuta pari alla somma delle altezze delle immagini via e sfondo (per esempio nella pagina africa sfondo è alta 20 pixel, via è alta 115 pixel quindi l'altezza della cella deve essere impostata su 135 pixel).

Apriamo ora una delle pagine dei continenti per creare lo spazio in cui troveranno posto le miniature, il testo o quello che vorrete metterci.

Attiviamo la visualizzazione Layuot e clicchiamo sull'etichetta verde Layout table. Nel pannello Ispezione Proprietà impostiamo la larghezza della tabella su 760 pixel e riempiamo lo spazio grigio che si è creato a destra della barra con una cella di layout.
Come ultima cosa torniamo in visualizzazione standard selezioniamo l'intera tabella mediante il tag <table> nell'angolo in basso a sinistra della finestra del documento e sempre dal pannello Ispezione Proprietà impostiamo align = Left (in questo modo, quando il sito viene visualizzato a una risoluzione superiore a 800x600, rimane una fascia bianca nella parte destra della pagina che non altera troppo l'aspetto del sito).

Ripetere queste modifiche per tutte le pagine dei continenti e l'allineamento della tabella anche per le pagine corpo.htm e menu.htm.

Suggerimento: può essere utile salvare le pagine dei continenti come modelli di Dreamweaver in modo da poterle poi riutilizzare per creare più rapidamente le pagine delle varie nazioni.

A questo punto il nostro lavoro è finito e potete testare il funzionamento anche dei link.
Rimane ovviamente da inserire il contenuto delle varie pagine, lascio a voi la possibilità di sbizzarrirvi come meglio credete!
Io mi sono limitata a scrivere il nome della città, tanto per non avere link spezzati.

Altri articoli

Altre guide

Altre newsletter