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
consete di modificare con failità 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 a completo
supporto ASP, consente di inserire codice e quindi funzionaltià
aggiuntive al progetto iniziale.
Come esempio consideriamo il codice presente nella testata (header)
del negozio. Il codice consetne di inserire il logo del negozio,
e 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 templete, 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>
|
