sei qui: Web Master ->

Separare la grafica dai contenuti.

La cosa più noiosa per un webmaster, ma in genere per chiunque, è dover effettuare più volte una stessa operazione.

Se abbiamo realizzato un sito in html di 10 pagine, ogni volta che dobbiamo modificare qualcosa a livello grafico, siamo costretti a dover ripetere la modifica in tutte e 10 le pagine.

Fortunatamente, a limitare queste operazioni, ci vengono in contro i css che permettono rapidi aggiornamenti a tutte quelle parti del sito che fanno uso di classi.

Ma se dobbiamo modificare qualcosa a livello di codice html?

Pensate, ad esempio, di dover modificare l'indirizzo della vostra società che avete riportato in basso a tutte le pagine, dovreste fare più o meno queste operazioni:

1) aprire 10 pagine html;

2) modificare 10 pagine html;

3) uploadare 10 pagine html;

totale: 30 operazioni.

E se il sito avesse 20 pagine?

Un modo efficace per risolvere questo spiacevole problema è separare preventivamente la parte grafica (quindi identica in tutte le pagine) dai contenuti (diersi per ogni pagina), in questo modo basterà solo modificare il file contenente il codice html relativo al layout per applicare le modifiche all'intero sito.

Il metodo è semplicissimo e non richiede nessuna conoscenza specifica anche se conoscere qualche base di un linguaggio lato server può solo far bene.

Per il nostro esempio utilizziamo il php (perchè è gratis!)

Per prima cosa creiamo una pagina "tipo" di come sarà il nostro sito, focalizzandoci attentamente su quali saranno le parti fisse e quali no (per forza di cose un sito che utilizza questo sistema non può avere tutte pagine graficamente diverse anche perchè, se così fosse, cadrebbe l'ipotesi iniziale di dover applicare una modifica a tutte le pagine per uniformarle tra loro).

Facciamo un breve esempio:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Documento senza titolo</title><meta name="keywords" content=""><meta name="description" content=""></head><body><div id="header">parte alta</div><div id="contenuti"></div><div id="footer">parte bassa</div></body></html>

Le parti che varieranno saranno 2:

1) intestazione head: quindi title e meta;

2) i contenuti inseriti nel livello che molto fantasiosamente ho nominato "contenuti".

A questo punto iniziamo la separazione layout/contenuti.

Creiamo un nuovo file .php e nominiamolo (per esempio) layout.php quindi inseriamo al suo interno questo codice:

<?phpfunction sopra() { ?></head><body><div id="header">parte alta</div><div id="contenuti"><?php}function sotto() { ?></div><div id="footer">parte bassa</div></body></html><?php}?>

In pratica abbiamo memorizzato le parti fisse in due funzioni che basterà richiamare per avere il nostro layout.

Ora creiamo una pagina che utilizzerà il nostro layout: index.php (potete chiamarla come volete)

<?phpinclude('layout.php');?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Questa è la pagina index</title><meta name="keywords" content="Queste sono le keywords della pagina index"><meta name="description" content="Questa è la descrizione della pagina index"><?phpsopra();?><h1>Questo è l'h1 della pagina index</h1>Questi sono i contenuti della pagina index<?phpsotto();?>

L'esempio come vedete è molto semplice:

- nella prima parte di codice php richiamiamo il file layout.php che contiene il nostro layout;

- quindi abbiamo inserito la parte variabile dell'head;

- adesso richiamiamo la parte fisse dell'header;

- inseriamo i nostri contenuti;

- concludiamo richiamando la parte fissa del footer.

Ora potete sbizzarrirvi a creare quante pagine vogliate, ognuna con i suoi contenuti e quando vi sarete stancati del layout vi basterà modificare semplicemente il file layout.php

Amore e Incontri su Lovebits

Centinaia di ragazzi e ragazze ti stanno aspettando.
Vai su Lovebits, la sezione incontri gratis di Stragulp!, e vota l'utente piú affascinante.
E se fossi proprio tu a vincere la classifica?

HOT TAGS