Abbiamo già parlato delle specifiche dei fogli di stile riguardanti il posizionamento preciso degli oggetti (CSS2) trattando delle Cornici mobili. Veniamo ora alle specifiche sulla formattazione (CSS1).
Grazie ad essi possiamo formattare il testo contenuto nelle nostre pagine web in modo molto più vario e con più precisione rispetto alla semplice formattazione del primissimo linguaggio HTML. Inoltre possiamo riutilizzare vecchi tag in disuso attribuendogli nuova forza.
GoLive permette una gestione ottimale dei fogli di stile rispettando e proponendo tutte le varianti previste.
Fogli di stile esterno
Un foglio di stile esterno ha il vantaggio che può essere richiamato da più pagine. Per crearlo dobbiamo:
- chiudere tutte le pagine tranne la Finestra del sito.
- menu File - Nuovo speciale - documento foglio di stile.
- si aprirà una finestra identica a quella vista per quello interno. Creiamo classi ed elementi a piacimento.
- salviamo il file in Cartella principale attribuendogli un nome riconoscibile (solitamente si usa Stile). Verrà salvato un file con estensione CSS.
Associazione di una classe ad un blocco di testo
Mentre potete constatare subito il risultato dell'impostazione di un Elemento, per le Classi dobbiamo provvedere manualmente. Vediamo come fare:
- selezionate il testo desiderato.
- nell'Inspector selezionate la scheda Stile. Al suo interno troverete tutte le classi che avete creato in precedenza.
Cliccate in corrispondenza di una delle quattro colonne:
- In linea: il testo selezionato (anche solo una parola) viene formattato come scelto nella classe
- Par: viene formattato tutto il paragrafo all'interno del quale avete selezionato il testo.
- Div: viene formattato tutto il paragrafo e viene aggiunto il comando HTML Div. Per chi non conosce il linguaggio HTML può essere usato per formattare più paragrafi.
- Area: applica la formattazione all'intero contenuto della pagina.
- ripete le operazioni su tutti i blocchi di testo che volete.
- per rimuovere da un blocco di testo una formattazione basta ri-cliccare in corrispondenza del segno di spunta nell'Inspector.
Nel caso dei fogli di stile esterni seguite questa procedura:
- aprite la pagina che volete associare al foglio di stile esterno.
- cliccate sul pulsante Apri interfaccia CSS posto in alto a destra nella scheda Layout.
- cliccate sul quarto pulsante posto nella barra degli strumenti, Nuovo foglio di stile.
- nell'Inspector fate il collegamento al foglio di stile tramite la funzione laccio.
- a questo punto sarà come avere un foglio interno e possiamo fare tutte le operazioni di associazione già viste.