Parte 4. Le tabelle

Osserviamo di nuovo la prima barra degli strumenti di FrontPage Express:

Il pulsante che permette di inserire le tabelle nella pagina è ; premendo e trascinando col mouse è possibile impostare il numero di righe e di colonne che la tabella dovrà avere; quando si rilascia il pulsante del mouse viene inserita una tabella vuota nel punto in cui si trova il cursore.

Premere con il tasto destro del mouse in un'area qualsiasi della tabella. Dal menu contestuale che appare selezionare "Proprietà tabella...". Compare la seguente finestra di dialogo:

che permette di impostare le caretteristiche della tabella.

I controlli del gruppo "Layout" impostano l'"Allineamento:" della tabella nel paragrafo (sinistra, destra o centrato) e determinano il numero di pixel del bordo della tabella ("Dimensione bordo:", 0 indica l'assenza di bordo), dello spazio interno delle celle ("Spaziatura interna celle:") e dello spazio da lasciare tra una cella e l'altra ("Spaziatura tra celle:").

Tramite i controlli del gruppo "Larghezza minima" è possibile specificare la quantità minima di spazio che la tabella occuperà. La dimensione effettiva può risultare maggiore a seconda delle impostazioni delle singole celle e dell'estesione del loro contenuto. Il valore può essere immesso riferendosi ai pixel o alla percentuale della pagina.

In "Sfondo personalizzato" si può impostare il colore dello sfondo ed eventualmente anche un'immagine da utilizzare come sfondo che verrà adattata alle dimensioni della tabella stessa.

Nel gruppo "Colori personalizzati" si trovano i controlli per impostare il colore del bordo ("Bordo:"), il colore del riempimento più chiaro del bordo ("Bordo chiaro:") e il colore del riempimento più scuro del brodo ("Bordo scuro:") della tabella. Le proprietà specificate in questo gruppo sono attualmente gestite solo da Internet Explorer.

Il pulsante "Estesi..." consente di specificare, al solito, dell'ulteriore codice HTML per la tabella.

Premere con il tasto destro del mouse in una certa cella della tabella. Dal menu contestuale che appare selezionare "Proprietà cella...". Compare la seguente finestra di dialogo:

Analizziamo il gruppo di controlli "Layout":
"Allineamento orizzontale:" imposta la modalità di allineamento in senso orizzontale (sinistra, destra o centrato) del contenuto, testo od altro, della cella.
"Allineamento verticale:" imposta la modalità di allineamento in senso verticale (in alto, in basso o centrato) del contenuto, testo od altro, della cella.
Se viene selezionata la casella "Cella d'intestazione" il testo che compare all'interno della cella verrà reso dal browser con maggiore evidenza.
Selezionando "Disattiva a capo automatico" le righe di testo all'interno della cella non verranno spezzate, ma si ridimensionerà la cella stessa.

Il gruppo "Larghezza minima" è del tutto analogo a quello della precedente finestra, come pure i gruppi "Sfondo personalizzato" e "Colori personalizzati", ma relativo ovviamente alla singola cella.

Tramite i controlli del gruppo "Estensione cella" si può far in modo che una cella si sviluppi su più di una riga e su più di una colonna (ad es. si può creare una cella di dimensioni 2X2).

Il pulsante "Estesi..." consente di specificare, al solito, dell'ulteriore codice HTML per la cella.

Tramite il menu "Tabella" è possibile, infine, compiere ulteriori operazioni come l'aggiunta di righe/colonne, la selezione di parte o di tutta la tabella, l'unione di alcune celle, ecc.

[<< Parte 3] | [Parte 5 >>]

[Chiudi]