Deutsche Anleitung für

Was ist TagBot™ ?

TagBot ist ein Programm mit dem HTML Vorlagen einfacher bearbeitet und verändert werden können. Durch spezielle Codes im Vorlagendesign erscheint für den Nutzer der Vorlagen eine einfache Eingabemaske in der Werte für das Design und eigene Texte eingegeben werden können.

Eine einfache und praktische Lösung für alle, die weder Zeit noch Lust haben sich mit HTML zu beschäftigen und die dennoch gern gut gestaltete Auktionen haben möchten.

Als Nutzer öffnest du nur eine der Vorlagen, die mit Programm selbst geliefert werden oder die du von mir erhalten hast. Um die Vorlage anzupassen (Farben und Größen zu ändern) oder um die Bildadressen eigener Bilder einzutragen, musst du nicht mehr im Quelltext suchen. Der eigentliche HTML Code ist versteckt und es werden nur die wichtigen Daten angezeigt, die verändert werden können. Du brauchst anschließend nur die Felder für Titel, Beschreibung (und Fotos - wenn du sie auf eigenem Webspace hast) ausfüllen - der HTML Code wird automatisch erzeugt und kann kopiert oder als Datei gespeichert werden.

Download des kostenlosen Programms bei ISDN*tek

Diese Anleitung beschreibt die Möglichkeiten des Programms für die Nutzer von Vorlagen. Für Designer/ Programmierer gibt es zusätzliche Teile in der vollständigen englischen Anleitung.

Es ist empfehlenswert, die komplette Version (978KB) zu laden - hier sind schöne Vorlagen enthalten. Mehr Vorlagen für das Programm gibt es dort ebenfalls. (Diese Vorlagentexte in den Windows-Editor kopieren und mit der Dateiendung .tpl im Ordner Templates des Programms speichern.)

Geschrieben habe ich die Anleitung, weil es bearbeitete Vorlagen dafür auch von mir gibt - bzw. geben soll. (unter Auktionsvorlagen)

Wie benutzt man das Programm?

Nach dem Download installieren und eventuell meine Vorlage(n) in den Ordner ...TagBot/Templates kopieren.

Eine Vorlage öffnen

Wenn du das Programm startest, ist der Bildschirm leer oder eine Beispieldatei ist geladen. Wähle unter "file > open" die gewünschte Vorlage aus dem Templates Ordner. Es wird dann geladen - bei großen Vorlagen kann dies eine Weile dauern - der Fortschritt wird im EDIT Tab oben rechts angezeigt. Pfad und Name der geladenen Datei wird in der Adresszeile angezeigt.

Fertig zur Dateneingabe

Unterhalb des Menüs sind drei Tabs. Im MARKUP Tab wird der Code für diese Art der Vorlage eingegeben. Wenn du nur einfach eine Vorlage benutzen möchtest, dann solltest du hier nichts ändern. Sonst bitte zum Gebrauch die komplette englische Anleitung lesen.

Im EDIT Tab siehst du jetzt die Datenfelder. Links neben jedem Feld steht eine kurze Beschreibung dessen, was im jeweiligen Feld eingegeben werden soll. (bei meinen Vorlagen auch auf deutsch)
In vielen Feldern wird schon etwas stehen was du verändern/ ersetzen kannst. Wenn du deine Änderungen verwerfen möchtest oder noch einmal von vorn anfangen willst, dann klick auf den "Reload Template" Button, um das Original der Vorlage mit den ursprünglichen Einstellungen neu zu laden.

Im EXPORT Tab findest du deinen fertigen HTML Code - er wird jedes Mal neu erstellt wenn du in dieses Fenster wechselst. Von dort aus kannst du auch die Vorschau in einem Browserfenster öffnen. Für eine schnelle Vorschau zwischendurch einfach auf den EXPORT Tab doppelklicken.

Du wirst wahrscheinlich Felder in verschiedenen Farben im EDIT Tab finden. Dies ist abhängig vom Design(er) der Vorlage. Möglich sind:

• gelb: dies sind globale Variablen oder Themen, die dann in der Vorlage an verschiedenen Stellen Auswirkungen haben. Im Beispiel unten der URL deiner Bilder und ein generelles Farbthema.
  
  
• orange: hier stehen Werte, die das Design der Vorlage bestimmen wie Farben, Schriftgrößen und ähnliches. Was jeweils geändert wird steht links. Manchmal findest du unterhalb solcher Felder auch Optionsbuttons - wenn du sie anklickst wird ihr Wert im Feld eingefügt.

