Webdesign ohne Programmierung? - Publisher

22
Publisher 5 ·2001
DAVID LEE Freeway versteht sich
als eine Art QuarkXPress für Webseiten.
Das Konzept besteht darin, dem Benutzer
komfortable Gestaltungsmittel zur
Verfügung zu stellen, die keinerlei Verwandtschaft
mit HTML-Elementen aufweisen
müssen. Die Übersetzung des
Seitenlayouts in HTML wird vom Programm
vorgenommen.
Beim Erstellen eines neuen Dokuments
erinnert schon der Dialog an ein Layoutprogramm,
denn bevor es losgeht,
will Freeway zuerst die Seitengrösse
wissen. Das Dokumentenfenster ist mit
Linealen versehen, aus denen sich Hilfslinien
ziehen lassen, und man kann
sich auch an einem Raster orientieren.
Die Werkzeugpalette beinhaltet die
aus Quark bekannten Verkettungs- und
Entkettungswerkzeuge nebst Werkzeugen
zur Erstellung von Rahmen und
Bezierformen. Viele aus XPress bekannten
Tastaturkürzel funktionieren auch
in Freeway.
Wird ein Rechteck oder Oval aufgezogen,
kann darin nun Text geschrieben
oder ein Bild importiert werden.
Dasselbe gilt auch für freie, mit dem
Bezierwerkzeug erstellte Formen. Der
Bildimport beschränkt sich nicht auf
die internettauglichen Formate. Photoshop-
oder Illustratordateien konvertiert
Freeway für die Site-Erzeugung
selbstständig in ein GIF-, JPG- oder
PNG-Format, wobei der Anwender die
verschiedenen Optionen wie Anzahl
Farben oder Komprimierungsrate festlegen
kann.
Web-Publishing
Das Webgestaltungswerkzeug Freeway 3.1
Webdesign ohne Programmierung?
Die Idee tönt viel versprechend: Mit Freeway soll eine Webseite mit demselben Komfort
entworfen werden wie ein Druckerzeugnis in einem DTP-Layoutprogramm. Ob das
funktioniert? Ja, sogar erstaunlich gut.
Die Dokumenteinstellungen erlauben neben der
Angabe zu Seitengrösse und Kompatibilität auch
Servereinstellungen. Der intelligente FTP-Upload
lädt jeweils nur die neu veränderten Teile auf den
Server.
Weniger Wechsel zwischen
Programmen erforderlich
Die Grafikmöglichkeiten von Freeway
sind zwar nicht berauschend, erlaubt
doch das Programm nicht einmal das
Gruppieren von Objekten. Aber trotzdem
liegt genau in den Grafikmöglichkeiten
eine der Stärken des Programms.
Denn in GoLive oder Dreamweaver
müssen Sie, selbst wenn Sie bloss das
allereinfachste Grafikelement erstellen
wollen (etwa eine schräge Linie oder
einen Kreis), dafür extra in ein Grafikprogramm
wechseln, die Linie
zeichnen, richtig exportieren,
dann wieder importieren und
mühsam platzieren. Zu allem
Überfluss darf man bei einer
kleinen Änderung das ganze
Prozedere wiederholen. Unter
diesen Umständen kann mit
Farben und Formen nicht
experimentiert werden. Man
muss schon, bevor man
GoLive startet, genau wissen,
wie die Seite aussehen soll,
man muss sie auf Papier entwerfen.
Im Übrigen ist es meiner Meinung
nach gar nicht besonders
erstrebenswert, den
Bildschirm mit «Feuerwerk»
zu füllen. Screendesigns mit
schlichten, aber gut aufgeteilten
Elementen wirken häufig
elegant und originell, sind
schnell geladen und vermögen
den Inhalt klarer zu vermitteln.
In Freeway entstehen
solche Seiten praktisch von selbst, weil
man gar keine Möglichkeit für knallige
Effekte hat, dagegen die Seitenaufteilung
und die Formgestaltung sehr
präzis und intuititv vornehmen kann.
Keine Einschränkungen
bei der Textgestaltung
Die Textbearbeitungsmöglichkeiten
sind in Freeway fast so reichhaltig wie in
einem DTP-Programm. Hier kann alles,
was CSS kann, auch festgelegt werden,
neben Grösse, Schriftart, Ausrichtung
und Stil auch Laufweite, Zeilenabstand,
Einrückung, Grundlinienabstand etc.
Freeway kann aber noch mehr als CSS.
Mit dem Pfadwerkzeug platziert man
Text auch in frei gezeichnete Formen.
Bei Ovalen und freien Formen wird
das Ganze einfach als GIF exportiert.
Dieser Trick ermöglicht es, Text beliebig
zu gestalten: verzerren, drehen, glätten
mit Antialiasing, aber auch mit jedem
beliebigen Font und Stil zu versehen.
Viele Bestandteile von professioneller
Textbearbeitung werden ja von HTML
und auch von CSS nicht unterstützt,
zum Beispiel automatische Silbentrennung.
Mit Freeway, das verbundene
Textrahmen und Silbentrennung
erlaubt, wird es in Kombination mit der
GIF-Methode endlich möglich, gut aussehende
Webseiten mit mehrspaltigem
Text zu produzieren.
Alle Textauszeichnungen lassen sich in
Formatvorlagen sammeln und wiederverwenden.
Masterseiten allzu frei
Ein Freeway-Dokument kann wie ein
XPress-Dokument mehrere Seiten enthalten,
mehr noch, es kann eine ganze
Website inklusive Unterordner verwaltet
werden. Vorlageseiten sind hier
natürlich sehr willkommen. So ganz wie
ein richtiges DTP-Programm funktionieren
aber diese Masterseiten nicht.
Auf der normalen Seite lassen sich
nämlich auch die Elemente verändern
und löschen, die von der Masterseite
Über die Programmoptionen kann man auch die HTML-Ausgabe beeinflussen.
übernommen wurden. Zwar gibt es
den Befehl «An Masterseite anpassen»,
doch wenn man beispielsweise den
Textrahmen verschoben hat, wird der
nicht an die alte Position zurückgebracht,
sondern an der Originalstelle
derjenige der Masterseite zusätzlich
eingefügt. Wird auf der Masterseite
etwas geändert, passen sich die ihr
zugewiesenen Seiten auch nicht automatisch
an.
Diese unerfreulichen «Verhaltensstörungen»
der Masterseiten sind unverständlich.
Es wäre genau so gut
möglich, HTML zu generieren, wenn
die aus der Masterseite kopierten Elemente
in der normalen Seite gesperrt
wären.
Hochwertiger Code
Nun fragt man sich, wie es möglich
ist, derart frei gestaltete Layouts in
HTML zu übersetzen, sodass die Seiten
auch wirklich auf allen Browsern ziemlich
genau dem entsprechen, was man
wollte. Der langjährige Webprogrammierer
mag nicht glauben, dass dies
überhaupt gelingen kann. Doch weit
gefehlt! Freeway erzeugt sehr robusten
und kompakten Code, der das Aussehen,
soweit das in HTML überhaupt
möglich ist, auf allen Browsern ziemlich
originalgetreu wiedergibt.
Die Erklärung: In Freeway wird HTML-
Code nur bei einer Vorschau oder beim
Publizieren erzeugt. Da der Code nicht
Freeway 3.1
Hersteller:
Softpress Systems
www.softpress.com
Vertrieb
Application Systems Heidelberg.
Eine Demoversion für 30 Tage
(ca. 5,6 MB) kann bei
www.application-systems.de
heruntergeladen werden.
Systemvoraussetzungen
Macintosh mit PowerPC-Prozessor;
Mac OS 8.1 oder neuer.
Kosten
Vollversion: DM 499.–
Schüler/Studenten: DM 299.–
LE-Version: DM 99.–
Für WIndows ist Freeway noch
nicht erhältlich, aber geplant.
Laut Angabe des Herstellers
befindet sich die Windows-Version
erst in einem frühen
Entwicklungsstadium.

