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:

  1.         <ul id=“box-calendario”>
  2.                 <li class=“settimana” id=“settimana-1”>
  3.                 </li>
  4.                 <li class=“settimana” id=“settimana-2”>
  5.                 </li>
  6.                 <li class=“settimana” id=“settimana-3”>
  7.                 </li>
  8.                 <li class=“settimana” id=“settimana-4”>
  9.                 </li>
  10.                 <li class=“settimana” id=“settimana-5”>
  11.                 </li>
  12.         </ul>

Ok abbiamo creato quello che in una tabella sarebbero state le 5 righe.
Osservate una cosa: ci sono cinque righe. Esattamente quante sono le settimane. In una tabella avremmo dovuto creare anche una riga di intestazione. Dove sarà andata a finire?
Per ora tralasciamo questo (importante) particolare e soffermiamoci sul resto.

Strutturiamo una settimana tipo

Tutte le settimane saranno organizzate in sette giorni. Il modo più conveniente di organizzare i sette giorni di ciascuna settimana è tramite un elenco puntato non ordinato secondo lo schema che segue:

  1.         <li class=“settimana” id=“settimana-1”>
  2.                 <li class=“giorno” id=“giorno-1”>
  3.                 </li>
  4.                 <li class=“giorno” id=“giorno-2”>
  5.                 </li>
  6.                 <li class=“giorno” id=“giorno-3”>
  7.                 </li>
  8.                 <li class=“giorno” id=“giorno-4”>
  9.                 </li>
  10.                 <li class=“giorno” id=“giorno-5”>
  11.                 </li>
  12.                 <li class=“giorno” id=“giorno-6”>
  13.                 </li>
  14.                 <li class=“giorno” id=“giorno-7”>
  15.                 </li>
  16.         </li>

Quanto riportato sopra rappresenta un solo giorno.

Potrebbero interessarti anche i seguenti articoli

Condividi:

Informazioni sull'autore

Diego La Monica
Diego La Monica
Programmatore esperto nei linguaggi del Web, ha scritto diversi articoli di carattere tecnico. Ha partecipato allo sviluppo di alcuni progetti OpenSource e ha tenuto diversi corsi per lo sviluppo di applicazioni web con strumenti Open Source. Le sue competenze in materia di analisi e sviluppo software gli hanno consentito di sviluppare un Framework Javascript per rendere più agevole lo sviluppo di applicazioni e siti web di ultima generazione cross-browser e multi piattaforma. La sua membership in IWA, gli ha consentito di partecipare ad alcuni gruppi di lavoro del W3C: HTML5 Working Group e Protocols and Formats Working Group al quale attualmente partecipa attivamente. Inoltre per IWA ha incarichi di responsabilità per la gestione e coordinamento delle Mailinglist tecniche e supporto alla manutenzione dei siti web.  Grazie alle sue competenza in materia di Standards, Usabilità ed Accessibilità ha avuto incarichi da diverse PA per lo  sviluppo e la resa di accessibilità dei siti istituzionali oltre ad avere incarichi per la manutenzione di software orientato al Web.

Commenti

Nessun commento

    Rispondi

    Link e informazioni