Web-Seiten mit OpenOffice

Galerie im Netz

von Thomas Hümmler

---

Writer ist mehr als eine Textverarbeitung, das Programm kann auch als HTML-Editor dienen. Dank des AutoPiloten "Web-Seite" sind Seiten für Intra- und Extranet schnell zusammen gestellt.

---

Schon während der Installation werden Sie gefragt, ob Sie OpenOffice als HTML-Editor einsetzen möchten. Sie können auch aus Dokumenten schnell fertige HTML-Seiten generieren. Dazu wählen Sie in Writer den Befehl Datei / Senden / HTML-Dokument erzeugen. Damit werden mehrere HTML-Dateien aus dem Dokument erzeugt. Wie viele HTML-Dokumente das letzlich sind, richtet sich nach der Überschrift 1-Absatzvorlage. Pro Vorkommen erzeugt das Programm eine HTML-Seite und eine Inhaltsseite mit Überschriften.

Web-Seite bequem per AutoPilot erzeugen

Sie können aber auch den bequemen Weg wählen und den AutoPiloten Web-Seite bitten, ohne größeres Zutun eine solche zusammenzustellen (Abbildung 1).

Wählen Sie Datei / AutoPilot / Web-Seite. Dort können Sie eine von 14 vorgefertigten Vorlagen und einen der 19 vorhandenen Stile aussuchen. Das Hintergrundbild des gewählten Stils kann gekachelt oder skaliert werden.

Wenn Sie daraus auch gleich eine Vorlage generieren wollen, markieren Sie die Option Vorlage erzeugen. Danach klicken Sie auf Fertig stellen, und die Web-Seite wird erzeugt sowie in Writer geöffnet.

Abb. 1: Bequem: Mit dem AutoPilot Web-Seite können Sie mit wenigen Mausklicks eine ansprechende HTML-Seite erzeugen.

Fotoalbum fürs Internet anlegen

Im nächsten Schritt passen Sie die Vorlage noch an. Wie Sie das bewerkstelligen, soll am Beispiel der Vorlage Fotoalbum gezeigt werden.

Überlegen Sie zunächst, wieviele HTML-Seiten Sie benötigen. Angenommen, Sie wollen zwei Alben mit je drei Seiten gestalten. Dann löschen Sie zunächst links die überflüssigen Zeilen, also die "Seite 4" und die Seiten, die mit "Buch 3" beginnen (Abbildung 2). Dann ändern Sie die Texte "Seitentitel", "Buch 1" und "Buch 2" so, wie Sie es möchten, etwa in "Meine Fotos", "Teneriffa" und "Winter 2004".

Abb. 2: Erster Schritt: Löschen Sie den überflüssigen Inhalt. Danach sichern Sie die weiteren Seiten.

Nun sichern Sie über Datei / Speichern unter die Vorlage so oft, bis Sie alle HTML-Seiten zusammen haben. Nennen Sie die erste HTML-Datei zum Beispiel a1s1.html für "Album 1, Seite 1". (Die Endung .hmtl brauchen Sie nicht mit anzugeben, das erledigt OpenOffice selbständig.) Die weiteren Dateien nennen Sie a1s2.html, a1s3.html, a2s1.html, a2s2.html und a2s3.html.

Links auf andere Seiten einfügen

Laden Sie die Seite a1s1.html. Hier müssen Sie für alle übrigen Seiten per Hyperlink Verweise anlegen. Dazu schalten Sie zunächst über Ansicht / Symbolleisten die Hyperlinkleiste ein.

Markieren Sie dann in der HTML-Datei den Text "Seite 2" des ersten Buchs. Dieser Text erscheint nun direkt links in der Aufklappliste Name des URL der Hyperlinkleiste. Jetzt tragen Sie rechts daneben in die Sammelbox für Internet-URLs den Dateinamen a1s2.html ein und bestätigen mit [Eingabe].

Damit haben die den ersten Link gesetzt. Markieren Sie nun "Seite 3", schreiben diesmal a1s3.html und drücken erneut [Eingabe]. Das Gleiche machen Sie auch mit den anderen Verweisen bis "Seite 3" im zweiten Buch. Dann sichern Sie die Datei. Wie in dieser Datei setzen Sie nun auch in den übrigen HTML-Dateien die Verweise. Tipp: Lassen Sie den Verweis auf die jeweils aktuelle Seite dabei aus, da es immer etwas verwirrend ist, eine Seite per Klick nicht zu verlassen.

Link per Hyperlink-Dialog setzen

Sie können die Hyperlinks statt über die Hyperlink-Leiste auch mit dem Hyperlink-Dialog setzen. Die gleichnamige Schaltfläche steht in der Funktionsleiste. Im Dialogfenster Hyperlink wechseln Sie in der Liste links zu Dokument. Dann wählen Sie rechts über die Schaltfläche Datei öffnen neben Pfad die Zieldatei aus. Anschließend klicken Sie auf Übernehmen.

Navigation über Schaltflächen

Wenn Sie auf die Schaltflächen verzichten wollen (oder müssen), gibt es zwei Möglichkeiten: Sie können hier entweder mit Textzeichen navigieren (etwa "<", ">" und "^"). Dann legen Sie diese Links genauso an, wie zuvor beschrieben. Alternativ verzichten Sie komplett auf die Navigation, da die Steuerung ja auch schon über die Hyperlinks erfolgen kann.

