Calendario senza tabella
Calendario senza tabella? Da oggi è possibile!
Ultimamente su una lista alla quale partecipo quotidianamente, è stata posta una domanda relativa a calendari accessibili e tabelle. Quella discussione ha continuato a rimanermi in testa come un chiodo fisso, fino a quando non mi sono posto la domanda giusta, che ha consentito la nascita di questo articolo: “è possibile creare un calendario senza […]
Prima Parte – Introduzione al problema
Introduzione Un calendario in genere è costruito con una tabella. Questa tabella è costruita da 5 o 6 righe (in dipendenza dei giorni delle settimane che costituiscono un mese oltre l’intestazione) e 7 colonne (quanti sono i giorni di una settimana). L’effetto ottenuto con una tabella è tipicamente tra i migliori che si possono ottenere […]
Seconda Parte – Fissare i paletti
I vincoli progettuali Prima di iniziare ad implementare, come buona prassi è bene fare un’analisi accurata su cosa implementare e come. Il nostro scopo è costruire un calendario che visivamente si presenti come un qualsiasi calendario di qualsiasi altro sito facendo uso di xHTML e CSS. Disabilitando i CSS il nostro calendario non dovrà perdere […]
Terza Parte – Strutturare mesi e settimane
Strutturiamo il mese Come abbiamo anticipato inizialmente, il calendario sarà strutturato secondo un elenco puntato non ordinato. Di conseguenza le settimane che comporranno il calendario saranno una serie di elementi di un unico elenco puntato: <ul id=“box-calendario”> <li class=“settimana” id=“settimana-1”> […]
Quarta Parte – Definizione della struttura di un giorno
Un giorno no… Per logica avremo nel nostro calendario due tipi di giorni: giorni con eventi e giorni senza eventi. Un giorno senza eventi è un elemento che strutturalmente è meno lavorato rispetto ad uno che indicherà la presenza di eventi. Un giorno in una struttura a calendario (dove è presente esclusivamente il numero del […]
Quinta Parte – Definizione delle regole di stile
Assembliamo le conoscenze A questo punto del nostro cammino, abbiamo quasi tutte le informazioni per poter costruire il nostro calendario. Se lo facessimo ci renderemo conto di avere un elenco puntato di giorni per ciascuna settimana, riportante solo il numero del giorno, talvolta come testo talvolta come collegamento ipertestuale. Facciamo un esperimento, proviamo a disabilitare […]
Sesta Parte – Gli ultimi ritocchi
Ultimi ritocchi Provando ad caricare la pagina del calendario avendo avuto l’attenzione di scrivere tutte le regole sopra menzionate, e tutti i giorni del calendario, così come sono stati presentati nell’esempio, il risultato sarà già dei migliori, ma mancano alcuni particolari: mancano le intestazioni del calendario e manca la sezione di navigazione: quella sezione che […]
Settima Parte – Conclusioni
Per concludere L’ulitma cosa che ci manca è la sezione di navigazione che riporto in sintesi a seguire: <li class=“hidden”> <div class=“hidden”> <span>Navigatore</span> <ul class=“hidden”> […]