• grün: hier findest du Erläuterungen und Hinweise, wie du mit der Vorlage umgehen solltest. Lies sie bevor du fortfährst. Wenn es ein längerer Text ist, dann klick auf das kleine Lupensymbol links neben dem Feld - der Inhalt öffnet sich dann in einem neuen Fenster.
  
  
• weiß: dies sind die Felder für deine Texte - Überschriften und Beschreibung.
  
  
• blau: Felder für eine Internetadresse für Bilder oder Links
  
  
• rosa: wirst du wahrscheinlich in allgemeinen Vorlagen nicht finden - aber es ist möglich, Texte aus einer externen Datei in den Quelltext einzufügen - dann werden hier Pfad und Dateiname eingegeben. (Diese Option ist für AGB, Versandkostentabellen und andere lange Texte praktisch - notwendig auch, wenn du Javascript einfügen willst, dies verträgt sich nicht mit dem Programm)
  Wenn du in diesen Feldern links auf die + Lupe klickst, kannst du den Rechner nach der entsprechenden Datei durchsuchen. Wenn du keine Datei einfügen möchtest, dann deaktiviere die Option und speichere deine Einstellung - sonnst bekommst du beim Aufruf der Vorschau eine Fehlermeldung.
  
  

Abschnitte, die von einer gestrichelten Linie umgeben sind, sind optional - wenn du sie nicht verwenden möchtest, dann kannst du die Checkbox "Include this Section" deaktivieren.

Eigene Einstellungen als Standard speichern.

Ab einem bestimmten Punkt möchtest du die Standardeinstellungen und Texte, die beim Laden der Vorlage erscheinen, durch deine eigenen Einstellungen ersetzen und diese sichern.
Der EDIT Tab hat zwei Buttons: mit Save werden deine Eingaben gespeichert und mit Get kannst du nach dem Öffnen der Originalvorlage deine Einstellungen wiederherstellen.
Deine Einstellungen werden in einer extra Datei mit der Endung .tpe gespeichert. Wenn eine Vorlage geladen wird, dann sucht das Programm nach einer verfügbaren passenden .TPE Datei - wird eine gefunden, ist der Get Button aktiviert. Du kannst damit jederzeit deine gesicherten Einstellungen wiederherstellen.

Für jede Vorlage kann es nur eine TPE Datei geben - wenn du verschiedene Einstellungen sichern möchtest, dann speichere eine Kopie der Vorlage unter anderem Namen (vom MARKUP Tab aus). Dann kannst du für jede Kopie Standardeinstellungen speichern.

Vergrößerung des Eingabefeldes

Wenn du im EDIT Tab auf das "+" Symbol neben den Eingabefeld klicks,t öffnet sich ein größeres Eingabefenster. In den Eingabefeldern für Text sind hier ein paar Buttons für gängige HTML tags verfügbar, die du in Titel und Beschreibung verwenden kannst. Dazu musst du den entsprechenden Text markieren und dann den Button klicken.

B = bold/fett, I = italic/kursiv, U = underline/unterstrichen, • = Listenpunkte, -/+ = Schrift verkleinern/vergrößern, sp = (geschütztes) Leerzeichen, br = Zeilenumbruch, clear = entfernt die HTML-tags aus dem markierten Bereich ohne den Text zu löschen.
Die entsprechenden Tastenkombinationen findest du im Menüpunkt "Edit".
Die Größe der Textfelder ist auf 5000 Zeichen je Feld begrenzt.

HTML-Code exportieren

Mit Klick bzw. Doppelklick auf den EXPORT Tab kann jederzeit die Vorschau aufgerufen werden. Der Quelltext im EXPORT Tab wird bei jedem Aufruf neu erstellt - hier solltest du daher keine Änderungen vornehmen, weil sie beim nächsten Aufruf gelöscht werden.

Mit dem COPY Button unten auf der EXPORT Seite wird der erstellte Quelltext in die Zwischenablage kopiert und da kannst ihn dann ins Online-Verkaufsformular, den Turbo Lister oder jedes andere Programm einfügen.

Vorschau des Ergebnisses

Der PREVIEW Button öffnet ein Browserfenster und zeigt eine Vorschau. Du kannst dies so oft aufrufen wie du möchtest, um deine Ergebnisse zu überprüfen.

Speichern

Wenn du mit dem Ergebnis zufrieden bist, dann kannst du den HTML Code auch aus dem Menü File > "Save as Auction Code" in eine Datei speichern. Du kannst sie im HTML Format speichern oder als .txt Datei, um es einfacher zu machen sie mit einem Texteditor (Windows Notepad) zu öffnen und um sie später irgendwo einzufügen. Speichere jede Auktion mit einem anderen Dateinamen.

Nach dem Speichern kannst du zum EDIT Tab zurückwechseln und mit den gleichen oder anderen Einstellungen ein weiteres Angebot erstellen.

Du wirst nach kurzer Zeit feststellen, dass es sehr bequem ist in dieser Weise Auktionen zu erstellen. Wenn du spezielle Fragen zu einer Vorlage von mir hast oder für deine Zwecke zusätzliche/ weniger/ andere Felder in einer Vorlage von mir benötigst, dann mail mir.