Home / LinuxUser / 2005 / 08 / HTML-Editoren

Newsletter abonnieren

Lies uns auf...

Folge LinuxCommunity auf Twitter

Top-Beiträge

War doch klar...
(229 Punkte bei 11 Stimmen)
Pardus Linux am Ende?
(201 Punkte bei 6 Stimmen)
Meinst Du: Patch CD Updates?
(179 Punkte bei 5 Stimmen)
One goes, one comes
(161 Punkte bei 4 Stimmen)
Speichern in der Cloud
(161 Punkte bei 4 Stimmen)

Heftarchiv

LinuxUser Heftarchiv

EasyLinux Heftarchiv

Ubuntu User Heftarchiv

Ubuntu User Heftarchiv

Partner-Links:

Shopping
Topsuche
 
Yatego Deutschlands größte Shoppingmall. 10000 Shops,
3.5 Mio Artikel. Alle Bestseller, Servertechnik und Technik Themenwelten.

Notebooks und Netzwerkhardware bei Mercateo günstig kaufen.
Internet Telefonie mit VoIP Telefonen von Gigaset
Das B2B Portal www.Linx.de informiert über Produkte und Dienstleistungen.
Günstige Digitalkameras finden Sie im Preisvergleich.

Seitenstrickmaschinen

HTML-Editoren

01.08.2005 Der Weg zur eigenen Internetseite gerät ohne passendes Werkzeug recht steinig. Während Einsteiger ohne HTML-Kenntnisse nach einer komfortablen Layout-Hilfe verlangen, stoßen Kenner schnell an die Grenzen eines einfachen Texteditors. Für beide Welten stehen unter Linux gleich mehrere Programme bereit, die antreten das Designerleben zu erleichtern.

Eine Internetseite ist nichts anderes als eine herkömmliche Textdatei, die mit zusätzlichen Befehlen angereichert wurde. Letztere sind spezielle Wörter, die dem Browser sagen, wie er den folgenden Textteil darzustellen hat. Taucht beispielsweise die Zeichenkette <\b> auf, so folgt ein fettgedruckter Text. In der Internetsprache nennt man einen solchen Befehl Tag. Damit nicht jeder Browser-Hersteller sein eigenes Süppchen kocht, hat das World Wide Web Consortium (kurz W3C) in einem Standard festgelegt, welche Tags in einem Internetdokument vorkommen dürfen und wie sie der Browser darstellen muss. Schnürt man alle Tags zu einem Paket, so erhält man eine so genannte Formatierungs- oder Auszeichnungssprache. In diesem Fall taufte sie das W3C auf den Namen Hypertext Markup Language oder kurz HTML. Im Laufe der Jahre erfuhr HTML mehrere Überarbeitungen. Derzeit aktuell ist HTML 4, welches aber über kurz oder lang von XHTML abgelöst werden soll. Letzteres ist salopp gesagt eine aufgeräumte Version von HTML 4.

Leider begrenzt HTML den Seitengestalter stark in seinen Darstellungsmöglichkeiten. Insbesondere der gezielte Einfluss auf Schriftarten, eine genaue Positionierung der Elemente oder ein animiertes Menü sind nur schwer bis gar nicht zu erzielen. Aus diesem Grund wurden verschiedene Zusatzsprachen und Erweiterungen definiert. Hierzu zählen beispielsweise die Cascade Style Sheets (CSS). Durch das Konzept der Formatvorlagen erlauben sie sogar eine Trennung von Inhalt und Layout: In HTML notiert man nur noch den eigentlichen Seiteninhalt, welchen man anschließend mit CSS-Befehlen formatiert. Auf diese Weise kann man ein Layout gleich für mehrere Seiten wiederverwenden und kommt zusätzlich der Barrierefreiheit entgegen.

Valider Code 

Auf dem Weg zu einer korrekten HTML-Seite lauern gleich mehrere Stolperfallen. Die ersten Hürden bilden Tippfehler, vergessene (Ende-)Tags oder falsch verschachtelte Tags. Letztere treten sehr gerne bei Tabellen auf, in denen dann plötzlich die Zeilen in den Spalten stehen. Derartige Fehler, die sich rein auf die Syntax beziehen, können so genannte Validatoren aufspüren. Sie lesen ein HTML-Dokument ein und prüfen, ob eine Regel des Standards verletzt ist. Ein kostenloser Validator steht beispielsweise auf den Seiten des W3C unter http://validator.w3.org bereit. Die nächste Hürde bilden die Browser selbst. In der Vergangenheit unterstützten sie einige Elemente nur mangelhaft oder stellten sie unterschiedlich dar. Aus diesem Grund sollte man die fertige Seite in allen wichtigen Browsern begutachten. Unterstützung bieten die so genannten Lints. Programme dieser Gattung liefern dem Gestalter wertvolle Tipps und Änderungshinweise zu einem Dokument.

KWrite und Co.

Um eine Internetseite zu erstellen genügt bereits ein einfacher Texteditor. In diesen tippt man zunächst seine Texte ein und reichert sie anschließend mit HTML-Befehlen an. KWrite und Emacs sind hier klassische Beispiele. Die beiden heben sogar alle Tags farblich hervor. Diese Funktion bezeichnet man als Syntax-Highlighting.

