DG6BI - Software- Elektronik- und Multimedia-Projekte
News:


Der Homepagebaukasten

Auf der Suche nach einem geeigneten System zu Erstellung einer Website bin ich zunächt bei CMS-Systemen gelandet. Dies scheint heute das Mittel der Wahl zu sein, Websites zu erstellen und zu warten. Gute und freie CMS-Systeme findet man viele, leider benötigt man meist Webspace, der PHP und SQL zur Verfügung stellt. Auf der Suche nach einem kostenlosen zuverlässigen Dienst bin ich leider nicht fündig geworden. Entweder funktionierte die Datenbank, oder der FTP-Zugriff nicht. Es kamen PHP-Fehlermeldungen oder mit jeder Seite derart störende Popup-Fenster, so dass ich den Gedanken CMS verwarf.

Nach ebenso unzufrieden stellenden Versuchen mit Freeware-Homepage-Baukästen habe ich auch diesen Ansatz verworfen. Dazu muss immer gesagt werden, dass diese Programme nicht grundsätzlich schlecht sind. Mich störte nur die eingeschränkte Anpassbarkeit und der zum Teil mächtige Installationsaufwand.

So besann ich mich auf die beiden guten alten Freeware-Html-Editoren Kompozer (Freeware, früher NVU) und Phase5 (frei für Privatanwender). Außerdem ist folgende Literatur unbedingt empfehlenswert:
Das Html-Seminar läßt sich gut wie ein Buch lesen. Stück für Stück wird man in Html und CSS eingeführt. Auch das Boxen-Konzept ist dort sehr gut erklärt, so dass man sehr schnell zu gut strukturierten Ergebnissen kommt. SelfHtml bietet sich vor allen Dingen für den Fall an, noch einmal genau nachzulesen, wie einzelne Befehle funktionieren.

Warum ein Homepagebaukasten?

Die Frage läßt sich mit dem typischen Aufbau heutiger Html-Seiten beantworten. Eine Html-Seite besteht heute sehr oft aus einem Navigationsbereich und einem Inhaltsbereich. Hierbei ist der Navigationsbereich für alle Seiten meist gleich, der Inhaltsbereich variiert jedoch von Seite zu Seite. Haben wir mehrere Html-Seiten zu bearbeiten, muss neben dem Inhalt auf jeder Seite das gleiche Menü gepflegt werden. Bei zehn oder mehr Html-Seiten muss man also immer wieder das gleiche Menü separat pflegen. Das ist sehr aufwändig, fehleranfällig und insgesamt unprofessionell.

Es stellt sich also die Frage, wie man das immer gleiche Menü und andere sich wiederholende Inhalte effektiv in die gesamte Seite einbindet. Früher setzte man hierzu die Frame-Technik ein. Dies ist allerdings mit verschiedenen Nachteilen verbunden. Heute gibt es andere Möglichkeiten. Einige Server bieten sogenannte Server Side Includes an. Da die Website dann an einen solchen Server gebunden ist, schied diese Lösung für mich aus. Sehr einfach läßt sich dieses Problem über PHP lösen, allerdings war es meine Vorstellung, ohne PHP auszukommen. PHP macht für mich Sinn, wenn wirklich etwas gesteuert werden soll, doch davon später. Zur Anzeige von statischem Text und Bildern sollte man mit einem einfachen Server und Html auskommen.

Die Aufgabe dieser Zusammenführung verschiedener und sich wiederholender Elemente übernimmt z.B. auch ein Homepagebaukasten.  Er stellt ein Template mit Hintergrund, einen Navigationsbereich und einen Inhaltsbereich zur Verfügung. Dort kann man dann seine Inhalte erstellen und das Menü bearbeiten. In einem speziellen Schritt werden dann das Menü und die Inhalte zu den einzelnen in sich vollständigen Html-Seiten zusammengebaut. Dies wird meistens mit Hilfe von PHP gemacht, welches auf dem Rechner installiert sein muss. Die auf diese Weise erstellten Seiten kann man dann auf seinen Webspace hochladen. PHP ist dort dann nicht mehr erforderlich.

Nachteil ist die eingeschränkte Zahl von Vorlagen und die oft vorhandene Notwendigkeit von PHP. Außerdem sind einige freie Homepagebaukästen an bestimmte Webspace-Anbieter gebunden, womit man wieder einen Teil seiner Flexibilität verliert.

Die Frage ist also, welche wesentlichen Aufgaben der Homepagebaukasten uns abnimmt. Es handelt sich um: Wer bereit ist, sich etwas mit der Materie auseinander zu setzen, der kann, learning by doing, diese Aufgaben an zwei freie Programme deligieren, die sich hervorragend ergänzen.

