    |
|
    |
|
|
|
|
All'inizio, la creazione dei documenti HTML era un processo tedioso che richiedeva la conoscenza di centinaia di codici oscuri o la consultazione continua di un manuale. Con la diffusione di Internet, il publishing per il Web è stato semplificato dall'avvento degli editor HTML, una sorta di elaboratori di testi per i documenti Web.
I primi editor non facevano altro che automatizzare alcune attività di codifica manuali, ad esempio l'inserimento dei tag <b> e </b> attorno alla parola da visualizzare in grassetto. Gli attuali editor WYSIWYG ("What You See Is What You Get"), al contrario, consentono di progettare le pagine Web esattamente come devono apparire in linea. Per i principianti della progettazione Web, questi editor sono uno strumento indispensabile.
Per creare un negozio virtuale ShopSite, è sicuramente possibile utilizzare un editor WYSIWYG. A differenza dei normali siti Web, tuttavia, i negozi ShopSite nascono dall'integrazione di un sito Web e di un database. Per fare in modo che il sistema di ordinazione in linea funzioni e le modifiche apportate ai database vengano integrate nel sito Web, è necessario lavorare all'interno del sistema ShopSite. Per questo motivo, non è sufficiente progettare un sito Web con un editor e caricarlo nel negozio virtuale ShopSite.
Quello che si può fare è utilizzare l'editor per progettare alcuni componenti e quindi incollarli nelle pagine di ShopSite. Ad esempio, è possibile creare un collage complesso di testo e immagini per la pagina principale del negozio virtuale. In questo caso, il codice di origine avrebbe il seguente aspetto:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Documento di prova</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <P><I>Facciamo finta</I></P> <BLOCKQUOTE> <P>che questo sia un complesso <FONT COLOR="#D01218">collage</FONT> di</P> <P ALIGN=CENTER><FONT SIZE=+3>testo</FONT> e</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> immagini. </BLOCKQUOTE> </BODY> </HTML> |
Se non si sa come visualizzare il codice di origine di un documento creato con un editor HTML, consultare la documentazione del programma.
Dopo aver creato questo documento, è possibile rimuovere la sezione del corpo e inserirla in uno dei campi di testo della pagina principale del negozio. A questo scopo, evidenziare e copiare tutte le informazioni comprese tra i tag <BODY BGCOLOR="#ffffff"> e </BODY>. La sezione "BODY" può essere seguita da altre informazioni come "LINK", "ALINK" e "VLINK", che tuttavia non devono essere copiate. Le informazioni da utilizzare sono quelle che seguono il tag >. Tornando al nostro esempio, scegliere le informazioni evidenziate nella figura:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Documento di prova</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> |
<P><I>Facciamo finta</I></P> <BLOCKQUOTE> <P>che questo sia un complesso <FONT COLOR="#D01218">collage</FONT> di</P> <P ALIGN=CENTER><FONT SIZE=+3>testo</FONT> e</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> immagini. </BLOCKQUOTE> |
</BODY> </HTML>
|
La sezione centrale (evidenziata nella figura) è quella che deve essere copiata dal documento creato con l'editor HTML e incollata in un campo di testo della sezione "Pagine" di ShopSite. Quando si genera il negozio virtuale sulla base del contenuto del database, il blocco di testo copiato viene integrato nei dati del negozio.
Alcune delle informazioni che possono essere specificate con un editor, ovvero il colore di sfondo e il colore del testo del documento, le immagini di sfondo e i tag Meta, devono essere impostate separatamente nella sezione del layout di pagina di ShopSite. Questi attributi, infatti, devono essere applicati ad altre informazioni che possono essere generate sulla pagina (ad esempio i prodotti e il piè di pagina) e pertanto devono essere inseriti in campi di dati distinti.
La velocità di sviluppo di nuovi prodotti ci impedisce di consigliare un editor HTML specifico. Come per tutti i programmi, l'ideale è consultare le recensioni che vengono pubblicate sulle riviste specializzate e sul Web. Tra gli editor WYSIWYG più conosciuti possiamo citare Adobe PageMill, Claris Home Page, Microsoft FrontPage e NetObjects Fusion.
Pagina Principale della Guida | Cerca | Feedback
Per inviare commenti o richiedere informazioni aggiuntive, utilizzare un messaggio email di feedback.