Die Navigation über die drei grafischen Schaltflächen bereitet keinerlei Schwierigkeiten: Die beiden Pfeilsymbole verzweigen jeweils zum vorhergehenden und zum folgenden Dokument, das Home-Symbol soll zur ersten Datei a1s1.html umleiten. Die Hyperlinks dafür legen Sie entweder wie zuvor auch im Hyperlink-Dialog, oder Sie klicken einfach doppelt auf die Schaltfläche: Dann erscheint der Dialog Grafik, in dem Sie auf das Register Hyperlink wechseln. Dort klicken Sie auf die Schaltfläche Auswählen neben URL und wählen die Zieldatei aus und klicken auf Öffnen (Abbildung 3). Schließen Sie den Dialog wieder mit OK.

Vor der ersten Seite gibt es keine vorhergehende. Deshalb brauchen Sie auf den Pfeil nach links keinen Hyperlink legen. Erst ab der zweiten Datei wird auf die jeweils vorige verwiesen.

Tipp: Um den Betrachter nicht zu verwirren, können Sie auf der ersten Seite das Home-Symbol und den Pfeil nach links löschen.

Abb. 3: Per Schaltfläche weiter: Wenn Sie einen Hyperlink auf eine Grafik legen, wird daraus eine Schaltfläche.

Bilder als Symbole laden und verknüpfen

Als Nächstes können Sie sich daran machen, die Bilder in das Fotoalbum zu laden. Dazu klicken Sie doppelt auf ein Bild. Es erscheint -- wie schon bei den Navigationsschaltflächen -- auch hier der Grafik-Dialog. Im Register Grafik können Sie über die Schaltfläche ... rechts neben Dateiname ein Foto laden, das hier angezeigt werden soll.

Das ist jedoch erst die halbe Arbeit, denn das gleiche Foto müssen Sie noch ein zweites Mal auf der Registerkarte Hyperlink auswählen. Klicken Sie neben URL auf die Schaltfläche Auswählen und öffnen Sie das Bild als Hyperlink. Bestätigen Sie mit OK. Nun können Sie mittels Klick auf die Miniaturdarstellung das große Bild laden.

Mit den anderen Bildern der Seite machen Sie es genauso, und danach mit den Bildern in den weiteren HTML-Dateien. So haben Sie das Fotoalbum fast fertig. Überflüssige Zeilen mit Bildvorlagen löschen Sie, indem Sie diese markieren und anschließend im Kontextmenü Zeile / Löschen wählen.

Abschlussarbeiten

Jetzt ist das Album fast fertig, es fehlt nur noch der Feinschliff. Markieren Sie den Text neben den Fotos und geben Sie Ihre eigenen Bildbeschreibungen ein. Danach speichern Sie alles und können die Dateien nun im Browser ansehen.

Wenn Sie vorhaben, das Fotoalbum ins Internet zu stellen, beachten Sie Folgendes: Die HTML-Dateien samt den Grafiken und Bildern sollten Sie in einem Verzeichnis zusammenstellen, bevor Sie Hyperlinks setzen; denn schwieriger ist es, wenn Sie die Struktur Ihrer Festplatte auf Ihrer Homepage nachbilden müssen, nur weil die Bilder laut HTML-Quelltext etwa im Ordner ../OpenOffice1.1.2/share/gallery/www-back stehen. (hge)

Einstellungen für HTML-Dokumente

Unter Extras / Optionen gibt es den Bereich HTML-Dokument, in dem Sie grundlegende Einstellungen für das Arbeiten mit Writer als HTML-Editor vornehmen. Untermenü "Allgemein": Das Untermenü Ansicht ist nahezu identisch mit dem gleichnamigen Untermenü für Textdokumente. Zusätzlich gibt es hier den Bereich Maßeinheit, in dem Sie die Maßeinheit für HTML-Dokumente wählen. Untermenü "Formatierungshilfen": Dieses Untermenü hat nur den Bereich Anzeigen von, den es auch für Textdokumente gibt. Allerdings sind nur fünf Einträge vorhanden und zwei in der Vereinstellung eingeschaltet, so dass sie angezeigt werden, wenn Sie die Anzeige der Steuerzeichen wählen: Absatzende (Voreinstellung: aus), Benutzerdefinierte Trenner (versteckte Trennzeichen; ein), Leerzeichen, Geschützte Leerzeichen (ein) und Umbrüche (also mit [Umschalt-Eingabe] erzeugte Zeilenumbrüche). Untermenüs "Raster", "Drucken" und "Tabellen": Die drei Untermenüs sind weitgehend identisch mit denen für Textdokumente. Im Untermenü Drucken können Sie allerdings nicht das Drucken von Zeichnungen abstellen, und auch linke und rechte Seiten gibt es in HTML nicht. Und im Menü Tabellen gibt es die Option Nicht trennen nicht. Untermenü "Hintergrund": Wollen Sie den Hintergrund für HTLM-Dokumente ändern, können Sie hier eine der 91 in OpenOffice verfügbaren Farben wählen oder es bei der Voreinstellung Keine Füllung belassen.

Dieser Online-Artikel kann Links enthalten, die auf nicht mehr vorhandene Seiten verweisen. Wir ändern solche "broken links" nur in wenigen Ausnahmefällen. Der Online-Artikel soll möglichst unverändert der gedruckten Fassung entsprechen.