Questo è uno degli argomenti su cui gli studenti diventano matti, è difficile spiegarlo, è difficile la teoria, è difficile metterlo in pratica.

Cerchiamo allora di capire le questioni generali, poi entriamo nei dettagli con un esempio pratico: ci siamo fatti il nostro sito web e il nostro foglio di stile e funziona tutto a dovere. Ad un certo punto realizziamo che in alcune parti del nostro sito vorremmo applicare uno stile completamente diverso, diciamo che vogliamo applicare il medesimo stile a tutto il sito ma all’interno di una tabella vorremmo avere colori diversi. In pratica lo stile neon del nostro esempio ci va bene per tutto il sito, ma vogliamo un altro tipo di carattere, con altre dimensioni all’interno di una tabella, anzi: già che ci siamo vogliamo colorare il carattere diversamente e anche lo sfondo merita di essere rivisitato (sto sempre parlando dell’interno di questa tabella). Come fare? Risposta: con l’uso di una classe.

Questa è una classe:

.jp          { color: #FFFFFF; background-color: #008000; font-family:Terminal; font-size:14 pt; font-variant:small-caps; font-weight:bold }

viene definita all’interno del foglio di stile, non è molto diverso da ciò che abbiamo visto fin’ora se non per il fatto che:

• c’è un punto all’inizio: questo definisce la classe
• il nome della classe, jp , può essere un nome di assoluta fantasia

per il resto niente di strano, c’è il colore del testo, il colore dello sfondo, il tipo di font, la sua misura, deve essere scritta in maiuscoletto.

Questo sito applica  classi distinte per il bordo destro, sinistro, superiore, inferiore.

Per scrivere una classe con FrontPage è sufficiente cliccare su "nuovo" nel menu stile

La prima cosa da fare è decidere un nome da dare alla classe, nonostante si possa scegliere qualsiasi nome è meglio scegliere qualcosa di significativo rispetto al lavoro che la classe dovrà compiere in modo che tutte le volte che dovremo richiamarla non sia difficile ricordare chi è e cosa fa.

Nel menù formato potremo poi definire le sue proprietà.

Particolarmente interessanti sono le proprietà che riguardano le posizioni sullo schermo

Per applicare la classe all’interno di un gruppo di celle bisogna selezionare il gruppo di celle, dx del mouse e scegliere proprietà/stile:

scrivere la classe e l’ ID, cioè il foglio di stile in cui è definita quella classe.

NB:
le nozioni di html tornano molto utili in questi casi, io preferisco andare a controllare il codice scritto da FrontPage nella visualizzazione html in modo da verificare che venga applicato esattamente dove voglio io.

Ultime considerazioni: non posso applicare classi appartenenti a fogli di stile diversi da quelli applicati alla pagina. Ricordatevi anche che le classi sono la vera libertà dei fogli di stile.