Struttura di un sito web Joomla! Posizionatevi all'interno del vostro pannello di controllo della piattaforma Altervista.

org del vostro sito web e andate in gestione file:

vedete 3 file e una cartella, sulla destra di essi c' la dimensione del corrispondete file o cartella, la data di modifica, una serie di icone che vi permettono ai eseguire delle azioni sui rispettivi file o cartelle. (importante: l'icona con la matita e le due parentesi significa che il corrispondente file verr visualizzato e possibilmente modificato). Concentriamoci ora sulla cartella 'joomla'. Clicchiamoci sopra, una sola volta con il tasto sx.

vedrete un insieme di cartelle e se scorrete la pagina fino in fondo anche un insieme di file. Ebbene i file sono tutti di configurazione del sito internet. C' un discorso da fare prima di addentrarci nello scheletro della struttura del sito web di joomla. Partiamo..ciascun concetto che viene detto ora di fondamentale importanza. Prendete appunti Ogni sito internet, formato da un insieme di file, che sono contenuti in cartelle, che interagiscono tra di loro. Ebbene si, ogni sito internet del mondo strutturato in un insieme di file che interagiscono tra di loro, e codesti file sono contenuti in rispettive cartelle. Il tutto per avere 'ordine' all'interno della struttura di ogni sito web. Non spaventatevi Joomla ci d una grandissima mano per l'interazione dei file, rispetto ad altri software che creano siti, il protagonista del corso (joomla) fa tutto da solo. Ecco forse perch il pi usato e miglior cms del mondo.. (cms=content management system Sistema di Gestione dei Contenuti ). La struttura file-cartelle (la chiameremo cos) di Joomla (vedrete) non differisce molto da ci che vedete nel pannello di amministratore di Joomla. Tale considerazione ci aiuter tantissimo per capire dove stanno moduli, componenti, plugin, templates.

Concentriamoci su questa parte di schermata:

queste sono le cartelle madri del nostro cms. Sono tutto cartelle fondamentali, e non si devono cancellare per nessun motivo al mondo, se non siete sicuri, rischiate di rovinare tutto il lavoro che state facendo. A primo occhio vedrete subito dei nomi di cartella che vi aiutano gi a capire di cosa si trattano: components, images, languege, modules, plugins, templates. Starete pensando ci saranno dentro i componenti, immagini, lingue, moduli, plugin e i templates, che scarico da internet e carico sul sito web. Ebbene se pensate ci, avete indovinato! Immediato vero?! Per farci un esempio entriamo in templates: (un clic con il tasto sx sopra al nome)

Ovviamente voi avrete altri nomi di cartella.. Qui abbiamo nient'altro che i templates che ho all'interno del nostro sito web, ricordate la sezione (nel pannello amministratore) Gestione Templates, sono gli stessi templates, ma qui li abbiamo in versione filecartelle. Per gli smanettoni indico subito il file index.html, se lo aprite tramite l'icona con la matita e le parentesi, vedrete:

propriamente dar una finestra bianca-vuota, per i motivi di sicurezza che

ho accennato a lezione. Proseguiamo nel tour dello scheletro del nostro sito web. Esempio, io vado all'interno del template Beez5, voi andrete all'interno di un template a vostra scelta (le cartelle saranno con i medesimi nomitavi) [joomla immediato anche per questo..]:

vedrete codesta schermata.

Una notazione per 'tornare indietro', non usate il solito tasto del browser indietro, ma qui cliccate Parent.

In Informatica la struttura file-cartelle, sempre vista come cartella padre al cui interno ci sono le cartelle figlie, ma esse sono cartelle padri rispetto le sotto cartelle al loro interno..un legame padre-figlio. Parent starebbe come ..vai ai suoi parenti pi grandi.. Ecco, torniamo a noi, vedrete file e cartelle. Tra le cartelle vedrete i nomi di css, fonts, html, images, javascript, language. Nella cartella images (se ci entrate), vedrete tutte le immagini che compongono il corrispondente templates. Se volete modificare il templates dovete semplicemente modificare l'immagine, mantenendo sempre il nome, l'estensione e le dimensioni del file. Ora dar informazioni (per chi lo vuole fare): posizionatevi sul vostro sito web, il mio esempio :

questo il template beez5 e voglio modificare il logo Matuna Fruits, ebbene cosa devo fare? 1. Clicco con il tasto dx su quella immagine e clicco salva immagine con nome:

Avrete gi il nome dell'immagine e l'estensione (salva come:) in questo caso .gif ( una delle tante estensioni per immagini..) e la salvo per esempio sul desktop.
2. ora che abbiamo salvato il file che vogliamo cambiare, sappiamo

nome e estensione, ora dobbiamo vedere le sue dimensioni: andiamo sul file salvato e clicchiamo con il tasto dx propriet dettagli:

Larghezza e Altezza, bene prendiamo nota di tutto ci. Nome, estensione e dimensioni, ora con un software di grafica possiamo realizzare il nostro logo personale (software gratuiti: gimp, pu andare bene anche paint della

microsoft oppure del pacchetto adobe [mac]: photoshop o illustrator). La precendente procedura era destinata a chi vuole lavorare in modo specifico e per personalizzare il sito web. Intendiamoci, nessuno da le cose gi fatte, bisogna, quindi sporcarsi un po' le mani e la mente. Potere eseguire la medesima procedura per qualsiasi immagine. Il templates potete modificarlo tranquillamente, ma solo nella parte grafica, ma non tranquillamente nella parte di struttura del templates. Intendiamoci, la parte grafica intendo le immagini, la parte di struttura intendo il codice di programmazione che dietro a tutto il template. Sono due cose del tutto differenti, ma intrecciate tra di loro. Posizioniamoci in:

nella cartella css, ci saranno gli stili del sito, letteralmente come verr scritto e impostato un testo, una parola, un carattere, all'interno della nostra creazione interattiva (sito). All'interno della cartella troverete tutti i file con estensione .css Nelle altre cartelle troverete delle sotto-cartelle le quali avranno compiti differenti all'interno della cartella madre, in questo caso della cartella beez5. Navigate all'interno della struttura file-cartelle vi renderete conto che questo modo di visualizzare la struttura del sito, molto aderente ai nomi e concetti del pannello grafico di amministrazione del sito. Ecco perch

Joomla definito User-Friendly, amico dell'utente, per la sua immediatezza. Altri Cms usano linguaggi e strutture maggiormente complesse, senza contare i concetti differenti che ci sono alla base delle strutture. Ricordate bene questi concetti, i quali vi aiuteranno a capire come si struttura un qualsiasi sito internet, e vi aiuter anche per avere manualit all'interno della struttura del sito web scritto in Joomla (ovviamente per i siti che creerete). Codesta guida pu essere un ripasso per capire i concetti che ci sono dietro al pannello amministrativo, per rispondere alla domanda Perch il pannello cos fatto? Cosa c' dietro ad un sito realizzato con Joomla? ora le risposte le avete.