Kompozer:

Der Komposer ist ein freier WYSIWYG-Editor. Im Kompozer kann zunächst das Layout der kompletten Webseite erstellt werden. Er erlaubt es, eine Webseite wie in einem Textverarbeitungssystem zu erstellen. Der Text wird während des Schreibens fast so dargestellt, wie er  auch auf der Webseite zu sehen ist. Zur Kontrolle gibt es zusätzlich eine Preview-Ansicht. Für Bearbeitungsschritte, die in der WYSIWYG-Ansicht schlecht durchgeführt werden können, bietet der Kompozer die Möglichkeit, den Html-Quelltext direkt zu bearbeiten. Eine ganz besondere Hilfe im Kompozer ist der CSS-Editor. Er ist so gelungen, dass man dadurch spielend die CSS-Zusammenhänge erkennt. Manchmal allerdings "zickt" das Programm etwas. Dies passiert bei wiederholtem Löschen und Einfügen von Textelementen in der WYSIWYG-Ansicht. Auf einmal hat man keinen Cursor mehr zum Schreiben und kann nicht weiterarbeiten. Dies ist kein Problem. Daten speichern, Kompozer beenden und neu starten. Daten gehen dabei normalerweise nicht verloren. Außerdem empfiehlt es sich, die css-Datei gelegentlich zu sichern. Unter bestimmten Umständen neigt der Kompozer dazu, diese zu zerschreiben.

Phase5:

Phase5 ist kein WYSIWYG-Editor. Trotzdem erzeugt Phase5 ein Html-Gerüst, in das der Quelltext mit Hilfe der verschiedenen Menüs und Toolbars sehr bequem eingefügt werden kann. So muss man auch bei Phase5 nicht unbedingt jedes Html-Tag kennen, es reicht auch hier, zu wissen, wie man den Text formatieren will. Man markiert den zu formatierenden Text und legt dessen Darstellung fest. Nur ein Nachteil bleibt: Man sieht während des Scheibens nicht, wie z.B. Bilder und Texte miteinander wirken.

Allerdings hat Phase5 eine bahnbrechende Eigenschaft: Er beherrscht die Technik, in Html-Seiten bei der Erstellung Include-Dateien einzubinden. So kann man das z.B. das immer wiederkehrende Navigationsmenü als Include-Datei auf der Platte ablegen und natürlich auch bearbeiten.  Nach der beendeter Bearbeitung der Webseiten kann Phase5 mit wenigen Mausklicks alle Include-Dateien in unsere Webseiten einbinden, bzw diese aktualisieren. Danach werden alle Seiten hochgeladen und wir sind fertig.

Total-Commander und Notepad++:

Nicht zuletzt möchte ich noch zwei Programme nennen, mit denen ich sehr gerne arbeite. Sie haben wohl nicht direkt etwas mit der Webseitenerstellung etwas zu tun, sind aber recht wertvolle Hilfsmittel bei der täglichen Arbeit am Computer. Es handelt sich um den Total-Commander und um den Texteditor Notepad++. Der Total-Commander ist ein Filemanager, der auch ftp beherrscht. Somit ist er optimal für den Up- und den Download unserer Webseiten geeignet. Notepad++ ist mehr als nur ein Ersatz für den Notepad. Es lohnt sich, beide Programme auszuprobieren. Die beiden Programme hier zu beschreiben, würde den Rahmen sprengen. Sie können einfach zuviel :-) .

Konfiguration von Komposer und Phase5:

Zur Bearbeitung etwas größerer Websites mit Phase5 und Komposer ist es sinnvoll, ein paar Grundeinstellungen vorzunehmen, damit die beide Programme Hand in Hand arbeiten und die Arbeit leichter wird.

Zunächst lädt man sich Phase5 und den Komposer am besten von den weiter oben  verlinkten  Seiten in ein Installationsverzeichnis. Phase5 kann dann anschließend einfach per Start der Setup-Datei installiert werden. Hierbai können normalerweise alle Einstellungen übernommen werden.

Der Kompozer wird auf der oben verlinkten Seite als zip-Datei angeboten. Am einfachsten ist es, diese Datei in einen Ordner Kompozer unterhalb von c:\Programme auszupacken, z.B. c:\Programme\Komposer8.1. Danach sollte man sich noch eine Verknüpfung auf dem Desktop für den Komposer anlegen.

Weiter geht es mit dem Dreispalten-Tutorial mit Kompozer und Phase5.