Esempi - Pagine web semplici

Qui di seguito presento una raccolta di esempi di pagine web molto semplici usate in alcuni corsi sulla creazione di pagine web, corredate, là dove necessario, da qualche mio commento.

Mostra i codici sorgente.

Intestazioni

Queste pagine, semplicissime, sono mostrate soprattutto per vedere le righe SGML iniziali di definizione dello standard.

• Pagina standard, HTML 2.0
• Pagina standard, HTML 3.2
• Pagina standard, HTML 4.01 (transitional)
• Pagina standard, HTML 4.01 (strict)
• Pagina standard, XHTML 1.0

Immagini

Alcuni esempi di gestione delle immagini, con un'immagine fittizia.

• Allineamento delle immagini
• Immagini: spaziatura e testo
• Immagini: accostamento

Mappe su immagini.

• Mappa con elaborazione sul lato server
• Mappa con elaborazione sul lato client

Tabelle

Esempi significativi in preparazione.

• Esempio "creativo" di uso dei colori di sfondo delle celle

Sostituzione di intestazioni HTTP

Nel codice HTML si possono inserire informazioni, dette http-equiv per il fatto che teoricamente dovrebbero essere inviate dal server, ma vengono invece incorporate nella pagina.

• Aggiornamento della pagina dopo cinque secondi
• Trasferimento ad altra pagina
• Effetti di transizione (solo Internet Explorer)

Moduli web

Sempre più spesso le pagine web contengono dei moduli per l'invio o la visualizzazione di dati.

• Esempio semplice di modulo con i diversi controlli disponibili

Javascript

Qui gli esempi si potrebbero sprecare. Ne metto solo un paio per far capire il meccanismo di base. Vedi anche la sezione javascript della mia raccolta di esempi.

• Selezione di un URL tramite casella combinata
• Rollover di immagine

Java

Anche qui si potrebbero trovare moltissimi esempi significativi. Per altri esempi, si può provare

• Immagine JPEG mostrata con tecnica PixAround

Multimedia

Poche cose, per ora.

• Un'immagine GIF animata
• Un'animazione Flash (grazie a Fabio)