Artisteer: Webdesign-Vorlagen erstellen und in Blogger hochladen

Was ist Artisteer?

Artisteer ist eine Windows-Anwendung, mit der Sie Design-Vorlagen für Webseiten und Blogs erstellen können.

Was ist ein WYSIWYG-Editor?

WYSIWYG (Abkürzung für What You See Is What You Get) ermöglicht es Ihnen, attraktive Designs durch einfaches Klicken auf Optionen zu erstellen und die Änderungen sofort auf dem Bildschirm zu sehen.

Für welche Content-Plattformen werden Vorlagen erstellt?

Vorlagen können für folgende Plattformen erstellt werden: Blogger, Joomla, WordPress, Drupal und .NET-Anwendungen.

Welche Dateiformate unterstützt Artisteer?

Die unterstützten Formate sind: ARTX, HTML, ZIP und XML.

Bestandteile der Artisteer-Benutzeroberfläche

• Titelleiste: Zeigt den Namen des Programms und die aktuell aktive Datei an.
• Schnellzugriffsleiste (Quick Access Bar): Enthält die am häufigsten verwendeten Optionen wie Speichern, Öffnen, Rückgängig machen usw. Diese Leiste kann bei Bedarf angepasst werden.
• Vorschau-Bereich: Zeigt die Vorlage und die vorgenommenen Änderungen an.

Das Menüband (Gruppe von Optionen)

Das Menüband zeigt die Aktionen, organisiert in Registerkarten wie Ideen, Farbe und Schriftart, Layout und weitere Layout-Details.

Die Artisteer-Schaltfläche (Datei-Menü)

Die Artisteer-Schaltfläche öffnet ein Menü mit den wichtigsten Dateioperationen:

• Erstellen einer neuen Datei, Öffnen einer vorhandenen, Speichern, Exportieren und im Browser anzeigen.
• Sie finden dort auch Informationen über das Programm und die Möglichkeit, Artisteer zu konfigurieren (Optionen) oder die Anwendung zu beenden (Verlassen).

Anleitung: Artisteer-Vorlage in Blogger hochladen

Export der Vorlage aus Artisteer

Nachdem die Vorlage fertiggestellt ist, müssen Sie diese im passenden Format für die Ziel-Website EXPORTIEREN. Klicken Sie dazu auf die Schaltfläche Export im Artisteer-Menü. Geben Sie im Dialogfenster den Namen der gewünschten Vorlage und den Ordner an, in dem Sie die Dateien speichern möchten.

Wählen Sie die Option "Export als ZIP-Datei", um alle Dateien zu komprimieren und zu paketieren. Wenn Sie den Inhalt der ZIP-Datei überprüfen, werden Sie feststellen, dass sie viele Bilder und die eigentliche Vorlage im Format Template.xml enthält. Zusammen bilden diese Dateien die vollständige Vorlage.

Schritte zum Hochladen der Blogger-Vorlage

1. Melden Sie sich bei Ihrem Blogger-Blog an und aktivieren Sie ihn.
2. Gehen Sie im Blog zum Bereich "Design" und klicken Sie dann auf "HTML bearbeiten" (Edit HTML Templates).
3. Es wird dringend empfohlen, eine Sicherungskopie der aktuell verwendeten Vorlage zu erstellen.
4. Um die alte Vorlage zu ersetzen, klicken Sie auf die Schaltfläche Durchsuchen, wählen Sie die neue Vorlagendatei main.xml von Ihrer Festplatte aus. Schließen Sie den Vorgang ab, indem Sie die Änderungen speichern.

Erklärung der Registerkarten in Artisteer

Layout (Disposition)

Hier können Sie das Seitenlayout und die Position der Elemente ändern.

Farben und Schriftarten

Wählen Sie 3 Farbthemen, die durch das Programm vorgegeben sind. Alternativ können Sie 3 eigene Farben wählen und diese als Thema speichern. Sie können mehrere Änderungen an den gewählten Farben vornehmen. Für die Schriftarten können Sie Schriftart und -größe festlegen.

