56 -Magazin 01/08 Bitparade © fotolia.de Web-Stuhl des 21. Jahrhunderts. Kaum ein Gewer ein Kaum Jahrhunderts.21. des HTML-Editoren im Test Webseiten rectr ae seil dru zuge darauf speziell aber erleichtern ProgrammcodevonSchreiben beim Wie Texteditor. einfacher ein HTML-Seiten von Bearbeiten das für reicht sätzlich Grund einpflegen. selbst oft derungen Än möchte überlässt, Profis den Design das wer Auch verzichten. Internet im Präsenz eine auf noch mag betreibender den Programmierprozess zwar mit Syn mit zwar Programmierprozess den die Editoren, sind Variante zweite Die . ren Programme Microsoft Frontpage und allem für unerfahrene Anwender. Die be vor sich sie eigen kommt, Berührung in HTML-Code dem mit nicht Benutzer der Da Textverarbeitungsprogramm. einem what you get) gleichen in der Bedienung gen. Wysiwyg-Editoren (What you see is Ausprägunzwei in Webeditorenes gibt schnittene Editoren die Arbeit. anetn etee sn de proprietä die sind Vertreter kanntesten Editor. Fragt sich nur mit welchem? oder editieren ihre Webpräsenz besser mit einem speziell auf HTML und CSS zugeschnitten und komfortablen Webseiten in Vi erstellen? Nur Konsolenpuristen halten das für die beste Wahl. Alle anderen Anwender erstellen etn l de Visitenkarten die als gelten ------Falko Benthin, Jan Rähm Consortium (W3C). o von Weiterentwicklung eine ist Kompozer  rungsservice so Quelltexteditor reinen Kompozer,den Webeditor grafischen den vergleicht Bitparade der Ausgabe Diese Editor enthalten. Wysiwyg- keinen jedoch unterstützen, Autocompletion oder Highlighting tax bedienendes Wysiwyg-Werkzeug,bedienendes es das zu einfach als sich versteht Er HTML- Editors. basierenden Mozilla von gine Validie der ist Bewertung die für bend Maßge HTML-Quellcode. entstehenden des Qualität die auch dabei bleibt Blick Im eignet. CSS-Kenntnisse und HTML- umfassende ohne Benutzer für Software die sich gut wie Testprüft, Der vereint. Verfahren beide der Plus, Quanta wie Kompozer [2] [1] ens u dr -En der auf eines , e Wrd ie Web Wide World des - - - - ie brihlce Benutzeroberflä übersichtliche besitzt eine Kompozer erforderlich. selten nelc mt rpitrn Konkurren proprietären mit angeblich [3] opzr ol at nae dr Ent der Angaben laut soll Kompozer Sperriges HTML e nct ugrit Mrir dr An der Markiert ausgereift. nicht dem zu sind Wysiwyg-Editierfunktionen Die wie andere grafische Editoren. verhindern wenig ebenso Software die kann skaliert, schlecht Seitenbesucher der Bildschirmauflösungen schiedlichen unter den bei häufig HTML-Code dener entstan so Dass lässt. platzieren Seite freiMaus der mit der sich Block, der auf »Div«- einen Kompozer erstellt leisten, Symbol drei der untersten der in links Grafik und klickt auf den Button »Layer« eine oder Text Anwender der Markiert Seite platzieren. der auf frei sich lassen Elemente bettete HMTL selbst, nur in ein »Div«-Tag einge liegt in eher Einschränkung dieser Grund der Allerdings enttäuscht. wird sen, las platzieren Seite der einer auf frei Maus mit Elemente sich dass erwartet, jedoch sein Wer Textverarbeitung. eine bedienen wie zu einfach so wickler tuellen Standard XHTML 1.1. ak den jedoch nicht Strict, 1.0 XHTML beherrscht und Transitional 1.0 XHTML auch es aber möchte, erstellen 4.01 HTML Standard veralteten dem in Seite zwar davon aus, dass der Benutzer seine Programm das geht Standardmäßig che. sich entwickelt sie hat, als Binary-Archiv vorliegt dem aus Mozilla, wie jedoch pozer von Haus aus mit. Da die Software Nur wenige Distributionen bringen Kom- Dreamweaver aufnehmen kann. Adobe und Frontpage Microsoft wie ten , ist ein Übersetzen aus den Quellen den aus Übersetzen ein ist , ------Software wender einen »Div«-Bereich, zeigt die nicht ein (Abbildung 3). Außerdem be- Formatierungs-Buttons sind in der Code- Software am linken oberen Rand des nutzt Kompozer das »
«-Tag infla- Ansicht deaktiviert. Außerdem funkti- platzierbaren Blocks eine Zugmarke, die tionär. Ein nachhaltiges Ändern der Do- oniert das oft erst größtenteils verschwindet, wenn er den cument Type Definition von Transitional nach einem Speichern richtig, sodass der

Block an den oberen Rand zieht. Noch auf Strict ist nicht möglich. Quelltexteditor sich zu kaum mehr als Bitparade störender ist, dass die Zugmarke nicht Neben dem Wysiwyg-Editor enthält Kom- dazu eignet, den vom grafischen Editor funktioniert, wenn sie unter einem an- pozer auch einen rudimentären Quelltext- erzeugten HTML-Code zu überprüfen. deren »Div«-Layer liegt. editor. Er hebt die HTML-Tags farbig Passt der Benutzer die Formatierung per 57 Die Anleitung zu Kompozer, die unter hervor, unterstützt den Benutzer aber Hand an, macht die Software dies zudem [4] im PDF-Format vorliegt, weist auf nicht durch Code-Vervollständigung, die beim Speichern rückgängig. Machmal dieses Problem hin. Besser als der Vor- schlag, störende Elemente temporär zu 01/08 Linux-Magazin verschieben, wäre es jedoch, den Bug in der Software zu beseitigen. Gelegent- lich treten in dem Wysiwyg-Editor auch Anzeigeprobleme auf, zum Beispiel ein trotz Auswahl einer Hintergrundgrafik nicht komplett eingefärbter Seitenhin- tergrund. Bilder, Formulare mit allen Elementen wie Texteingabe- oder Listen- feldern sowie formatierten Text erstellt die Software mit wenigen Mausklicks (Abbildung 1). Kenntnisse in HTML sind dazu nicht erforderlich. Da sich Tags beliebig tief verschachteln lassen, ist in der Praxis nicht immer leicht zu erkennen, aus welchen Format- Tags sich das Aussehen eines bestimm- ten Elements ergibt. Kompozer zeigt daher vom »Body«-Tag aufwärts alle umschließenden HTML-Elemente für die Cursorposition an. Ein Rechtsklick darauf gewährt Zugriff auf CSS-Forma- Abbildung 1: Webseiten, die eine gewisse Komplexität nicht übersteigen, entstehen bei Kompozer in einer tierungen wie Textformatierung, Hinter- Wysiwyg-Umgebung. HTML-Kenntnisse sind dabei nicht erforderlich. grundfarbe oder Rahmeneigenschaften.

Plus und Minus

Tabellen erstellt Kompozer über einen Wizard, der die gewünschte Zellenzahl, Tabellenbreite und Rahmenbreite ab- fragt. Tabulator- oder kommaseparierte Textblöcke wandelt er automatisch in Tabellen um. Ein CSS-Editor legt Styles in der HTML-Datei selbst oder in einem externen Stylesheet ab. Letzteres ist bei Sites mit mehr als einer Seite sinnvol- ler. Die Software bindet außerdem die Mozilla-Rechtschreibprüfung ein. Eine Seitenverwaltung veröffentlicht die lokal gespeicherten Seiten über FTP. Eine Probe mit der W3C-Webseiten- Validitätsprüfung bescheinigte dem HTML-Code von Kompozer Konformi- tät (Abbildung 2). Die Formatierung ist zufriedenstellend lesbar, untergeordnete Abbildung 2: Sauber gearbeitet: Der Quelltext, den Kompozer grafisch erzeugt hat, besteht die W3C-Validi- XML-Elemente rückt die Software jedoch tätsprüfung ohne Beanstandungen und dürfte mit verbreiteten Browsern keine Probleme bereiten. 58 Software Linux-Magazin 01/08 Bitparade gültiges HTML, aber nicht übersichtlich formatiert. Eine Anpassung per Hand fällt schwer. Shortcuts auf den Buttonleisten zur Verfügung, beim Eintippen schließt die Software die Tags automatisch. Abbildung 4: Bluefish  Abbildung 3: HTML entwickelt unterstützt er mittler er unterstützt entwickelt HTML für Vorrangig Highlighting. Syntax mit Zeichen anzeigt. unleserliche Browser der sodass richtig, nicht Umlaute die Kompozer enkodiert i HM asenn en unterstüt eine auskennen, sich HTML mit muss arbeitet, Bluefish mit Wer Speicher wie Quanta oder Kompozer. viel so halb etwas nur belegt Editor Der haben. X, Tru64,zu und Solaris OpenBSD, OS Mac FreeBSD, Linux, anderem unter Betriebssysteme, six-kompatiblen Po meisten die für ist Programm Das falls über Dialogfelder ab. gegebenen Software die fragt Tags der Attribute ein. Mausklick Tagseinem mit HTML- häufigsten die Toolbarfügt Eine Pascal. und Ruby, Python, , Java, PHP, wie Sprachen andere auch weile Bluefish [5] Bluefish legt neue Webseiten mit bereits ausgefülltem Header an. Viele HTML-Tags stehen als Keine Einrückungen und zu viele Zeilenumbrüche: Der Quelltext, den Kompozer liefert, ist zwar ist ein reiner Quelltexteditor - - - - hrct fr e Krerie »Schnell Karteireiter den für Shortcuts selbst darf Benutzer CSS-Generator.Der integrierten einen über verfügt Bluefish Automatisierung ( weni und wichtige Software die Dass nicht. es gibt Wysiwyg-Funktion zende br alece yblese anbietet Symbolleisten zahlreiche über HTML-Tagsnebeneinander wichtige ger e Dao knt le ouet Type Document alle kennt Dialog Der HTML-Datei. einer Grundgerüst das log Dokumente erzeugt ein Schnellstart- neuer Anlegen Beim definieren. zugriff« Events verändernde Grafiken. sich bei Mausberührung über Javascript- oder Formulare programmierte PHP in etwa bereit, Codeschnipsel Anwendung die hält Editor dem über direkt Menü zusätzlichen einem In Anfänger. jedoch überfordert Arbeiten, zügiges Benutzern versierten ermöglicht lassen, auswählen Abbildung 4 ), die sich über Karteireiter - - - TLTg atmtsh De Anwen Die automatisch. HTML-Tags eingetippte Hand von schließt Bluefish auch gleich externe Stylesheets ein. HTML-Grundgerüsts des Erstellen beim Wunsch auf Bluefish bindet Zudem 1.1. XHTML bis 4.01 HTML von Definitions Die Mitglieder des Forums Linuxquesti Forums des Mitglieder Die  die Qualität des so entstehenden HTML- entstehenden so des Qualität die mehr.nicht Auchreagierte wyg-Anzeige Wysi die ein, Testöfter im fror Cursor Der Problemen: zu es kam dabei Selbst Wysiwyg-Ansicht bearbeiten. in direkt Benutzer der Text darf diglich Le einstellen. interaktiv nicht breiten Spalten platzieren, Maus der mit nicht sich lassen Elemente verdient. schau“ „VorNamen den nur eigentlich sie dass verändern, wenig derart Ansicht schen grafi der in kann Anwender der nicht, allerdings Praxistest im überzeugt Diese mit. Wysiwyg-Unterstützung eine auch Editor, bringt aber in aktuellen Versionen Auch Quanta startet als reiner Quellcode- und JavaJavascript. PHP, HTML, etwa wie unterschiedliche Sprachen für Highlighting tax Syn bietet Quanta 12. Slackware unter 41MByte und Arbeitsspeicher MByte 54 Etch Debian auf Betrieb beim belegte Es Ressourcen. den bei anspruchsvoll sehr als jedoch Programm umfangreiche das sich entpuppte Test Im gewählt. editor ren 203, 2004 und 2005 zum besten Web- Jah den in KDE-Umgebung, der Editor HTML- den Plus, Quanta haben ons.org und ob er W3C-konform ausfällt. Anwender ab, vom wie lesbar der Code bleibt es hängt Daher ein. automatisch Shortcut-Buttons der Einsatz beim noch Eintippen manuellen beim weder Code den rückt Bluefish wenig. Schreibennur Buchstaben lang sind, verzögert dies das wenige nur HTML-Tagsjedoch Da gibt. Code-Vervollständigung automatische keine Eintippen manuellen beim es dass auf, fällt Plus Quanta mit Vergleich Im nen FTP-Client. kei auch enthält Anwendung schlanke Die automatisch. nicht Bluefish kodiert en AuchUmlaute Schrägstrich. stelltem vorange Tagmit eingetippten Benutzer vom des Namen den nur wiederholt sie Taghandelt, gültiges ein um sich es ob nicht, allerdings dabei überprüft dung ------60 Software Linux-Magazin 01/08 Bitparade stehen wie bei Bluefish in mehreren But VordefinierteHTML-TagsBedienbarkeit. durch großen Leistungsumfang und gute überzeugt selbst Quellcode-Editor Der Programmierumgebung Quellcode- kombinierten nur, der Vor in um daher Wysiwyg-Editor der Praxis taugt der In nicht. überzeugte Code als bei Bluefish, denn die bei der Opti der bei die denn Bluefish, bei als aus magerer bedeutend fällt allerdings an AuswahlHTML-Datei Meta-TagsKopfder den für Die verändern. noch nachher auch aber sich lässt sie ein, ten Sei neuer Erstellen beim Anwender der TypeDocument Die stellt 1.1. Definition XHTML bis 4.01 HTML von Versionen HTML- alle unterstützt Programm Das Toolbars frei konfigurieren. die Anwender der kann üblich dungen KDE-CVS- KDE-Anwenbei Wie FrontendCervisia. das und Imagemap-Editor einen Link-Checker, einen Plus Quanta integriert Plugin-Schnittstelle die Über Mausklicks. wenigen mit so entstehen Links und Grafiken Formulare, Listen, Tabellen,Karteireiterauswählt. über zer Verfügung,Benut zur der tonleisten die ten umfangreicher Seiten. Bearbei das beschleunigt Dies hälften. Fenster beiden der Cursorplatzierung ren, denn Quanta Plus synchronisiert die positionie zu Cursor den schau-Ansicht Abbildung 5: wegt sich der Leistungsumfang von Quanta in Richtung einer IDE wie . Vollwertige Entwicklungsumgebung: Mit Code-Vervollständigung und einem PHP-Debugger be ------Tags »description« und »robots« fehlen. wichtigen Suchmaschinen für mierung damit zu einer vollwertigen IDE für dy für IDE vollwertigen einer zu damit i dm yiy-dtr opzr er Kompozer Wysiwyg-Editor dem Mit Fazit Code am schnellsten per Hand. Als einzi den tippt auskennt, HTML mit Wersich Schnell vervollständigt ih üesegn gt programmierte gut – übersteigen nicht Komplexität gewissen eine sie wenn – und vernünftige Anfänger auch stellen formatierten Code. entsprechend XML-Hierarchie der tent Bluefish erzeugt aber der Tabellen-Assis bei als Anders Einrücken. sinngemäßes grammiereditoren nicht selbstständig für Pro viele als anders Plus Quanta sorgt Code von Eintippen Beim antwortlich. ver Anwender der Bluefish bei wie ist Code des Lesbarkeit und Validität Für namische Webseiten in PHP. möglichen Tags ( Kontext im den mit Menü ein erscheint Klammer, spitze eine Benutzer der net PHP-Debugger Gubed PHP-Debugger den Anwendung die bindet Außerdem Auswahl.die reduziert Buchstabe tippte Öff Code-Vervollständigung. bekannte Programmierumgebungen aus eine Plus ger der getesteten Editoren bietet Quanta Abbildung 5 [7] ein und wird und ein ). Jeder ge ------dtr it eoh ta gewöhnungs etwas jedoch ist Editors Webseiten. Die Bedienung des grafischen eodr etäsh jdc de Wysi die jedoch enttäuscht Besonders auf langsameren Systemen träge. läuft und Speicher viel außerdem legt be Anwendung Die Benutzerinterface. überladenes ein allerdings sich ergibt kaum einen Wunsch offen. Als Kehrseite Quelltexteditors des Funktionsumfang der lässt Plugin-Schnittstelle einer und PHP-Debugger einem vollständigung, Code-Ver Mit Leistungsumfang: großen seinen durch beeindruckt Plus Quanta wyg-Funktion weiter. Wysi eine durch nicht jedoch Bluefish hilft CSS und HMTL in Kenntnisse ohne das Schreiben von Quellcode. Anfängern beschleunigt Tags von Schließen tische automa Das anpassen. Benutzter vom bereitstellen, Codeschnipsel definierte vor die Buttonleisten, die sich lassen Plus Quanta bei Wie Code. korrektem syntaktisch von Schreiben das wendern An HTML-kundigen er weniger leichtern Code-Templates Zahlreiche rück. zu erfreulich Ressourcenbedarf beim sich ist hält und übersichtlich und schlicht Bluefish Quelltexteditor reine Der Hilfestellung beim Eintippen gibt. keine daher und einfärbt Speichern dem nach erst oft Code den jedoch das ting, HTML-Syntax-Highligh lediglich bietet Er aus: spartanisch fällt Quelltexteditor Der intuitiv. immer nicht und bedürftig erfüllt die Software nicht. spielen, zu Konkurrenz kommerziellen der mit Liga bester einer in Linux-Webeditor ausgezeichneter mehrfach als Erwartung, Die empfehlen. zu nicht her da Plus Quanta ist Seiten bestehenden an Änderungen kleinere für oder fänger An Für instabil. ist und Editier möglichkeiten kaum bietet sie wyg-Ansicht, [7] [6] [5] [4] [3] [2] [1] Infos Webseiten- des W3C: Gubed: Kompozer: Quanta Plus: Bluefish: NVU-Editor: NVU-Tutorials: [http:// [http:// [http:// nvu -composer. quanta. [http:// validator. bluefish.

[http:// [http://

de/ [http:// gubed. kdewebdev. openoffice. w3. doku/ www. www. org] mccabe. www. nvuanl101. . nvu. (pkr) org] nl/

com]

nu] ] pdf] net] ■ ------