    |
|
    |
|
|
|
|
Anfänglich war das Erstellen von HTML-Dokumenten ein mühsamer Vorgang. Man musste Hunderte von rätselhaften Codesegmenten lernen oder ständig ein Handbuch zu Rate ziehen. Als das Internet sich mehr und mehr ausbreitete, wurden HTML-Editoren entwickelt, um die Arbeit mit Webdokumenten zu erleichtern. HTML-Editoren sind nichts anderes als Textverarbeitungsprogramme für Webdokumente.
Die ersten Editoren automatisierten in gewissem Maße die Erstellung des Codes, die bisher manuell durchgeführt werden musste. Beispielsweise konnten diese Editoren ein Wort für Fettschrift in die Tags <b> und </b> einschließen. Mit modernen WYSIWYG-Editoren (What You See Is What You Get) können Sie Ihre Webseiten so erstellen, wie sie online angezeigt werden sollen. Für Neulinge im Webdesign sind diese Editoren von unschätzbarem Wert.
Sie können problemlos einen WYSIWYG-Editor verwenden, um Ihren ShopSite-Shop zu erstellen. Im Gegensatz zu herkömmlichen Websites besteht Ihr ShopSite-Shop jedoch aus einer Website und einer Datenbank. Sie müssen innerhalb des ShopSite-Systems arbeiten, damit Ihr Online-Bestellsystem funktioniert und damit Änderungen an Ihren Datenbanken auf Ihrer Website berücksichtigt werden. Daher können Sie nicht einfach mit einem Editor eine Website entwerfen und in Ihren ShopSite-Shop hochladen.
Sie können jedoch einen Editor einsetzen, um bestimmte Komponenten zu entwerfen, die Sie dann in Ihre ShopSite-Seiten einfügen. Auf diese Weise lässt sich beispielsweise eine interessante Collage aus Text und Bildern für die Hauptseite Ihres Shops erstellen. Nach Abschluss Ihrer Arbeit würde der Quellcode folgendermaßen aussehen:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Test Document</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <P><I>Let's Pretend</I></P> <BLOCKQUOTE> <P>that this is a complex <FONT COLOR="#D01218">collage</FONT> of</P> <P ALIGN=CENTER><FONT SIZE=+3>text</FONT> and</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> images. </BLOCKQUOTE> </BODY> </HTML> |
(Wenn Sie nicht wissen, wie Sie den Quellcode eines Dokuments anzeigen, das mit einem HTML-Editor erstellt wurde, schlagen Sie in der Dokumentation nach.)
Wenn Sie dieses Dokument erstellt haben, können Sie den Body-Abschnitt daraus entfernen und in eines der Textfelder auf der Hauptseite Ihres Shops einfügen. Wählen Sie dazu den gesamten Code zwischen den Tags <BODY BGCOLOR="#ffffff"> und </BODY> aus, und kopieren Sie ihn. Nach "BODY" können noch weitere Informationen vorhanden sein, wie "LINK" "ALINK" und "VLINK". Kopieren Sie diese Informationen nicht, sondern nur den Code nach dem Tag >. Kehren wir nun zu unserem Beispiel zurück. Wählen Sie die folgenden hervorgehobenen Informationen aus:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Test Document</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> |
<P><I>Let's Pretend</I></P> <BLOCKQUOTE> <P>that this is a complex <FONT COLOR="#D01218">collage</FONT> of</P> <P ALIGN=CENTER><FONT SIZE=+3>text</FONT> and</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> images. </BLOCKQUOTE> |
</BODY> </HTML>
|
Der hier angegebene mittlere Abschnitt ist der Bereich, den Sie aus dem mit einem HTML-Editor erstellten Dokument kopieren und in ein Textfeld im Abschnitt "Seiten" in ShopSite einfügen sollten. Wenn Ihr Shop anschließend auf Grundlage des Datenbankinhalts erstellt wird, gehört der gesamte Textblock zu den Daten Ihres Shops.
Einige der Informationen, die Sie mit einem Editor für Ihre Seite definieren können, müssen im Abschnitt "Seitenlayout" von ShopSite separat angegeben werden. Zu diesen Informationen gehören insbesondere Hintergrund- und Textfarben, Hintergrundbilder und Meta-Tags. Der Grund hierfür ist, dass diese Attribute für andere Informationen gelten müssen, die eventuell auf der Seite erstellt werden, wie beispielsweise Produkte oder eine Fußzeile. Sie müssen daher als separate Datenfelder eingegeben werden.
Wir können keine spezifischen HTML-Editoren empfehlen, da ständig neue Programme auf den Markt kommen und unsere Empfehlungen schon bald nicht mehr gültig wären. Wie auch bei anderen Softwareprogrammen ist es hilfreich, Fachzeitschriften zu lesen und sich auf anderen Websites zu informieren. Einige bekannte WYSIWYG-Editoren sind Adobe PageMill, Claris Home Page, Microsoft FrontPage und NetObjects Fusion.
Zurück zur Hauptseite der Hilfe | Suchen | Ihr Feedback
Wenn Sie die benötigte Hilfe nicht finden können, hinterlassen Sie bitte detailliertes Feedback.