Menü

Hier wählen Sie, wie alle Teile des Menüs dargestellt werden sollen: die Menüleisten-Elemente und Unterelemente. Es gibt auch die Wahl des Seitenlayouts sowie Formate und Konfigurationen dafür.

Ideen

In dieser Registerkarte können Sie die automatische Generierung zufälliger Vorlagen nutzen, die das gesamte Design ändert oder nur bestimmte Elemente einzeln auswählt. Zu den Elementen, die Sie vorschlagen lassen können, gehören: Farben, Schriften, Layout, Hintergrund, Blatt, Kopfzeile, Menü, Design-Artikel, Blöcke, Schaltflächen und Fußzeile. Dies ist hilfreich, wenn Sie mit dem Programm beginnen.

Hintergrund (Bottom Line)

Sie können eine Standardoption wählen, aus einer vorhandenen Datei öffnen oder einfach eine Farbe festlegen und Effekte wie *Leuchten*, *Farbverlauf*, *Textur* oder ein *Bild* hinzufügen. Wenn Sie auf Optionen klicken, öffnet sich ein Fenster, in dem Sie die Ausrichtung und Transparenz des Leuchtens, die Textur-Auswahl, die Position sowie die Höhe und Neigung festlegen können.

Blatt (Canvas)

Sie können ein Standard-Blatt auswählen oder selbst eines erstellen, indem Sie Optionen wie Breite, Versatz (von oben), Randabstand, Radius, Breite und Farbe für den Rahmen, Transparenz und verschiedene Schatteneffekte festlegen.

Kopfzeile (Header)

Sie können die Breite und Höhe der Kopfzeile sowie die Merkmale des Textblocks und dessen Hintergrund anpassen. Sie können auch ein Vordergrundbild hinzufügen und dessen Größe und Position anpassen, einen Flash-Effekt hinzufügen und den Stil sowie die Farbe der Überschrift wählen. Wenn Sie einen Titel und einen Slogan schreiben möchten, müssen Sie dies in dieser Registerkarte tun.

Artikel (Content)

In dieser Registerkarte definieren Sie die Merkmale von Inhaltsobjekten, Einträgen oder Posts. Sie können Folgendes konfigurieren:

• Ein Basis-Image und Stil, einschließlich Form, Rand, innerem Textrand, Polsterung (Padding), Rahmen, Radius und Schatten.
• Das Format des Textes, sowohl für den Hauptteil des Artikels als auch für den Titel oder die Kopf- und Fußzeile.
• Andere Elemente wie Hyperlinks, Zitate, Bilder und Tabellen.

Seitenleiste (Sidebar)

Sie können die Seitenleiste im gleichen Stil mit Polsterung, Überblendung oder anderen Effekten gestalten oder sie leer lassen. Sie können ihre Zusammensetzung bestimmen, ähnlich wie in der Registerkarte "Komposition". Sie können die Blockstile festlegen: deren Herkunft, den Raum zwischen den Objekten, die Kopfzeile und den Inhalt. Ebenso die Ränder, den Abstand zwischen Buchstaben und Zeilen, die Farbe von Text, Links und Aufzählungszeichen.

Vertikales Menü

Die gleichen Optionen, die unter dem Reiter "Menü" verfügbar sind, stehen Ihnen hier zur Verfügung, um das vertikale Menü einzustellen.

Schaltflächen (Buttons)

Sie können zwischen den vorhandenen Schaltflächenstilen wählen oder eigene erstellen, indem Sie Design, Rand, Textur, Farbverlauf, Schatten, Füllfarbe, Rahmenfarbe und die Merkmale der Schriftart festlegen.

Fußzeile (Footer)

Es gibt Stiloptionen wie Füllung, Textur, Farbverlauf, Ausrichtung, Innenrand des Textes, Transparenz, Schriftart, das RSS-Symbol und das Aussehen der Hyperlinks.