guida template

Un template per Joomla

www.e-moka.net

Matteo Mosangini

Realizzato per l’IIS J. Linussio di Codroipo

Indice

1.1 Php. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31.2 CMS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31.3 Database. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

2 Un template per Joomla43 Il processo di creazione di template54 Editor open source55 Il W3c e i siti senza tabelle6

5.1 Un po’ di storia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65.2 I fogli di stile CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

6 I componenti di un Template7

6.1 Il ﬁle templateDetails.xml. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86.2 Il ﬁle index.php. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106.3 Un “body” vuoto per un template Joomla. . . . . . . . . . . . . . . . . . . . . 13

7 Utiliziamo i fogli di stile CSS per creare il layout158 Un CSS di default per Joomla17

8.1 Elementi CSS speciﬁci di Joomla. . . . . . . . . . . . . . . . . . . . . . . . . . 20

9 Moduli2110 I Menu2511 Come nascondere le colonne28

11.1 Nascondiamo i moduli. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

A CSS shorthands33

2

1 Informazioni preliminari

1.1 Php

PHP è un linguaggio di scripting interpretato, con licenza open source, originariamente con-cepito per la realizzazione di pagine web dinamiche. Attualmente è utilizzato principalmenteper sviluppare applicazioni web lato server ma può essere usato anche per scrivere script alinea di comando o applicazioni standalone con interfaccia grafica. Il suo nome è un acronimoricorsivo che sta per PHP: Hypertext Preprocessor (PHP: preprocessore di ipertesti). Joomlaè un CMS scritto in PHP, durante le lezioni che ci porteranno a crare un template completoincontreremo spesso delle sezioni di codice PHP inserite all’interno dei file che serviranno perrealizzare l’aspetto grafico del nostro sito. Non sarà possibile studiare in dettaglio tale linguag-gio di programmazione, di volta in volta cercheremo di spiegare il significato delle istruzioni incui incapperemo. La complessità del codice che andremo ad analizzare sarà molto bassa, datoche gli aspetti tecnici di gestione del sito sono sostenuti dal codice di Joomla.

1.2 CMS

I Content management system (CMS), letteralmente Sistema di gestione dei contenuti sonouna categoria di sistemi software utilizzati per organizzare e facilitare la creazione collaborativadi documenti e di altri contenuti. Tecnicamente un CMS è un’applicazione lato server, divisain due parti: il back end, ovvero la sezione di amministrazione, che si occupa di organizzare esupervisionare la produzione del contenuto, e il front end, cioè la sezione dell’applicazione chel’utente usa per realizzare fisicamente modifiche, aggiornamenti ed inserimenti.Una delle applicazioni più utili dei sistemi CMS è nella gestione dei portali, dove vengonoimpiegati come strumento di pubblicazione flessibile e multiutente. Ad esempio, gestione dicontenuti testuali (notizie, articoli ecc.), link, immagini, liste di discussione, forum, materialescaricabile. Può essere modificata anche la struttura stessa delle pagine in numero ed organiz-zazione. A volte i CMS danno la possibilità di gestire anche più versioni dello stesso sito (adesempio, HTML o WAP).I CMS consentono di definire utenti, gruppi e diritti in modo da poter permettere unadistribuzione del lavoro tra più persone. Per esempio, è possibile definire una classe di utentiabilitati esclusivamente all’inserimento delle notizie, mentre si può riservare la scrittura diarticoli ad un altro gruppo, e limitare tutti gli altri alla sola consultazione. L’introduzione diun Web Content Management System in una scuola richiede la definizione di chiari processiinterni di approvazione dei contenuti. Il nuovo sito scolastico sarà realizzato utilizzando ilCMS Joomla che permetterà la partecipazione di Alunni ed Insegnanti alla costruzione di unsistema per la gestione delle informazioni, sarà possibile pubblicare e rendere disponibile a tuttigli alunni, testi di approfondimento, vecchi compiti in classe, materiale didattico multimediale...La scelta di utilizzo di un CMS sarà inoltre strategica per far conoscere la scuola sia alivello provinciale che extraprovinciale e potrebbe permettere l’instaurarsi di proficui scambiinformativi con altre realtà scolastiche nazionali e non.

1.3 Database

In informatica il termine database, tradotto in italiano con banca dati, base di dati (soprat-tutto in testi accademici) o anche base dati, indica un archivio di dati, riguardanti uno stesso3