Eckarts Lehrstunde aus Funk 05/2001 und 06/2001

Homepage mit StarOffice und Gimp -
Teil 1

Erstellung einer Funkamateur-Homepage mit den kostenlosen Programmen StarOffice und Gimp unter Windows oder Linux

Haben Sie an Ihrem Amateurfunkgerät vielleicht schon eine Frequenzerweiterung vorgenommen und können Sie beschreiben, wie es geht? Haben Sie eine besondere "Super-DX-Antenne entwickelt"? Und haben Sie einen Internetzugang? Dann wäre eine eigene Homepage genau das Richtige für Sie!

In den Heften 4, 5, 6 und 7 der Funk 2000 habe ich beschrieben, wie man Webseiten mit Hilfe der Schriftsprache HTML erstellen kann. Die Erstellung einer kompletten Homepage in HTML ist allerdings nicht einfach. Ich hatte seinerzeit diese Methode für den Anfänger bevorzugt, weil es Spaß macht, ein paar Befehle von HTML zu lernen und sofort zu sehen, was daraus wird. Die Beschäftigung mit dem Computer im Amateurfunk soll ja ein Hobby sein und ein Hobby soll Spaß machen. Freude kommt auf, wenn man kleine Erfolgserlebnisse hat.

Um eine Homepage zu erstellen, wird man in der Praxis meistens ein Programm verwenden, das den umgekehrten Weg geht, nämlich zuerst die Seite im sogenannten WYSIWYG-Verfahren so zu schreiben, wie man sie nachher sieht (WYSIWYG = what you see is what you get) und dann vom Programm in die HTML-Sprache umwandeln zu lassen. Dies hat den großen Vorteil, der sehr einfachen Erstellung aber den Nachteil, dass häufig die Befehle sehr umständlich gewählt und häufig wiederholt werden, so dass eine sehr umfangreiche Datei entsteht.

Da der Vorteil stark überwiegt, werde ich Ihnen zeigen, wie man eine schöne Webseite mit einem Programm erstellen kann, das es sowohl für Windows als auch für Linux kostenlos gibt, nämlich StarOffice von Sun Microsystems, Inc [1]. Sie werden lernen, ein wenig mit StarOffice zu arbeiten und Grafiken mit dem ebenfalls kostenlosen Programm Gimp zu bearbeiten. Sowohl StarOffice als auch Gimp [2] gibt es als Windows- und als Linux-Version kostenlos im Internet.

Anstatt StarOffice können Sie aber auch Word ab Word 97 verwenden und jedes Bildbearbeitungsprogramm für die Bebilderung.

Die Installation von StarOffice unter Linux

StarOffice ist die (kostenlose) Konkurrenz von Star Division zu Microsofts Windows Office. Sie können sich StarOffice kostenlos aus dem Internet holen [1]. Da aber der Umfang der Datei sehr groß ist, wird es teurer, als wenn Sie sich mit Freunden zusammen tun und sich die Installations-CD kaufen. Hin und wieder findet man die neueste Version (zur Zeit 5.2) auch auf den bei Cumputerzeitschriften beigelegten CDs. Wer SuSE Linux installiert hat, verfügt bereits über StarOffice.

Bei der Installation von SuSE Linux wird auf dem Desktop ein Icon gelegt, mit dem die Installation des Programms eingeleitet werden kann. Wenn Sie es noch nicht gemacht haben, klicken Sie auf dieses Icon und installieren Sie die entsprechende Version, normalerweise also wohl die PC-Version, die dann mehr als 250 MB auf der Festplatte einnimmt. Die Netzwerkversion ist gedacht für Büros oder Schulen, die das Hauptprogramm auf dem Server und auf der Workstation nur eine "Bedienerversion" installieren.

Sollten Sie dieses Icon nicht auf Ihrem Desktop finden, gehen Sie entweder über das Startmenü von Linux zu Persönlich, dann zu StarOffice und dort zu Setup. Sollte es bereits installiert sein, starten Sie das Programm vom SuSE Kurzmenü (Bild 1).

Bild 1: Starten von StarOffice über das SuSE Schnellstartmenü

Die Erstellung der Verzeichnisstruktur für die Homepage

Das Prinzip für eine Homepage sollte folgendes sein. Die erste Seite wird als Übersicht gestaltet und enthält nur sehr wenige, kleine Grafiken, damit sich diese Seite sehr schnell aufbaut. Von dort führen dann sogenannte Links zu den weiteren Seiten. Von den anderen Seiten sollte dann ein Link wieder zur Hauptseite zurück führen, wie dies in der Grafik Bild 2 dargestellt ist.

