Tutorial HTML - Creare un calendario - introduzione
In questo tutorial vedremo come si crea un calendario perpetuo. Quello che si vede su blog è siti è un piccolo rettangolo di
(orizzontale o verticale) di varie dimensioni, ma si tratta in realtà di una vera e propria pagina web, che poi viene
inserita all'interno di un iframe, cioè in una specie di finestra che ne mostra solo una piccola parte.
Per fare un esempio, qui
potete vedere uno dei miei calendari, che useremo nel tutorial, non inserito in un iframe.
La prima cosa di cui abbiamo bisogno per la creazione del calendario è l'immagine di sfondo. La potete creare con qualsiasi programma di grafica e può avere una qualsiasi dimensione a vostra scelta. Assicuratevi che la zona dell'immagine in cui verrà inserito il testo ne permettà la leggibilità e sia sufficientemente grande, in modo da non avere le date troppo ammassate.
Questa è la mia immagine:
Veniamo ora al codice. E' un po' lungo, ma non spaventatevi perchè le modifiche da fare per avere il vostro calendario non sono molte ^__^
Abbiamo una prima parte con i marcatori consueti per una pagina html, poi il foglio di stile che definisce l'aspetto del nostro calendario e infine la tabella in cui viene inserito il codice javascript che fa funzionare il tutto.
Per modificarlo potete usare un normalissimo editor di testo come il blocco note di Windows, e salvare poi il documento con
estensione .htm o .html . Fate attenzione che il programma non aggiunga anche l'estensione .txt; per verificare che tutto sia
corretto potete attivare la visualizzazione delle estensioni dei file per la cartella in cui avete salvato il documento (Strumenti -> Opzioni cartella ->
Visualizzazione e togliete la spunta alla voce Nascondi le estensioni per i tipi di file conosciuti)
Una raccomandazione: non usate Word, quando salvate il documento come html questo simpatico programma decide per i fatti propri di
aggiungere qualche riga qua e là, col risultato di sporcare il codice.
Torna all'indice dei tutorials
