Seite für Seite

HTML zu lernen ist zwar nicht besonders schwer [1], aber für ein wenig Unterstützung sind die meisten Freizeit- (und berufsmäßigen) Webdesigner doch recht dankbar. Wem es nicht reicht, dass auch "normale" Texteditoren wie der Emacs oder die vi-Versionen elVIs und Vim mit Syntaxhighlighting aufwarten, findet im WebMaker eine gute, KDE-unterstützte Alternative.

Das Programm wird von Alexei Dets entwickelt und ist zur Zeit in der Version 0.8.5 verfügbar [2]. Als Vorbild fungiert HomeSite für Windows, an das sich WebMaker in Aussehen und Bedienung stark anlehnt. WebMaker ist ein reiner Quelltexteditor und bietet daher keine Vorschau für die geschriebenen Seiten. Zur Vorschaudarstellung nutzt WebMaker einen installierten Browser. Die HTML-Tags werden farbig markiert, so dass eine vergessene Klammer oder ein ausgelassenes Anführungszeichen schnell auffallen.

WebMaker unterstützt den HTML-4-Standard. Wer Seiten erstellen will, die ausschließlich Elemente aus HTML 2.0 oder 3.2 verwenden, muss jedoch selbst wissen (oder unter [1] nachschlagen), welche Tags jeweils erlaubt sind.

./configure
make

make install

Oberflächliches

WebMaker begrüßt Sie nach dem Start mit einem zweigeteilten Programmfenster (Abbildung 1).

Abbildung 1: Das WebMaker-Hauptfenster

Links sehen Sie einen Verzeichnisbaum, rechts die geöffneten Dateien, die Sie über die Karteireiter am oberen Rand des Arbeitsbereichs erreichen. Sie können beliebig viele Dateien gleichzeitig geöffnet halten und über die Reiter zwischen den Dateien hin und her schalten.

Bevor Sie mit der Arbeit beginnen, müssen Sie WebMaker noch konfigurieren, damit das Programm den zur Vorschaudarstellung nötigen Browser finden kann. Sie wählen Einstellungen-->Allgemein aus dem Menü und dann die Karteikarte Pfade (Abbildung 2). Ins Feld Pfad zum externen Browser geben Sie den vollständigen Pfad zu Netscape ein. Leider ist es nicht möglich, kfm, den Dateimanager von KDE, zur Vorschaudarstellung zu verwenden.

Abbildung 2: Suchpfade setzen

Bei Pfad zu HTML-Vorlagen tragen Sie das Verzeichnis ein, in dem Sie vorgefertigte HTML-Seiten abgelegt haben, die Sie als Schablonen verwenden wollen. Wenn Sie aus dem Menü Datei-->Neu von Vorlage... wählen, landen Sie dann genau dort. Bei Wurzel des Verzeichnisbaums können Sie den Namen des Verzeichnisses angeben, das die oberste Ebene des Verzeichnisbaums im Programm-Hauptfenster bilden soll, zum Beispiel Ihr Homeverzeichnis.

Auf den anderen Seiten des Konfigurationsdialogs, die Sie über die Karteireiter am oberen Fensterrand erreichen, passen Sie WebMaker weiter an Ihre Bedürfnisse an. So legen Sie auf der Seite Farben fest, welche Farben WebMaker für welche HTML-Elemente verwenden soll (Abbildung 3).

Unter Verzeichnis-Filter stellen Sie schließlich ein, welche Dateitypen WebMaker im Verzeichnisbaum des Hauptfensters als Dokumente und Grafiken anzeigen soll (Abbildung 4). Dateien der angegebenen Dateitypen können Sie später bequem aus dem Verzeichnisbaum heraus öffnen oder als Verweis in den Quelltext einfügen.

Abbildung 3: Editorfarben nach Wunsch

Abbildung 4: Dateifilter einstellen

Richtig bedient

WebMaker lässt sich komplett mit der Maus, aber auch weitgehend über Tastenkürzel und Funktionstasten bedienen. In seinen Funktionsleisten bietet das Programm alle gebräuchlichen Tags auf Mausklick an (Abbildung 5). Zusätzlich können Sie auch eigene Werkzeugleisten zum Erstellen von Tabellen, Listen und zur Schriftenformatierung einblenden. Diese "Toolbars" sind unter Ausnahme der Hauptwerkzeugleiste durch Bearbeiten der Konfigurationsdatei von WebMaker veränderbar.

Abbildung 5: Die Werkzeugleisten

Eine zusätzliche Hilfe zur Auswahl von HTML-Tags ist der FormatWähler (Abbildung 6). Hier finden Sie alle HTML-Tags nach Gruppen geordnet. Um ein Tag in den Quelltext einzufügen, wählen Sie auf der linken Seite eine Gruppe aus (z.B. Text structure) und doppelklicken dann in der rechten Liste auf das gewünschte Tag, z.B. BLOCKQUOTE. WebMaker fügt an der Cursorposition die passende Auszeichnung (im Beispiel <blockquote></blockquote>) ein und setzt den Cursor zwischen das einführende und abschließende Tag, so dass Sie den Text im gewünschten Format gleich eingeben können.

Abbildung 6: Formate, ausgewählt

Wenn Sie WebMaker lieber über die Tastatur bedienen möchten, zeigt Ihnen Tabelle 1 die wichtigsten Tastenkürzel und die Belegung der Funktionstasten.