Bild 2: Die Struktur einer Homepage

Im eigenen Interesse sollte man eine genau entsprechende Verzeichnisstruktur der zugehörigen Dateien vorsehen, wie diese in Bild 3 als Beispiel zu Windows zu sehen ist. Grafiken, die man in vielen Detailseiten verwendet, legt man am besten in einem eigenen Ordner Grafik ab. Wenn Sie an Ihrer Homepage öfter etwas ändern oder diese erweitern, sollten Sie eine Seite Aktuell einführen, auf der die neuesten Entwicklungen übersichtlich dargestellt werden.

Bild 3: Beispiel für die Ordner der Homepage (Windows)

Die einzelnen Ordner erstellen Sie bei Linux und bei Windows durch Datei - neu - Verzeichnis. Beginnen Sie in Ihrem Homeverzeichnis mit einem Ordner Meine Homepage. Wenn Sie diesen erstellt haben, klicken Sie einmal darauf und Sie erhalten einen leeren Ordner. Klicken Sie wieder auf Datei - neu - Verzeichnis und erstellen Sie ähnliche Ordner wie diese in Bild 4 (Linux) zu sehen sind.

Bild 4: Beispiel für die Ordner der Homepage (Linux)

Erstellung der Titelseite der Homepage

Nun wollen wir die Titelseite der Homepage und dann noch eine zusätzliche Informationsseite erstellen. Starten Sie die Erstellung einer neuen Textdatei zum Beispiel über das Menü: Datei - Neu - HTML-Dokument. Eine leere Seite wird geöffnet..

Die Titelseite einer Funkamateur Homepage sollte natürlich das Call enthalten sowie Name und freundlicherweise auch die Adresse des Funkamateurs. Dann folgt die Übersicht zu den einzelnen Informationsseiten. Die Übersicht sollte nicht nur Stichworte nennen, sondern deutlich die zu erwartende Information wieder geben.

Schreiben Sie beispielsweise einen entsprechenden Text - noch unformatiert - untereinander. Natürlich verwenden Sie Ihr eigenes Rufzeichen und Ihre eigene Adresse.

Homepage DO1XYZ

Frederik Niemand, Neue Str.100, D-12345 Jedermannstadt

Als erstes soll der Text etwas formatiert werden. Zunächst vergrößere ich die Überschrift Homepage DO1XYZ. Wenn Sie dies auch machen möchten, markieren Sie die erste Zeile und dann wählen Sie eine entsprechende Schriftgröße. Ich habe 24 Punkt fett gewählt, weil dies wohl der höchste Wert ist der von den Browsern unterstützt wird. Dann möchte ich diese Überschrift etwas farbig machen. Wenn Sie dies ebenfalls machen möchten, markieren Sie beide Zeilen und klicken Sie auf das große A und halten Sie die linke Maustaste fest, um eine Schriftfarbe aus zu wählen.

Lassen Sie die Markierung noch bestehen und setzen Sie beide Zeilen in die Mitte der Seite. Dies geschieht am schnellsten, indem Sie auf das Symbol mit den fünf Linien, bei dem die zweite und die vierte Linie in der Mitte stehen, klicken (Bild 5). Wählen Sie nun noch eine Hintergrundfarbe (Format - Seite - Hintergrund). Ich wähle ein dezentes grau. Nehmen Sie keine zu "schockierenden" Farben! Sonst ist der Besucher eventuell auch schockiert und schnell wieder weg. Nun füge ich eine waagerechte Linie ein (Einfügen - Horizontale Linie). Schauen wir uns das Ergebnis einmal in einem Browser an.

Bild 5: So wird ein markierter Text in die Mitte einer Zeile gesetzt

Speichern Sie dafür zunächst diese Datei im Ordner Meine Homepage ab und geben Sie ihr den Namen index. Daraus macht Linux den vollständigen Dateinamen index.html. Genau so muss die Startdatei später heißen, wenn Sie diese bei QSL.NET ins Internet bringen wollen.

Nun können Sie das bisherige Ergebnis betrachten. Klicken Sie in der Linux Taskleiste auf das Häuschen (Homeverzeichnis). Klicken Sie dort auf den Ordner Meine Homepage und schon sehen Sie die Seite, als wäre sie im Internet (Bild 6). Die Datei index.html wird vom Explorer als Internetseite erkannt und direkt als solche dargestellt.

