Hilfe zum Generator und HTML-Hilfe
Diese Seite soll einen Überblick über die Funktionen von MachHTML bieten.
Die HTML-Hilfe enthält Informationen zur Verwendung von HTML-Code im Generator
sowie Besonderheiten zu verschiedenen Handelsplattformen
(z. B. Link zu eigenen Artikeln).
|
Allgemeines
Der Generator ist in verschiedene Ebenen gegliedert. Es werden quasi mehrere
"Folien" übereinander gelegt.
Die 1.Ebene ist die Dekoration und kann auch weggelassen werden
("Keine Dekoration!" im "Seitenwerkzeug").
Die 2.Ebene ist der Hintergrund der Vorlage und kann ebenfalls im "Seitenwerkzeug" verändert werden (Hintergrundfarbe und Rahmen).
Die 3.Ebene besteht aus mindestens einer "Reihe". Eine Reihe kann "Texte", "Listen", "Bilder" oder die "Bildergalerie" enthalten.
Damit die Gestaltungsmöglichkeiten übersichtlich und einfach in der Bedienung bleiben, gibt es die Möglichkeit mehrere Reihen einzufügen.
Das Werkzeug oben passt sich der Auswahl an. Wird z.B. ein "Text" angewählt oder hinzugefügt, so wird das passende "Textwerkzeug" angezeigt.
"Vorschau" drücken um das Ergebnis zu kontrollieren und/oder die fertige "Artikelbeschreibung" für die Handelsplattform zu kopieren.
Der Generator wird immer im "Kompakt Modus" gestartet. Dies bedeutet, dass nicht alle Werkzeuge für die Reihenformatierung angezeigt werden und dient der Übersichtlichkeit.
Tipps
- In ein Textfeld kann HTML-Code eingefügt werden. So können Videos, Musik, ja sogar ganze HTML-Seiten an beliebiger Stelle Ihres Angebots eingefügt werden (siehe "-Kurzanleitung-" bei den Vorlagen).
nach oben
|
Bilderverwaltung und Bildupload
Hier können Sie Bilder auf Ihren Webspace bei MachHTML hochladen und löschen.
Bilder, die größer als 640x480 Pixel (beim 3,90-Paket 800x600 Pixel) sind,
werden beim Hochladen proportional verkleinert.
Bilder, deren Dateigröße über 100 Kb ist, werden automatisch komprimiert.
Um ein Bild hochzuladen (Sie müssen eingeloggt sein) auf "Durchsuchen..." klicken, Bild vom eigenen Rechner wählen und dann auf "Bild hochladen". Oben wird dann angezeigt ob es funktioniert hat.
nach oben
|
Galerie
Die Galerie kann nur von angemeldeten Nutzern bearbeitet werden. Wird die Galerie nicht benötigt, einfach die "Galerie ausblenden".
Die Galerie kann nur in leeren Spalten platziert werden! Soll die Galerie an anderer Stelle angezeigt werden,
kann diese über den Galerie-Knopf einfach versetzt werden. Auch wenn die Galerie ausgeblendet wurde, muss Diese nicht neu erstellt werden.
Mit einem Mausklick auf eine Kamera oder ein bereits vorhandenes Thumb-Bild der Galerie
öffnet sich ein neues Fenster. In diesem kann jetzt eine Bildurl eingetragen, ein Bild hochgeladen oder ein bereits
hochgeladenes Bild ausgewählt werden.
Um ein Bild hochzuladen auf "Durchsuchen..." klicken, Bild vom eigenen Rechner wählen und
dann auf "Bild hochladen". Oben wird dann angezeigt ob es funktioniert hat.
Wird eine URL eingetragen kann MachHTML die großen Bilder nicht verkleinern und für einen Thumb optimieren;
diese Bilder werden proportional "zusammengepresst".
Tipps
- Die Galerie kann nur in leeren Spalten platziert werden!
- Um ein Standardbild automatisch anzuzeigen, muss die Spalte neben der Galerie-Spalte leer sein.
Die anderen Bilder werden sichtbar beim Überfahren des Thumbs (kleines Bild) mit der Maus.
- Nutzer mit eigenem Webspace können auch die CSS-Galerie in den Tools von MachHTML
nutzen. Den erstellten Code dann einfach in ein separates Textfeld des Angebotsgenerators einfügen!
nach oben
|
Seitenwerkzeug (immer zugänglich)
Im "Seitenwerkzeug" kann eine "Dekoration", eine "Hintergrundfarbe" und ein "Rahmen"
für die gesamte Vorlage gewählt werden.
Eine Dekoration auswählen, ändern oder wieder ausschalten über den
Dekoration-Knopf im "Seitenwerkzeug".
Einen Rahmen-Stil auswählen, dann kann die Rahmen-Breite und -Farbe gewählt werden.
Rahmen ausschalten indem bei Rahmen-Stil "nicht ausgewählt" gewählt wird.
nach oben
|
Reihe
Die "Reihe" nimmt die eigentlichen Elemente (Text, Liste, Bild oder Galerie)
des Inhalts auf. Es werden je Reihe 2 Spalten angeboten. Nicht belegte Spalten
werden vom Generator ignoriert und in der Vorschau nicht angezeigt.
In jede Spalte können so viele Elemente wie gewünscht eingefügt werden.
Für jede Reihe kann eine eigene Hintergrundfarbe ("Farbe") und auch ein "Rahmen"
gewählt werden. Wird hier "transparent" als "Farbe" verwendet (Standard) erhält die
Reihe automatisch die Farbe des Hintergrunds.
Abstände zu darüber liegenden Reihen werden direkt in der Reihe eingetragen (Standard sind 10px).
Wenn der "Kompakt-Modus" ausgeschaltet ist
werden die Knöpfe für die Reihenformatierung sichtbar, kann also jede Reihe einzeln ausgerichtet werden.
Standardmäßig ist jede Reihe zentriert und jede Spalte oben ausgerichtet.
Tipps
- Achten Sie darauf, dass die Reihen nicht zu breit werden!
800 Pixel(px) sollten, um die Breite der Auktion nicht zu sprengen, nicht überschritten werden.
Wenn also in der linken Spalte das breiteste Element ein Bild mit 350 px Breite ist,
dann sollte in der rechten Spalte der selben Reihe kein Element
(Text, Liste, Bild) breiter als 450 px sein.
- Die Reihenausrichtung produziert je nach Dekoration und Formatierung der Elemente
unterschiedliche Ergebnisse und wird daher nur Fortgeschrittenen empfohlen!
nach oben
|
Text
Textfelder können an der gewünschten Stelle der Vorlage über den "Text"-Knopf
hinzugefügt werden.
Wenn Sie in ein Textfeld klicken wird das Textwerkzeug oben sichtbar.
Dort können dann für das gewählte Textfeld die Schriftfamilie, Schriftgröße, Schriftfarbe,
Texthintergrundfarbe, Textfluss (links, rechts oder zentriert), Fett- und Kursivschrift
(gilt für das gesamte Textfeld) sowie die Textfeldbreite und die Abstände zu benachbarten
Elementen angegeben werden.
Tipps
- Sie können ein neues Textfeld mit der gleichen Formatierung wie ein bereits
vorhandenes erstellen (Farben, Breite, Schrift, Hintergrund). Neue Textfelder
erhalten automatisch die Formatierung des zuletzt ausgewählten Textes.
- Für einen Absatz (Zeilenumbruch) einfach einen neuen Text erstellen (Enter
wird vom Generator nicht interpretiert). Alternativ kann auch
<br> in das Textfeld geschrieben werden.
Das ist der HTML-Befehl für einen Zeilenumbruch ("BR-Tag").
- In ein Textfeld kann HTML-Code eingefügt werden. So können Videos,
Musik, ja sogar ganze HTML-Seiten an beliebiger Stelle Ihres
Angebots eingefügt werden (siehe "-Kurzanleitung-" bei den Vorlagen).
nach oben
|
Liste
Listen können an der gewünschten Stelle der Vorlage über den "Liste"-Knopf hinzugefügt werden.
Wenn Sie in eine Liste klicken wird das Listenwerkzeug oben sichtbar.
Dort sind dann wieder die gleichen Formatierungsmöglichkeiten wie bei einem Text vorhanden.
Fett- und Kursivschrift sind für jeden einzelnen Listenpunkt-Text wählbar.
Über den "Plus"-Knopf
können weitere Listenpunkte zur Liste hinzugefügt werden.
Mit dem kleinen "X"-Knopf
werden nicht benötigte Listenpunkte wieder gelöscht.
Tipps
- Sie können eine neue Liste mit der gleichen Formatierung wie eine bereits
vorhandene erstellen (Farben, Breite, Schrift, Hintergrund).Neue Listen erhalten
automatisch die Formatierung der zuletzt ausgewählten Liste.
- Die Listen-PUNKTE für jede Liste können verändert werden. Auf einen Punkt
der Liste klicken (direkt vor dem Listentext), dann öffnet sich ein neues Fenster.
In diesem können dann die gewünschten Punkte gewählt oder die URL für eigene
Listenpunkte angegeben werden (max. 25px/18px Breite/Höhe).
nach oben
|
Bild
Bilder werden über das "Kamera"-Symbol an der gewünschten Stelle eingefügt.
Durch Drücken von öffnet sich ein neues Fenster.
Fügen Sie eine "Bild-Adresse (URL)" in das gleichnamige Feld ein und drücken auf
"Bild-Vorschau" und danach auf "Bild in Vorlage einfügen".
Um ein Bild hochzuladen auf "Durchsuchen..." klicken, Bild vom eigenen Rechner wählen und dann auf "Bild hochladen". Oben wird dann angezeigt ob es funktioniert hat.
Gespeicherte Bilder können jetzt unten ausgewählt werden, dann erscheint das Bild. Jetzt "In Vorlage einfügen" oder Doppelklick auf das kleine Bild und es wird in die Vorlage übernommen.
Tipps
- WICHTIG: Achten Sie auf die Datei- und Bildgröße
- Bilder mit einer Breite von mehr als 800 Pixel können die Bildschirmbreite sprengen
(der Betrachter muss dann nach links und rechts scrollen).
Bilder, die eine Dateigröße von mehr als 150 KB haben,
verlängern die Ladezeit einer Seite.
- Geeignete Werte sind z.B. 640 x 480
Pixel und eine Dateigröße von 50 KB.
nach oben
|
HTML-Hilfe
In HTML gibt es sogenannte "Tags", damit lassen sich das gesamte Aussehen einer
Internet-Seite beeinflussen oder z.B. Links zu anderen Seiten und Bildern einfügen.
Da diese "Tags" immer mit einem < anfangen und einem
> enden, dürfen diese beiden
Zeichen nicht achtlos in normalen Texten verwendet werden.
In die Textfelder und Listen beim Generator von MachHTML kann auch HTML-Code
eingefügt werden. Deshalb dürfen keine "Größerzeichen" > und keine
"Kleinerzeichen" < verwendet werden. Es gibt allerdings die Möglichkeit einen Alias
dafür zu verwenden. In der Vorschau sehen Sie dann ein < für <
und ein > für >.
Keine Angst, wenn Sie die Artikelbeschreibung kopieren und bei Ihrer Handelsplattform einfügen, werden dann die gewünschten Zeichen angezeigt.
Hier eine Liste mit der Sie diese und andere Zeichen, die nicht auf Ihrer Tastatur zu finden sind, kopieren und in Ihre Vorlage einfügen können:
| gewünschtes Zeichen |
erhalten Sie mit |
| < |
&lt; |
| > |
&gt; |
gewünschtes Zeichen (kann direkt kopiert werden) |
erhalten Sie mit |
| £ |
£ |
| © |
© |
| ® |
® |
| ¼ |
¼ |
| ½ |
½ |
| ¾ |
¾ |
| Ø |
Ø |
| ™ |
™ |
Einzelne Wörter in Fettschrift
Mit MachHTML können nur ganze Textfelder und einzelne Listenpunkte "fett" dargestellt werden.
Sie können aber auch ganz einfach einzelne Wörter "fett" machen. Dazu muss vor dem Text der "fett"
werden soll <b> und danach </b> eingetragen werden. Hier ein Beispiel:
Das ist ein <b>ganz schön Fetter Text</b>
zwischen den "HTML-Tags".
sieht dann so aus:
Das ist ein ganz schön Fetter Text zwischen den "HTML-Tags".
Link zu Ihren anderen Angeboten
Dafür gibt es jetzt das Link-Tool von MachHTML.
Dieses erzeugt den nötigen Code für eBay, Hood.de, amprice, AuVito, Azubo und BesteAuktion.
nach oben
|
|
|