PORTALE - WEB CONTENT MANAGER
per enti di formazione

Immagini comuni predefinite

Il logo del sito, che verrà posizionata in testa al box di sinistra; le dimensioni di questa immagine vanno pensate in associazione con le opzioni di layout;
dipiu.gif, che verrà utilizzata nei collegamenti dalle notizie della home page e dai cataloghi dei corsi;
bullet.gif , utilizzata come simbolo iniziale in diverse liste ed elenchi;
up-left.gif, up.gif, up-right.gif, left.gif, right.gif, down-left.gif, down.gif, down-right.gif, che rappresentano gli elementi grafici di cornice ai box di sinistra e di destra. Le immagini d'angolo devono essere di dimensione a piacere, ma quadrate; up.gif e down.gif devono avere altezza uguale alle immagini d'angolo, left.gif e right.gif devono avere larghezzauguale alle immagini d'angolo. Dopo aver modificato queste immagini, occorre rieseguire una impostazione delle opzioni di layout, in quanto questa operazione ricalcola anche le dimensioni dei box in funzione della grandezza di queste immagini.
top-left.gif, top-center.gif, top-right.gif, che rappresentano gli elementi grafici per barre di menu locale utilizzate in alcune sezioni del sito. Il testo di questi menu utilizza la classe .title già presente nelle voci principali del box di sinistra; gli elementi grafici suddetti vanno quindi uniformati a questo stile, come nell'esempio a fianco.	menu

Foglio stile del sito

L'aspetto estetico del sito viene gestito da un foglio stile predefinito, chiamato ciofs_style.css , che si trova nella cartella principale del sito. Assieme ad esso, vanno impostate alcune opzioni di layout e vanno create le immagini predefinite.

Il foglio stile deve contenere:

opzionalmente:

1. La definizione di una pagina tipo (body), per quanto riguarda sfondi e bordi;
2. La definizione dei principali tag di testo e di struttura (p,td,th,ul,li,ol,h1,h2,h3.h4 ecc.);
3. la definizione dei link standard (a, a.link, a.visited, a.hover);

necessariamente: Gli stili per il box di sinistra contenente i menu, che sono: . box , per le caratteristiche di base dell'intero box di sinistra (e di destra); nell'esempio a fianco, questa classe definisce il colore di sfondo; .title , per la barra del titolo principale (a fianco, quella con la scritta DATI COMUNI ); questo stile comprende sia le caratteristiche del testo (che è anche un link e come tale va trattato), sia quelle della tabella che lo contiene (bordi e sfondo); .menu , per la tabella che fa da cornice alle voci sottostanti; questa classe contiene solo definizioni di bordi ed eventuale sfondo. e per per i testi dei links interni

DATI COMUNI Utente Accounts Gruppi Dati dell'Ente Testo Privacy

Gli stili per le tabelle di scorrimento della base dati, che sono: th : questo tag è usato in sostituzione di td per le intestazioni delle colonne e per le caselle con icone a sinistra di ogni riga; .unordered, .ordered: queste due classi differenziano le colonne ordinate da quelle non ordinate, sia per quanto riguarda i lo sfondo che per i testi o links; nell'esempio a fianco, il titolo Gruppi è .ordered, il titolo membri è .unordered ; .browse: questa classe di stile è opzionale e serve per definire i bordi della tabella.

Gruppi membri ecdl 34 fondo sociale 23

Opzioni del Layout

Vi si accede dal menu GESTIONE SITO, alla voce opzioni. Questa sezione consente di definire alcuni aspetti riguardanti l'estestica del sito ed il posizionamento delle cartelle delle immagini. Deve essere impostata in collegamento con la definizione di un foglio stile per il sito e con le immagini predefinite per il sito.

In questa sezione è possibile impostare:

1. La posizione in pixel da cui fare iniziare il menu del box di sinistra. Tale posizione è assoluta , ovvero a partire dal bordo superiore della finestra, e va calcolata in funzione della dimensione del logo predefinito; (mostrata qui a fianco);
2. L'altezza di ogni elemento del menu di sinistra; tale altezza (riferita ai riquadri dei titoli principali) va calcolata in armonia con quanto definito nel foglio stile alla classe title;
3. La larghezza del menu di sinistra; questa va calcolata in funzione dei testi che devono comparire nei vari titoli. Si tenga presente che, ai fini di un corretto funzionamento del menu, non è bene che i titoli di primo livello stiano su più righe.

Per quanto riguarda i cataloghi dei corsi, è possibile definire quanti corsi devono apparire per ogni pagina (altri corsi staranno su pagine successive), ed il numero massimo di rimandi a pagine successive; superato questo numero, il resto di rimandi verrà raggruppato in un'unica freccia a destra o a sinistra.

Infine, è possibile modificare i percorsi delle cartelle delle immagini per le varie sezioni del sito. Si tenga presente che queste cartelle possono avere un nome a piacere, ma devono comunque esistere già sul sito e trovarsi all'interno della cartella delle immagini comuni.