Bild 6: Die Überschrift der Homepage ist fertig

Die Übersicht

Jetzt wollen wir noch die einzelnen Rubriken unserer Homepage als Übersicht darunter schreiben. Beispielsweise könnte es folgende Unterteilung geben.

• Aktuell
• Wer bin ich?
• AFu-Technik
• Antennen
• Aus dem OV

Man könnte einfach die fünf Zeilen untereinander schreiben - fertig. Aber etwas "Schmuck" wollen wir doch noch hinein bringen. Vor jeder Zeile soll schon mal ein sehr kleines Bild als Symbol stehen, so etwas wie ein Icon. Danach sieht die Seite aus wie im ersten Bild. Diese Icons stellen Sie sich selber her. Dazu benötigen Sie allerdings einen Scanner, den Sie auch haben sollten, wenn Sie Ihre Funkstation, Ihre Antennenanlage oder QSL-Karten auf die Homepage bringen möchten. Eine Homepage ohne Bilder ist undenkbar.

Bilder für die Homepage

Für die Seite "Wer bin ich?" könnten Sie ein Passbild einscannen. Scannen Sie das Bild zunächst in einer beliebigen Größe ein, etwa 300 mal 200 Pixel und speichern Sie es im BMP-Format oder TIFF-Format ab. Diese Bildformate verfälschen das Bild noch nicht, was für eine Weiterbearbeitung wichtig ist. Dieses Bild möchte ich anschließend zu einem quadratischen Symbol von 64 mal 64 Pixel machen. Wenn Sie auf meiner Homepage (http://www.qsl.net/dj4uf) auf die Seite "DJ4UF" gehen, sehen Sie solche kleinen Icons.

Nicht nur für die Bildbearbeitung unter Linux auch unter Windows empfehle ich das Grafikprogramm Gimp [1]. Sie finden es bei SuSE-Linux von der Startleiste aus unter SuSE - Multimedia - Grafik - Gimp. Falls Sie es bisher noch nicht benutzt hatten, ist es dort erst zur Installation vorbereitet. Führen Sie die Installation durch und starten Sie es anschließend auf dem selben Weg. Die Windows-Version finden Sie im neuen Sonderheft der funk "amateurfunk 2001 - Software für den Funkamateur" im Verzeichnis \Allerlei\pc_util\gimp\"

Laden Sie nun das eingescannte Bild. Wenn es sich auf der Windows-Partition befindet und Sie unter Linux arbeiten, müssen Sie es erst nach Linux kopieren. Öffnen Sie dazu die Windows-Partition (Desktop - Windows_C oder über Homeverzeichnis und dann aufwärts) und ein zweites Verzeichnisfenster (Homeverzeichnis ... - Meine Homepage) und kopieren Sie die Bilddatei durch "Drag & Drop" (anklicken - festhalten - ziehen) von Windows auf die Homepage. Nun laden Sie die Datei von Gimp aus. (Datei - öffnen ...)

Um daraus ein quadratisches Icon zu machen, ziehen Sie zunächst einen Rahmen, der quadratisch wirkt (Bild 7). Dann klicken Sie mit der rechten (!) Maustaste in diesen Rahmen und wählen Bearbeiten - Einfügen als Neu und Sie erhalten ein zweites Bild. Siehe Bild 8 Mitte! Dieses Bild verkleinern Sie nun auf 64 mal 64 Pixel. Rechte Maustaste - Bild - Skalieren - Neue Höhe 64 Pixel - Breite 64 Pixel.

Bild 7: Bildbearbeitung mit dem Programm "Gimp"

Bild 8: Das Bild wird verkleinert

Nun muss das Bild noch abgespeichert werden. Rechte Maustaste - Datei speichern unter ... - wählen Sie den Ordner Homepage - grafik aus und als Namen der Datei vielleicht icon_ich und als Dateityp jpeg. Falls Gimp "meckert", dass die Datei so nicht abgespeichert werden kann, sondern erst exportiert werden soll, klicken Sie auf Exportieren und OK - fertig.

Bis hier hin sei es erst einmal genug für eine erste "Lektion". Im nächsten Heft lernen Sie, wie man die Bilder auf der Seite einfügt und wie man "Hyperlinks" erstellt.

[1] StarOffice: http://www.sun.com

[2] Gimp: http://www.gimp.org

Zum Teil 2 ->

© 2001 Eckart K. W. Moltrecht, DJ4UF