Struttura con template in HTL
Il negozio elettrinico usa il inguaggio ASP,
ma per l'accesso al codice utilizza dei template,
per consentire la massima flessibilità
per la personalizzazione del layout e dell'aspetto
del negozio. Tutti i contenuti dinamici sono elaborati
dal codice ASP e formattati successivamente secondo
il layout impostato nel template. I templates
sono scritti con linguaggio HTL (Hypertext Template
Language) che consente di modificare con facilità
l'aspetto (e anche la rimozione o spostamento)
di elementi attivi, senza la necessità
di intervenire sul codice ASP. Tuttavia, per chi
lo desidera, il server ha il completo supporto
di ASP e consente di inserire codice e quindi
funzionalità aggiuntive al progetto iniziale.
Come esempio consideriamo il codice presente
nella testata (header) del negozio. Il codice
consente di inserire il logo del negozio, ed i
link alle versioni multilingua.
<TABLE cellspacing="0" cellpadding="0"
border="0">
<TR height="18">
<TD><IMG src="images/menu-leftcon3.gif"
width="9" height="18" border=0></TD>
<TD class="lnglink">[[Lingua
corrente:]] </TD>
<!--InizioFromLingue-->
<TD class="lnglink"><A class="lnglink"
href="{LangLink1}">{LangName1}</A></TD>
<TD width="10" height="18"
class="lnglink" align="center">|</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink2}">{LangName2}</A></TD>
<TD width="10" class="lnglink"
align="center">|</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink3}">{LangName3}</A></TD>
<TD width="10" class="lnglink"
align="center">|</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink4}">{LangName4}</A></TD>
<TD width="10" class="lnglink"
align="center">|</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink5}">{LangName5}</A></TD>
<TD width="10" class="lnglink"> </TD>
<!--FineFormLingue-->
</TR>
</TABLE>
Alcuni personalizzazioni possibili:
1) Forzare che il sito visualizzi una sola lingua
(nasconda il menu di scelta delle lingue). Questo
si ottiene escludendo i commandi HTL dal template,
come segue:
<TABLE cellspacing="0" cellpadding="0"
border="0">
<TR height="18">
<TD><IMG src="images/menu-leftcon3.gif"
width="9" height="18" border=0></TD>
</TR>
</TABLE>
2) Modificare i separatori tra le lingue
<TABLE cellspacing="0" cellpadding="0"
border="0">
<TR height="18">
<TD><IMG src="images/menu-leftcon3.gif"
width="9" height="18" border=0></TD>
<TD class="lnglink">[[Lingua corrente:]] </TD>
<!--InizioFormLingue-->
<TD class="lnglink"><A class="lnglink"
href="{LangLink1}">{LangName1}</A>//</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink2}">{LangName2}</A>//</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink3}">{LangName3}</A>//</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink4}">{LangName4}</A>//</TD>
<TD class="lnglink"><A class="lnglink"
href="{LangLink5}">{LangName5}</A>//</TD>
<!--FineFormLingue-->
</TR>
</TABLE>
|