jederzeit zur Verfügung stehen muss,
wie etwa in Dreamweaver oder GoLive,
kann er besser optimiert werden. HTML
fungiert hier also als Endformat, ähnlich
wie Postscript oder PDF im Druckbereich.
Dass es nicht möglich ist, in Freeway
selbst HTML zu editieren, ist der Nachteil
an der Sache. Doch vielleicht entstehen
auf diese Weise sogar die besseren
Websites, weil die Aufmerksamkeit voll
und ganz auf das Gestalten gerichtet ist
und man sich dabei nicht von programmiertechnischen
Fragen leiten lässt.
Die Gestaltung von Websites sollte
sowieso von Grafikern und nicht von
Informatikern übernommen werden –
und Erstere werden kaum selbst HTML
editieren. Für Notfälle gibt es aber
trotzdem die Möglichkeit, HTML einzufügen
oder Tags mit speziellen Attibuten
zu versehen.
HTML-Kenntnisse helfen
beim Verständnis
Natürlich ist auch Freeway nicht ganz
unabhängig von programmiertechnischen
Restriktionen, und wer sie nicht
kennt, ärgert sich, dass sein Vorhaben
«aus unerfindlichen Gründen» nicht
funktioniert. Die Gestaltungsmöglichkeiten
werden massiv eingeschränkt,
wenn man im HTML-3.2-kompatiblen
Modus arbeitet, besonders, wenn CSS
auch deaktiviert ist. In der Werkzeugpalette
kann der Einsatz von Ebenen ein-
oder ausgeschaltet werden. Gemeint
sind die Layers in HTML 4.0. Diese
Layers dienen dazu, ganze HTML-Teile
an einer genau definierten Stelle zu
platzieren, was in früheren HTML-Versionen
nicht möglich war. Unter HTML
3.2 müssen übereinander liegende
Elemente mit komplizierten Tabellenverschachtelungen
simuliert werden.
Freeway übernimmt diese Arbeit und
lässt den Benutzer die Rahmen frei
positionieren. So weit, so gut. Allerdings
hat diese Methode ihre Grenzen,
gewisse Elemente können nicht
übereinander gelegt werden. Wenn der
Designer nun die Idee hat, einen Bildrahmen
in die Mitte eines Tabellenfelds
zu platzieren, wird die ganze Tabelle
deaktiviert, will heissen im Browser
unsichtbar. Er muss den Rahmen ausschneiden,
im Tabellenfeld einsetzen,
die Textausrichtung auf zentriert stellen
und die Ausrichtung der Zelle auf
mittig. Um das zu wissen, braucht er
aber genaue Kenntnisse, was nur in
HTML 4.0 erlaubt ist und wie man das
in HTML 3.2 realisiert.
Diese Restriktionen sind aber nötig, um
verlässlichen HTML-Code generieren zu
können, und man kann Freeway loben,
dass es einem überhaupt die Wahl zwischen
HTML 3.2 und 4.0 gibt.
Actions – dynamische
Elemente
Trotz des DTP-lastigen Konzepts haben
die Programmierer von Freeway keinesfalls
vergessen, dass der Bildschirm
im Gegensatz zum Papier Möglichkeiten
zu Animation und Interaktion
bietet. Dynamische Elemente sind Freeway
nicht fremd. Flash und Quicktime
lassen sich problemlos in die Seiten
einbinden, und vor allem haben sich
die Hersteller mit den so genannten
Actions ein ziemlich elegantes Konzept
einfallen lassen, um häufig gebrauchte
HTML- und JavaScript-Elemente über
ein ganz einfaches Interface beliebig
oft einzusetzen.
Actions sind Zusatzmodule, welche
auch selbst erstellt oder vom Netz geladen
werden können. Zum Beispiel sorgt
ein einfaches mitgeliefertes Action
dafür, dass im Text das heutige Datum
eingefügt wird. Für ein solches Action-
Objekt wird einfach ein Rahmen aufgezogen
und platziert. In der Palette
können dann die spezifischen Optionen
angegeben werden, im Beispiel mit
dem Datum, ob der Wochentag dazugehören
soll oder nicht. Mit diesem
Konzept können beliebig komplexe
Web-Publishing
Plugins erstellt werden, die der Benutzer
dennoch relativ einfach managen
kann. Diese Lösung ist insofern genial,
als sie erlaubt, das Gestalten auch
im Bereich von JavaScript vom Pro-
grammieren zu trennen. In GoLive und
Konsorten ist es ja nur in fixen Ausnahmefällen
möglich, die Funktionen, die
JavaScript bietet, zu nutzen, ohne die
Programmiersprache zu beherrschen.
Fazit
Die Idee, ein Programm zur Erstellung
von Webseiten als gestalterfreundli-
Publisher 5 ·2001 23
Auf der Arbeitsoberfläche von Freeway finden sich Grafiker und Layouter schnell zurecht. Die Ähnlichkeit der verschiedenen
Paletten mit denen von XPress ist gewollt. In der Werkzeugpalette befinden sich auch Bezier- und Rahmenverkettungswerkzeuge.
Bei den Stilen handelt es sich um Textformate.
Das Prinzip der Actions ist eine geniale
Idee. Der Anwender braucht nur ein
paar Parameter anzugeben, während
das komplexe Script diskret im Hintergrund
bleibt.
ches Layoutprogramm zu realisieren,
ist sehr zweckmässig und eigentlich
nahe liegend. Die Designqualität von
Webseiten steigt bestimmt enorm,
wenn man sich voll und ganz aufs
Gestalten konzentrieren kann, denn
erstens braucht man nicht mehr ein
programmiertechnisch und gestalterisches
Doppelgenie zu sein, und zweitens
bieten die Freeway-Tools mehr
Möglichkeiten und sparen überdies
auch noch Zeit.
Erstaunlicherweise ist Freeway, obwohl
schon seit Mitte der Neunzigerjahre
auf dem Markt, bisher die einzige
Anwendung mit diesem Konzept. Die
Umsetzung der Idee ist in der aktuellen
Version 3.1 sehr gut gelungen. Die
Bedienung ist viel einfacher und intuitiver
als bei der Konkurrenz der klassischen
HTML-Editoren, weswegen das
Programm aber keineswegs weniger zu
leisten vermag.
Wer nicht in HTML und JavaScript
träumt, ist mit diesem Programm klar
am besten bedient. Aber auch die klassischen
Programmier-Cracks kommen
auf ihre Kosten, wenn sie neuartige
Actions programmieren und veröffentlichen.