Esigenze
Semplificare la manutenzione della pagina di ingresso e delle altre pagine statiche del sito.
Standardizzare i nomi delle aree della pagina per renderli compatibili con un foglio di stile (CSS) globale.
Portare il codice a livello XHTML validabile con validazione dimostrabile tramite il marchio del W3C.
Rendere le pagine compatibili con gli script di inclusione automatica di contenuti.
Precedenti
Le vecchie pagine statiche erano editate completamente a mano, erano partite da layout basati sui vecchi standard HTML 3.1, e contenevano codice non valido.
Prerequisiti
Le pagine costruite sulla base dello scheletro devono inizialmente essere compatibili con la vecchia struttura del sito.
Obiettivi
Costruire uno scheletro di pagina statica standard, utilizzabile dai redattori per il rinnovo delle pagine statiche.
Introdurre uno standard di nomenclatura per le classi CSS che possa essere riutilizzato anche nei template dei sistemi CMS in uso corrente e futuro.
Realizzazione
Abbiamo realizzato, come proof-of-concept, una prima versione di scheletro editabile a mano.
L’utente ha a disposizione una lista di formati standard, implementati come blocchi div /div con classi definite nel CSS, es.: colonna destra, piè di pagina, riquadro di testo, ecc.
Si può impaginare in modo diverso lo stesso contenuto semplicemente cambiando foglio CSS ma conservando i nomi delle classi.
Versione preliminare
nomi dei file dimostrativi:
https://www.fondazionebassetti.org/STAMPE/boxtest.html
https://www.fondazionebassetti.org/STAMPE/boxtest.css
elenco degli id predefiniti:
FGBtestata : testata fissa (primo contenuto della pagina)
FGBpiedipagina : pié di pagina fisso (ultimo contenuto della pagina)
elenco delle classi predefinite:
FGBpienapagina : blocco di contenuto a piena pagina
FGBcolsinistra : raggruppa il contenuto di una colonna
FGBcolcentro : raggruppa il contenuto di una colonna (colonna centrale opzionale)
FGBcoldestra : raggruppa il contenuto di una colonna
FGBcolonna : contenitore vuoto interno a una colonna, permette di uniformare l’aspetto delle colonne
FGBblocco : blocco di contenuto entro una colonna
FGBevidenzablocco : titolo evidenziato entro un blocco
FGBmemoblocco : titolo evidenziato entro un blocco
FGBultimamenteblocco : titolo evidenziato entro un blocco
Prospettive
Integrare lo scheletro con gli script di inclusione automatica dei contenuti e con gli script di autoaggiornamento.