Bei einfachen Seiten mag ein Texteditor noch praktikabel sein, in großen Projekten verliert man nicht nur die Übersicht, auch Tippfehler sind wahrscheinlicher. Unter Linux existieren verschiedene Werkzeuge, die in dieser Situation helfend einspringen. Hierbei unterscheidet man drei Gruppen: Textbasierende Editoren sind aufgerüstete Texteditoren und setzen somit Kenntnisse in HTML voraus. In Web-Generatoren erstellt man hingegen eine Seite wie in einem Layout- oder Grafikprogramm. Erst wenn das Layout stimmt, generiert das Werkzeug die eigentliche Internetseite. Aufgrund der Grenzen von HTML kann das exportierte Ergebnis jedoch von der Ansicht im Programm abweichen. Die so genannten WYSIWYG-Editoren gehen deshalb einen Mittelweg. In ihnen bestimmt man das Layout ebenfalls per Mausklick - allerdings nur in den engen Grenzen von HTML.

Die verfügbaren Werkzeuge der letzten Kategrorie kann man unter Linux leider an einer Hand abzählen. Web-Generatoren existieren erst gar nicht. Besser sieht da schon die Situation bei den Textbasierenden Editoren aus.

August 0.63b

Zwar stammt die letzte Version von August aus dem April 2001, da der Oldtimer seinen Dienst aber immer noch tadellos verrichtet, darf er in diesem Vergleich noch einmal antreten. Voraussetzung für seinen Betrieb ist ein installiertes Tcl/Tk-System, das alle gängigen Distributionen mitbringen. Zusätzlich empfiehlt die Dokumentation die externen Programme Image Magick und weblint. Ersteres dient zur Ermittlung von Bildproportionen, zweites klopft die Seiten auf Schwachstellen im Layout ab.

Nach dem Download entpackt man das Archiv und startet das Programm ./august. Die nun erscheinende Oberfläche ist minimalistisch und entspricht im Wesentlichen einem normalen Texteditor mit Syntax-Highlighting. Für einige Tags hält August Eingabemasken bereit. In ihnen kann man die benötigten Parameter, wie zum Beispiel den Dateinamen oder die Ausrichtung eines Bildes, bequem zusammenklicken.

Beliebige Textabschnitte speichert August als so genannte Vorlagen (Templates). Diese bietet der HTML-Editor auch gleich bei der Erstellung eines neuen Dokumentes an. Das mitgelieferte Basic Structure-Template führt jedoch noch zu HTML 3.2. Zusätzlich versteht August HTML 4.0 und CSS.

Eine Vorschau und den Korrektheits-Check stößt man über entsprechende Menüpunkte an. August startet dann im Hintergrund passende, externe Programme. Für die Vorschau werden Netscape, Konqueror, die KDE-Hilfe oder der Textbrowser Lynx bevorzugt. Wem das nicht reicht, erweitert das Menü um eigene Punkte. Die Hilfe ist kurz und knapp, eine Rechtschreibkorrektur fehlt komplett.

Abbildung 1: August: Die wichtigsten Tags liegen hinter Schaltflächen, die nach einem Mausklick den jeweiligen Befehl an der aktuellen Cursor-Position einfügen.

Abbildung 2: August: Über diese Eingabemaske fügt man ein Bild in das Dokument ein.

Einem Freund empfehlen    Druckansicht Bookmark and Share
Kommentare

789 Hits
Wertung: 55 Punkte (2 Stimmen)

Schlecht Gut

Infos zum Autor

Tim Schürmann

Tim Schürmann

Tim Schürmann ist Diplom-Informatiker und derzeit als freier Autor unterwegs. Mehr Informationen finden Sie auf seiner Homepage unter www.tim-schuermann.de.


Infos zur Publikation

Infos zur Publikation

title_2012_02

Aktuelle Ausgabe kaufen:

Heft bestellen Heft als PDF kaufen

LinuxUser erscheint monatlich und kostet in der Nomedia-Ausgabe EUR 5,50 und mit DVD EUR 8,50. Weitere Informationen zum Heft finden Sie auf der LinuxUser-Homepage.

Im LinuxUser-Probeabo erhalten Sie drei Ausgaben für 3 Euro. Das Jahresabo (ab EUR 56,10) können Sie im LNM-Shop bestellen.

Tipp der Woche

Duden Korrektor unter 64-Bit
Duden Korrektor unter 64-Bit
Tim Schürmann, 06.02.2012 10:36, 0 Kommentare

Der Duden Korrektor bietet eine äußerst nützliche Rechtschreib- und Grammatikkorrektur für LibreOffice und bringt in der aktuellen Version 8 e...

Aktuelle Fragen

rndc reload zone - failed bad zone
Ludwig jun. B., 06.02.2012 16:08, 2 Antworten
Schönen guten Tag, ich habe folgendes Problem. Immer wenn ich folgendes Kommando ausführen bek...
Skype für 64-Bit-Prozessor u. Suse 12.1
Klaus Sigerist, 05.02.2012 11:39, 3 Antworten
Hallo Gemeinde! Ich bin nur ein einfacher Nutzer und habe Probleme mit der Installation von Skyp...
8! Anfängerfrage :) Wie finde ich in Ubuntu die Datenträger (Bild, Text)
samuel leusam, 04.02.2012 15:53, 1 Antworten
Ich habe neu Ubuntu. Wenn ich die SD Karte im Laptop einstecke, erkennt er sie und gibt ihr den N...
OpenSuse 12.1-Service Kit 01/12
Christoph-J. Walter, 28.01.2012 08:52, 2 Antworten
Hallo Gemeinde, ich habe 12.1 neu installiert. Alles in Ordnung! Nun möchte ich das Service Kit (...
Ubuntu 11.10 konfigurieren
Michael Hinz, 27.01.2012 17:52, 1 Antworten
Ubuntu läuft bei mir. Allerdings nur, wenn die Daten-CD eingelegt ist. Unabhängig von Bios-Einste...