Sezione Computer

• Home
• Menù 1
• Menù 2
• Menù 3
• Menù 4
• Menù 5
• Menù 6 (Attivo)
• Menù 7
• Menù 8

• Sottomenù 1
• Sottomenù 2(Attivo)
• Sottomenù 3

Prova XHTML

Questa è una pagina di prova scritta utilizzando XHTML 1.0 Strict e CSS Level 2. Non viene più utilizzata una tabella per disporre le varie sezioni della pagina, ma vengono indicate direttamente le coordinate spaziali.

Le foto vengono disposte sulla destra della pagina, lasciando il testo scorrere al loro fianco; un margine permette loro di risultare leggermente separate. Nel caso le foto siano di grandi dimensioni sulla pagina viene inserita un'icona con larghezza massima di 200 pixel che richiama l'immagine originale. Di ogni foto inoltre viene specificata la dimensione e una descrizione alternativa nel caso non fosse possibile visualizzarla. In caso sia loro associato un link non viene mostrato il bordo colorato.

I menù ora sono delle semplici liste, che grazie ai fogli di stile vengono formattate come fossero una tabella; inoltre, sempre grazie agli stili, è possibile creare un effetto colorato al passaggio del mouse, senza dover ricorrere all'aiuto di JavaScript. Le voci del menù sono inoltre dotate di accesskey, ovvero un tasto di scelta rapida.

È stato impostato anche uno stile per visualizzare le citazioni, sia per quanto riguarda singole frasi o incisi, sia per quanto riguarda blocchi interi. Ad esempio, volendo citare la classica Legge di Murphy, che dice Se qualcosa può andar male, lo farà. utilizziamo un metodo diverso da quello che utilizzeremmo per citare i primi tre versi della Divina Commedia:

Nel mezzo del cammin di nostra vita
mi ritrovai per una selva ocura,
ché la diritta via era smarrita.

Dante Alighieri - La Divina Commedia

I paragrafi invece mantengono il vecchio stile con una giustificazione del testo e la lettera iniziale del capoverso leggermente più grande e in grassetto.

La cornice rossa attorno al paragrafo viene utilizzata per evidenziare testo molto importante all'interno della pagina Web.

Non dimentichiamo infine che, vista la sua natura, all'interno del sito compare molto codice o citazioni dalla shell del computer, quindi per rappresentare ad esempio l'output del comando ls viene utilizzato uno stile apposito:

[root@server networking]# ls devices ifcfg-lo profiles [root@server networking]#

RIFERIMENTI

All'interno della sezione riferimenti vengono collocati in forma di lista i link a siti, documenti o programmi che riguardano l'argomento trattato e che possono interessare il lettore.

• HTML (HyperText Markup Language) viene definito dal Web Consortium ed è il linguaggio di pubblicazione sul Web, ovvero è il linguaggio con cui si costruiscono le pagine Web.
• XHTML (Extensible HyperText Markup Language) vuole essere una riformulazione dell'HTML 4 come applicazione XML; definito sempre dal Web Consortium, risulta essere più formale ed espandibile.
• I CSS (Cascading Style Sheets), o fogli di stile, sono un meccanismo per descrivere lo stile grafico di una pagina HTML (ad esempio font, colori, spaziature, margini). Vi rimando anche alla definizione di foglio di stile su Wikipedia.