Programmazione Web » Asp » Realizzare un sito facilmente aggiornabile con le Include
Realizzare un sito facilmente aggiornabile con le Include
Difficoltà:
Scritto da Alessandro Alessandrini
Sito Web: http://www.sitoservice.it 
Questo tutorial è stato letto 673 volte
La prima regola per un buon webmaster è quella di mantenere costante la grafica di un sito per tutte le pagine web che lo compongono. I menu di navigazione devono necessariamente trovarsi nella stessa posizione su tutte le pagine e così anche tutti i menu e i servizi che il sito stesso contiene.
Se avete un sito composto da diverse pagine questa operazione potrebbe rivelarsi noiosa e sfiancante, con grande dispendio di tempo e di pazienza in quanto, per ogni aggiornamento fatto su una sezione del sito, lo dovreste ripetere manualmente per tutte le pagine che lo compongono.
Facciamo un esempio pratico per capire dove risiede questa difficoltà: ipotizziamo che il vostro sito abbia un menu di navigazione posto in alto alla pagina e che vogliate aggiungere una sezione al menu. La stessa operazione la dovrete ripetere manualmente tante volte quante sono le pagine del vostro sito e in un sito di 5/6 pagine, non è faticoso, ma in un sito di 20/30 pagine e piu diventerebbe allucinante...non credete?
Vediamo come Asp accorre in nostro soccorso per realizzare una grafica omogenea e per realizzare aggiornamenti con il minimo sforzo. Per fare questo, Asp utilizza il comando Include che ha la possibilità di includere parti di pagine web in sezioni specifiche di altre parti di pagine web, siano esse Asp o Html.
Ipotizziamo che abbiate una pagina web suddivisa in tre sezioni ben definite da tabelle, e che queste sezioni si chiamino HEADER (Intestazione superiore), BODY (Corpo principale della pagina), FOOTER (Intestazione inferiore o meglio, piè pagina).
In questa ipotetica pagina web le sezioni HEADER e FOOTER sono costanti e comuni per tutte le pagine del sito mentre l'unica che cambia contenuti è la sezione BODY. Le sezioni HEADER e FOOTER conterranno menu di navigazione, link partner e altro ancora, compreso magari un circuito di banner.
Realizzate ora due pagine Html e nominatele HEADER.HTML e FOOTER.HTML contenenti tabelle e celle delle stesse dimensioni contenute nella vostra pagina Asp.
Ricapitolando avremo una pagina ipotetica default.asp che conterrà tre sezioni ben definite da tabelle chiamate HEADER, BODY e FOOTER. Poi avremo due pagine Html denominate header.htm e footer.htm.
Ora non ci rimane che richiamare i contenuti delle due pagine Html nelle sezioni Header e Footer della nostra default.asp. Per fare questo ecco che utilizzeremo include.
<!--#include file="header.htm"-->
che includerà il contenuto della pagina header.htm
<!--#include file="footer.htm"-->
che includerà il contenuto della pagina footer.htm
Questi due comandi include vanno posizionati all'interno delle sezioni Header e Footer della vostra pagina default.asp. Per funzionare correttamente all'inizio della vostra pagina default.asp dovrete aggiungere questo comando:
<%@ Language=Jscript%>
altrimenti INCLUDE non viene eseguito.
Ripetete tutti i passaggi per tutte le pagine che compongono il vostro sito rammentando che andrete a modificare sempre la sezione body mentre, il resto rimarrà invariato.
Per modificare il contenuto della sezione Header della vostra default.asp e di tutte le altre pagine del sito basterà solamente modificare il contenuto della pagina Header.htm. Stessa cosa vale per la Footer.
Aggiungi questo tutorial ai preferiti
