WWW

HTML-Editoren

Entsprechend der Definition von Hypertext Markup könnte, sieht. Trotz dieser Einschränkung bieten diese Language (HTML) bestehen die Dokumente nur aus Editoren einen einfachen und schnellen Weg, HTML- ASCII-Zeichen. Alle Elemente dieser Sprache zur Dokumente zu erstellen und zu überarbeiten. Als Bei- Beschreibung einer HTML-Seite sind im Klartext zu spiele für WYSIWYG-Editoren sollen hier Netscape lesen. Daher können diese Texte im einfachsten Fall Composer, AOLPress, Macromedia Dreamweaver, mit Texteditoren, die jedes Betriebssystem enthält, be- MS FronPage und MS Word betrachtet werden. arbeitet werden (z.B. edit in MS DOS, Notepad in MS Windows oder vi im UNIX). In der Anfangsphase des HTML Editor Phase 5 World Wide Web sind auch die meisten Dokumente auf diese Art entstanden. Das wurde dadurch begün- Der kostenlose Editor unterstützt die HTML 4 inklusi- stigt, daß die Sprache entsprechend den damaligen ve Frames und CSS. Alle HTML-Befehle sind über Standards (HTML 1, HTML 2.0) eine überschaubare Symbol- oder Menüleiste zu erreichen. Sie werden im Anzahl von Befehlen enthielt. Durch die Weiterent- Text farbig dargestellt und sind dadurch gut zu erken- wicklung des Systems (HTML 4.0) und die Einführung nen. Eine interessante Lösung wurde für das Einfügen der Cascading Style Sheets (CSS) ist ein effektives von Attributen in die Befehle gefunden. Der Autor setzt Arbeiten ohne gute Werkzeuge kaum noch möglich. die Schreibmarke in den entsprechenden Befehl und Die einfachsten Editoren ermöglichen die Bearbei- ruft dann über ein Tastaturkürzel (Strg #) eine Liste tung der Dokumente auf der Ebene des Quellcodes, d.h. möglicher Attribute auf. der Autor kann sowohl den Text wie auch die einzelnen HTML-Befehle direkt editie- ren. Dabei wird er durch Menüs und Symbolleisten beim Editie- ren dieser Befehle und deren Attribute unterstützt. Zur Dar- stellung des Dokumentes muß in jedem Fall ein Browser be- nutzt werden. Der Vorteil die- ser Editoren besteht darin, daß der Autor einerseits sehr genau die Struktur seines Dokumentes kontrollieren und beeinflussen kann, andererseits aber gegen- über einfachen Texteditoren Abb. 1: Editor Phase 5 beim Schreiben der Befehle entlastet wird. Als Beispiel dieser Art von Werkzeugen soll in diesem Artikel der HTML Editor Phase 5 [1] betrachtet werden. Vorbildlich unterstützt wird die Eingabe von Meta- Immer häufiger werden sog. WYSIWYG-Editoren Daten zur Beschreibung und Klassifizierung von (What You See Is What You Get) angeboten und be- Dokumenten. Das Einbetten klickbarer Bilder (client- nutzt. Der Begriff WYSIWYG stammt eher aus der side image maps) wird zwar unterstützt, ist aber recht Textverarbeitung oder dem Desktop-Publishing und umständlich, so daß hier auf andere Werkzeuge zurück- soll ausdrücken, daß der Autor schon während der gegriffen werden sollte. Bearbeitung das spätere Aussehen (Layout) des Doku- Zum Testen des HTML-Codes kann direkt aus dem mentes präsentiert bekommt. Es ist jedoch problema- Editor ein konfigurierbarer Browser aufgerufen wer- tisch, im Zusammenhang mit HTML von WYSIWYG den. Bei installiertem MS Internet Explorer 4 oder 5 zu sprechen, da HTML nur die Struktur des Dokumen- steht sogar eine interne Vorschau zur Verfügung, die tes beschreibt. Das Aussehen hingegen wird vom Teile des Explorers nutzt und somit das Aussehen ent- Browser oder von den Einstellungen im Browser be- sprechend dem Explorer anzeigt. stimmt. Erst der Einsatz von Style Sheets (Formatvor- lagen) bietet die Möglichkeit, das Layout zu definieren. Netscape Composer 4 In diesem Zusammenhang bedeutet WYSIWYG ei- Netscape Composer ist Bestandteil von Netscape gentlich nur, daß die HTML-Befehle vor dem Autor Communicator 4, wodurch er auf vielen Rechnern au- verborgen werden und er nur deren Auswirkungen auf tomatisch mit installiert wird und somit auch kostenlos die Darstellung, wie sie auch im Browser erscheinen

56 RZ-Mitteilungen Nr. 18, August 1999 WWW nutzbar ist. Das Editieren erfolgt im WYSIWYG- re Rechnerplattformen sind nicht mehr auf dem Modus, wobei die Menüs und Symbolleisten zur For- WWW-Server des Herstellers zu finden. matierung der Seiten dem Benutzer von MS Word sehr vertraut erscheinen werden. Der produzierte HTML- MS Word Code entspricht HTML 3.2 mit zum Teil proprietären Erweiterungen. Es fehlen die neuen Standards HTML MS Word 97 enthält bei entsprechender Installation 4 (z.B. Frames) und CSS, aber auch einige komplexe- innerhalb des Menüs „Datei“ den Befehl „Als HTML re Funktionen wie klickbare Bilder oder Formulare. speichern...“. Dadurch besteht die Möglichkeit vor- Manches kann nachträglich über sog. Plugins eingefügt handene Word-Dokumente als HTML-Text zu spei- werden (z.B. Frames) [2]. chern. Das Problem besteht darin, daß Word eine Der Vorteil des Editors besteht in seiner einfachen Layout-Formatierung unterstützt, HTML aber eine und schnellen Benutzung. Man kann ihn direkt aus dem Strukturbescheibung darstellt, so daß der Übergang Browser heraus aufrufen. Interessant ist diese Mög- von einem zum anderen Format nicht reibungslos funk- lichkeit beim Korrigieren bestehender Texte. Wenn tioniert. Microsoft versucht das Problem dadurch zu beim Lesen der Texte vom WWW-Server Fehler fest- lösen, daß versucht wird, mit allen in HTML zur Ver- gestellt werden, kann im Browser über den Befehl fügung stehenden Befehlen und Attributen ein Doku- „Datei“ -> „Bearbeiten“ das Dokument sofort in den ment zu erzeugen, das im Browser genauso aussieht Editor geladen, nach der Korrektur über die Taste wie das ursprüngliche Word-Dokument. Dadurch geht „Vorschau“ im Browser betrachtet und über die Taste aber jegliche Struktur des Textes verloren. Deshalb „Publizieren“ direkt wieder auf den Server transportiert sollten solche Dokumente entsprechend überarbeitet werden. Die letztere Funktion muß aber vom Server werden. Bessere Ergebnisse werden erzielt, wenn im unterstützt werden. Word ein neues Dokument mit der entsprechenden Die deutsche Version des Communicators bietet eine Vorlage für Web-Seiten begonnen wird. Rechtschreibprüfung für deutschsprachige HTML- MS Word 97 beherrscht keine Style Sheets, kein Dokumente. HTML 4 und somit auch keine Frames. Ein weiterer Vorteil dieses Programms besteht dar- Der Vorteil von MS Word besteht darin, daß es als in, daß es für viele verschiedene Computerplattformen Textverarbeitung auf vielen Rechner vorhanden ist und und Betriebssysteme (MS Windows 3.x, MS Windows benutzt wird. Dadurch befindet sich der Benutzer beim 95/98/NT, Macintosh, UNIX) zur Verfügung steht. Editieren von HTML-Texten in einer gewohnten Um- gebung und nutzt zum Teil die gleichen Ressourcen und Funktionen (Rechtschreibprüfung, Thesaurus). AOLpress Im MS Word 2000 wurde HTML als ein grundsätz- Der kostenlose Editor AOLpress [3] der Firma America liches Format zum Abspeichern der Dokumente ge- Online, Inc. kann schon als Klassiker der WYSIWYG- wählt. Anders als im Word 97 werden hier aber HTML Editoren bezeichnet werden, denn die aktuelle Version 4 und Style Sheets eingesetzt, wodurch sowohl eine trägt das Datum vom März 1997. Entsprechend wird Strukturierung als auch ein einheitliches Layout auch nur Standard HTML 3.2 unterstützt. Im Gegensatz erreicht werden. Andererseits soll aber gewährleistet zum Netscape Composer können aber Frames, Formu- werden, daß sämtliche Informationen des Word- lare und klickbare Bilder erstellt und bearbeitet werden. Dokumentes erhalten bleiben. Das kann nur dadurch Besonders letztere Funktion ermöglicht ein einfaches realisiert werden, daß zusätzlich zu den standardisier- Integrieren dieser Image Maps in das HTML Doku- ten HTML-Befehlen und den Style Sheets eigene Be- ment. fehle oder XML-Befehle automatisch in das Dokument Die Anordnung der Menü- und Symbolleisten ent- eingebettet werden. Die Browser übergehen zwar die- spricht dem von den Office-Programmen gewohnten se zusätzlichen Befehle, so daß sie nicht die Darstel- Bild, so daß eine schnelle Einarbeitung in das System lung stören, aber das Dokument wird doch dadurch ermöglicht wird. Unterstützt wird dies durch eine inte- sehr umfangreich. Microsoft stellt deshalb ein Filter- grierte Hilfefunktion sowie eine umfangreiche Doku- programm bereit, das die nicht für das WWW benötig- mentation, die von der Firma America Online bereit- ten Zusätze entfernt [4]. Dokumente, die im WWW gestellt wird. Neben der Arbeit im WYSIWYG-Modus bereitgestellt werden, sollten mit diesem Filter bear- können per Knopfdruck in die Quellansicht umge- beitet werden. schaltet und Änderungen direkt im HTML-Code durchgeführt werden. Als englischsprachiges Pro- MS FrontPage gramm stellt der Editor eine Rechtschreibprüfung für englische Texte bereit. MS FrontPage 98 besteht eigentlich aus den zwei Das Programm gibt es für MS Windows 3.x und Komponenten FrontPage Explorer und dem FrontPage Windows 95/98/NT. Frühere Beta-Versionen für ande- Editor. Der Explorer dient zur Verwaltung von WWW- Projekten. Obwohl beide Komponenten eng miteinan-

RZ-Mitteilungen Nr. 18, August 1999 57 WWW

einfache Dokumente durchaus ausreichend.

Dreamweaver 2.0 Dreamweaver von Macromedia ist ein leistungsfähiger Editor, der HTML 4 und Style Sheets unter- stützt. Es können einfach externe Style Sheets eingebunden oder ei- gene definiert werden. Mit Hilfe von Style Sheets können Objekte (Texte, Bilder) über definierbare Ebenen absolut und punktgenau auf der Seite positioniert werden. Abb. 2: Frontpage 98 Per Knopfdruck kann ein Dokument, welches HTML 4 und Style Sheets enthält, in HTML 3.2 umgesetzt der verknüpft sind, soll hier nur der Editor betrachtet werden. Dabei werden Zeichenformatierung durch die werden. „Font“-Befehle und die absolute Positionierung durch Der Editor zeigt die von den MS Office-Programmen die Konstruktion von Tabellen emuliert. Weiterhin bekannte Bedienoberfläche, wodurch vielen Benutzern kann überprüft werden, ob ausgewählte Browser den die Einarbeitung erleichtert wird. Er benutzt die Recht- erzeugten Code interpretieren können. Fremde HTML- schreibprüfung und den Thesaurus von MS Office. Dokumente werden ohne Änderung eingelesen. Ebenso kann er Dokumente aus MS Word importieren Die Bedienoberfläche weicht etwas von den anderen und in HTML wandeln. Hierbei ist aber auch in den hier betrachteten Programmen ab. Dreamweaver er- meisten Fällen eine Nachbearbeitung notwendig. zeugt für die Paletten, Werkzeuge und Eigenschaften Der Editor bietet die Möglichkeit, klickbare Bilder zu eigenständige Fenster, die beliebig auf dem Bildschirm bearbeiten und einzubinden. Als vorteilhaft für die plaziert werden können. Dadurch ist es auch möglich, Konstruktion komplexer Tabellen erweist sich die aus gleichzeitig das WYSIWYG-Fenster und ein Fenster dem MS Word bekannte Funktion des Zeichnens von mit dem HTML-Code darzustellen. Änderungen in Tabellen. Es wird eine umfassende Unterstützung von dem einen Fenster werden sofort auch in dem anderen Style Sheets geboten. Der Autor muß nur konsequent angezeigt. Der professionelle Autor kann somit einfach die Formatvorlagen in den Formatierungsbefehlen nut- kontrollieren, welcher HTML-Code erzeugt wird. zen. Schwierigkeiten bereitet nur das Einbinden exter- Die größte Stärke des Programms liegt aber in der Er- ner Style-Sheet-Dateien. zeugung dynamischer HTML-Seiten (DHTML). Über Nachteilig ist, daß Frontpage 98 beim Einlesen frem- automatisch erzeugte JavaScript-Programme können der HTML-Dokumente eigenständig Veränderungen zeit- oder ereignisabhängige Änderungen des Seiten- an deren HTML-Code vornimmt. Weiterhin muß der inhaltes während der Darstellung des Dokumentes Autor beachten, daß einige Funktionen (z.B. auch erreicht werden. Das Problem bei DHTML besteht dar- Formulare), die angeboten wer- den, nur über sog. Web-Bots rea- lisiert werden. Diese Web-Bots setzen aber voraus, daß auf dem WWW-Server, auf dem diese Seiten veröffentlicht werden, die FrontPage-Server-Erweiterungen (FrontPage Server Extensions) in- stalliert sind, was aber auf Ser- vern, die unter UNIX laufen, sel- ten der Fall ist. Eine kostenlose „Light“-Versi- on von FrontPage ist im aktuellen MS Internet Explorer enthalten. Diese als FrontPage Express be- zeichnete Version beherrscht aber keine Style Sheets. Sie ist aber für Abb. 3: Dreamweaver

58 RZ-Mitteilungen Nr. 18, August 1999 WWW in, daß in den verschiedenen Browsern die Funktionen heißt aber nicht, daß die anderen Editoren nicht emp- unterschiedlich realisiert wurden. Der Dreamweaver fohlen werden können. Ausgehend von der Tatsache, bietet dem Autor deshalb die Möglichkeit auszu- daß wegen mangelnder Unterstützung von HTML 4 wählen, ob der erzeugte Code sowohl für Netscape als und Style Sheets durch die Browser viele Dokumente auch für den Internet Explorer oder nur für einen spe- in HTML 3.2 kodiert werden, können für einfache ziellen Browser erzeugt werden soll. „normale“ Texte auch AOLpress oder der Netscape Ähnlich wie MS Frontpage bietet der Dreamweaver Composer benutzt werden, die kostenlos und im Falle auch Funktionen zur Verwaltung von Projekten und des Composers vielleicht schon auf dem Rechner WWW-Seiten. Dies soll aber hier nicht näher betrach- vorhanden sind. Benutzer, die bisher hauptsächlich tet werden. Office-Programme benutzt haben, werden sich am Das Programm wird für MS Windows 95/98/NT und schnellsten mit FrontPage, AOLpress und Composer für Macintosh MacOS7.5.5 angeboten. anfreunden können, da deren Aussehen und Bedien- strategie sehr ähnlich sind. Wer HTML-Texte direkt im Fazit Quellcode bearbeiten will, ist mit dem kostenlosen Editor Phase 5 sehr gut bedient. Die Auswahl eines konkreten Editors hängt von der Art Es sollte noch erwähnt werden, daß viele Spezial- der HTML-Dokumente sowie von Kenntnissen und programme (z.B. PowerPoint, Excel, FrameMaker, den bisher vom Autor benutzten Programmen ab. Vie- CorelDraw) in ihren neuesten Versionen einen Über- le erfahrene Autoren benutzen mehrere Editoren für gang zu HTML enthalten, so daß deren Ergebnisse unterschiedliche Aufgaben. Von allen hier betrachteten direkt im WWW veröffentlicht werden können. Editoren ist Dreamweaver der leistungsfähigste. Das

Literatur

[1] MEYBOHM, U.: HTML EDITOR PHASE 5 http://www.meybohm.de/htmledit/index.html [2] NETSCAPE: COMPOSER PLUG-IN SAMPLES PAGE http://developer.netscape.com/docs/examples/plugins/composer/ [3] AMERICA ONLINE: AOLpress http://www.aolpress.com/index.html [4] MICROSOFT: Microsoft Office 2000 HTML Filter http://officeupdate.microsoft.com/2000/downloadDetails/htmlfilter.htm

Lothar Wendroth [email protected]

RZ-Mitteilungen Nr. 18, August 1999 59