    |
|
    |
|
|
|
|
Au début, l’écriture de documents HTML était un processus fastidieux qui obligeait à mémoriser des centaines de codes ou à travailler avec un manuel spécialisé ouvert sur les genoux. Avec la montée en popularité d’Internet, la publication de site Web a progressivement été facilitée par des éditeurs HTML, sortes de traitements de texte pour documents Web.
Les premiers éditeurs automatisaient simplement quelques unes des tâches de codage qui devaient précédemment être exécutées à la main, comme celle de placer des balises <b> et </b> de part et d’autre d’un mot pour l’afficher en gras. Désormais, les éditeurs WYSIWYG, acronyme de "What You See Is What You Get" (vous obtiendrez ce que vous voyez), permettent de voir les pages Web telles qu’elles s’afficheront en ligne. Pour les débutants en matière de Web, ces éditeurs sont extrêmement utiles.
Il est certainement possible d’utiliser un éditeur WYSIWYG pour créer votre magasin ShopSite. Toutefois, à la différences des sites Web traditionnels, le magasin ShopSite est le fruit de l’intégration d’un site Web et d’une base de données. Pour que le système de commande en ligne fonctionne et pour que les changements que vous apportez aux bases de données transparaissent sur le site Web, vous devez travailler dans le système ShopSite. C’est pourquoi vous ne pouvez pas simplement concevoir un site Web à l’aide d’un éditeur et le télécharger vers le magasin ShopSite.
Vous pouvez en revanche utiliser l’éditeur pour concevoir des composants que vous collerez ensuite dans vos pages ShopSite, par exemple pour créer un collage complexe de texte et d’images pour la page d’accueil du magasin. Lorsque vous aurez terminé, le code source ressemblera à ceci :
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Document test</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <P><I>Imaginons</I></P> <BLOCKQUOTE> <P>que ceci est un <FONT COLOR="#D01218">collage</FONT> complexe de</P> <P ALIGN=CENTER><FONT SIZE=+3>texte</FONT> et</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> images. </BLOCKQUOTE> </BODY> </HTML> |
(si vous ne savez pas comment afficher le code source d’un document créé avec un éditeur HTML, consultez la documentation).
Après avoir créé ce document, vous pouvez en supprimer le corps et l’insérer dans l’un des champs de texte de la page principale du magasin. Pour ce faire, mettez en surbrillance et copiez tout ce qui se trouve entre les balises <BODY BGCOLOR="#ffffff"> et </BODY>. Il se peut qu’il y ait d’autres informations au-delà de "BODY" telles que "LINK" "ALINK" et "VLINK". Ne les copiez pas. Copiez uniquement ce qui se trouve derrière la balise >. Pour revenir à notre exemple, sélectionnez les informations en surbrillance suivantes :
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Document test</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> |
<P><I>Imaginons</I></P> <BLOCKQUOTE> <P>que ceci est un <FONT COLOR="#D01218">collage</FONT> complexe de</P> <P ALIGN=CENTER><FONT SIZE=+3>texte</FONT> et</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> d’images. </BLOCKQUOTE> |
</BODY> </HTML>
|
La section centrale (entourée ici) est la portion du document créé à l’aide de l’éditeur HTML que vous devez copier et coller dans un champ texte de la section "Pages" de ShopSite. Ensuite, une fois le magasin généré en fonction du contenu de la base de données, ce bloc de texte fera entièrement partie des données du magasin.
Certaines des informations que vous pouvez spécifier pour la page à l’aide de l’éditeur, en particulier les couleurs de fond et de texte pour le document, les images de fond et les balises méta, devront être spécifiées séparément dans la section Mise en page de ShopSite, car ces attributs doivent s’appliquer à d’autres informations qui pourraient être générées sur la page, telles que des produits et un pied de page, de sorte qu’elles doivent être entrées comme des champs de données distincts.
Nous ne pouvons pas recommander d’éditeur HTML spécifique, car de nouveaux développements rendraient rapidement nos recommendations obsolètes. Comme pour tout logiciel, il est conseillé de consulter divers magazines et sites Web pour obtenir une présentation des différents programmes. Parmi les éditeurs WYSIWYG les mieux connus figurent Adobe PageMill, Claris Home Page, Microsoft FrontPage et NetObjects Fusion.
Retour à la page principale | Rechercher | Feed-back
Si vous ne trouvez pas l’aide dont vous avez besoin, n’hésitez pas à nous contacter.