Die Menüs in einer solchen Navigation sollen eine Menge Links aufnehmen um immer alle mich interessierenden Webseiten im schnellen Zugriff zu haben. Das soll hier mit einer von WordPress vollkommen unabhängigen Navigation erreicht werden. Natürlich hat WordPress selbst auch eine eigene, Blogroll genannte Navigation und sicher auch ein attraktives Navigations Plugin NAVT. Ausprobiert habe ich NAVT aber nicht. Navigationen kann man durch HTML ul-Listen mit CSS-Stile erzeugen. Am besten mit Hintergrundbildern durch den CSS-Stil: background-image:url(/images/Bild.jpg) um dadurch den Menüpunkt als Button von der Umgebung abzusetzen. Mit etwas Übung und Probieren bekommt man das auch ganz gut hin. Schwieriger wird es, wenn man Menü Hierarchien aufbauen will wie in meiner Navigation. Dazu verwendet man am besten JavaScripte, die das Aufklappen der Unterstrukturen beim Überfahren der Menüs mit der Maus steuern. Will man sich aber nicht mit JavaScript Programmierung auseinandersetzen so verwendet man am Besten entweder gleich ein Web-Entwicklungstool wie z.Bsp. Adobe-Dreamweaver oder man geht auf die Suche nach Menü Generatoren im Internet. Ich habe mich für Easy Button & Menue Maker von Blumentals Software, zu sehen im rechten Bild. Diese Software kostet 19,85€ ist aber nach meiner Einschätzung ihr Geld wert. Verschiedene Vorlagen kann man ausprobieren und die Untermenüs, die ja z.Bsp. bei mir in den WordPress Inhalt hineinklappen, transparent schalten. Beachten sollte man, dass in den Untermenüs keine Sonderzeichen wie ä, ö, ü usw. vorkommen dürfen. Leerzeichen können zu ungewollten Zeilenumbrüchen im Untermenü führen.  Man muß die korrespondierenden HTML Sonderzeichen anwenden (steht im HTML Editor unter der Tafel mit dem Ω-Symbol). Beim Abspeichern der individuellen Navigation wählt man die Option ‘Insert into Webpage’, Option ‘Just generate HTML Code and necessary Files’ um dann alle gif-Bilder, die javascript- und CSS Datei in einen gemeinsamen Ordner – und das ist wichtig – mit absolutem Verzeichnispfad abzulegen. Damit ist gewährleistet, dass die Navigation in Dateien auf allen Verzeichnisebenen der Webpräsenz eingebaut werden kann. Den HTML Codes selbst fügt man mit ‘Copy’ und ‘Paste’ zum Schluß in seine eigene Webseite ein. Ausprobieren auf allen Browsern zum Abschluß ist dann selbstverständich.

1. Teil: Der lange Weg zur eigenen Webseite: Einführung
2. Teil: Der lange Weg zur eigenen Webseite: Fotogalerie
3. Teil: Der lange Weg zur eigenen Webseite: WordPress
4. Teil: Der lange Weg zur eigenen Webseite: Navigation

Ich war einfach nicht mehr mit den statischen Web Seiten, die ich bis dahin erstellt hatte, zufrieden. Es sollte die Möglichkeit geschaffen werden, Beiträge zu schreiben, diese zu verwalten, zu modifizieren und zu löschen. Kommentierungsfunktionen und Rückmeldungen sollten auch mit eingebaut werden genau so wie verschiedene Benutzer mit unterschiedlichen Rollen (Administrator, Autor usw). Kleine Gimmicks wie “Das Wetter” und eine Diashow in der Seitenleiste werten eine Webseite auf ohne zu sehr abzulenken und standen auch mit auf der Wunschliste. All das kann man selbst in HTML programmieren – mit beträchtlichem Aufwand und schwer zu pflegen und auf Stand zu halten. Ein kommerzielles Webdesign Progamm wie Adobe-Dreamweaver kann man benutzen. Die Kosten sind allerdings nicht unerheblich. Sollen mehrere Autoren am gleichen Projekt arbeiten ist dies nur sinnvoll machbar beim Einsatz von Adobe-Contribute. Das war dann eher nicht was ich wollte. Im Jahre 2007 hatte ich mich schon einmal mit Joomla beschäftigt. Es ist ein freies Content Management System (CMS) also ein kostenloser Webdesign Baukasten wie einige andere auch, z.Bsp. Typo3, Drupal oder WordPress. Ich habe mich dann letztendlich für WordPress entschieden. Es ist ursprünglich ein dynamisches Web-Log (= Blog) oder elektronisches Tagebuch gewesen. Das ist auch heute noch der Schwerpunkt dieser Anwendung. Durch eine Reihe von kleinen, sehr einfach zu installierenden Bausteinen, Plugins genannt, kann man WordPress aber in Richtung eines fast vollwertigen CMS Systems wie etwa Joomla erweitern. Mir erschien dabei die Handhabung von WordPress leichter als das was ich bei Joomla oder Typo3 gesehen habe. Also habe ich mich für WordPress entschieden.

Als nächstes benötigt man eine Testumgebung. Dynamische CMS verwenden meistens die Software Sprache PHP zur Programmierung und speichern Einträge, Optionen und Attribute in einer Datenbank, in der Regel MySQL. Als Testumgebung reicht der normale Browser, der nur HTML versteht, nicht mehr aus. Man muß sich seinen eigenen Webserver auf seinem lokalen Rechner aufbauen. Das geht ganz einfach mit xampp von Apache Friends. Diese Software ist kostenlos und erzeugt bei der Installation keinerlei Registry Einträge im lokalen PC. Man kann alles auf einem USB Stick installieren und seinen Server sowie die dann dort aufgesetzte Webseite auf jedem Rechner starten und laufen lassen.

Nachdem der lokale Webserver als Testsystem installiert ist wird die WordPress Software eingepielt. Einfach herunterladen von der deutschen WordPress Internetseite und den Installationsanweisungen folgen. Ruft man dann die Webseite durch Eingabe von z.Bsp.: http://localhost/wordpress in der Adressleiste des Browsers auf, kommt man zur Willkommenseite von WordPress, die man am Anfang dieses Beitrages sehen kann.

Wenn alles soweit läuft, kann man einige Artikel in WordPress einstellen und mit Lorem ipsum Blindtext auffüllen. Dann geht es an die Individualisierung der Webpräsenz durch Auswahl eines sg. Themes. Viele kostenlose Themes gibt es auf der WordPress Seite im Verzeichnis Themes. Ich habe mich damals für das Tarski Theme entschieden. Ganz flexibel kann man Themes mit dem Generator von Artisteer erzeugen. Zwei Beispiele sind hier zu sehen.  Einmal links  steht ein zweispaltiges Layout, das mit der Trialversion der Artisteer Software durch ein paar wenige Klicks erstellt wurde. Das rechte Theme besitzt z.Bsp. drei Spalten und vermittelt einen ganz anderen Eindruck. Das Umschalten von einem Theme in ein anderes erfordert in WordPress übrigens nur ein paar Mausklicks im sg. Backend, der Verwaltungsseite. Man kann und soll viel probieren um zu erfahren, was so alles machbar ist. Der Artisteer Theme Generator läßt auf äußerst flexible Art alle möglichen Themes mit wenigen Mausklicks erzeugen. Die Software kostet in der Home&Education Version 49,95$ und ist diesen Preis nach meiner Einschätzung Wert.

Eine WordPress Installation lebt von seiner Vielzahl an Plugins. Dieses sind kleine Helferchen, die man an verschiedenen Stellen in seine Webpräsenz einbauen kann ohne selbst HTML, PHP oder ähnliches zu programmieren. Man muß verschiedene Plugins im Testsystem probieren und sich so ein eigenes Bild der Auswirkung auf die Webseite machen um abschließend zu entscheiden welche man in seiner Webpräsentation haben will und welche nicht. Alle 4300 registrierten Plugins findet man hier. Meine aktiven Plugins findet man in der Tabelle weiter unten. Ich habe auf alle Plugins zum Managen von Beiträgen, Kommentaren, Formularen und allen Verkaufserweiterungen (meistens Formulare mit Registrierungen und Bankeinzug etc.) verzichtet, da ich sowas nicht benötige. Auch das Einbinden von Werbebanner ist für meine Webseite nicht erforderlich.

Meine aktiven Plugins

Hat man sich für ein tolles WordPress-Theme entschieden und sich die schönsten Plugins ausgesucht und nach Installationsanweisung aktiviert, bleiben noch die Seitenleiste, bei mir rechts, und ggf. Statische Seiten zu erzeugen. Die Seitenleiste kann man mit sg. Widgets belegen. Im Backend unter Darstellung, Widgets diese einschalten und an die richtige Stelle schieben. Auch das perönliche Profil, bei mir ganz oben, ist ein kleines Widget, das man mit Text füllt. Dann bleiben noch die Statischen Seiten. Schon Blog-Beiträge kann man mit Attributen versehen, wie: Passwortschutz und auf Startseite fixieren. Statische Webseiten sind bei einer Vereinsseite für einen Sportverein z.Bsp. die Seiten für Vorstand, Mannschaftslisten, Anfahrweg, Impressum usw. Blogs sind dann die Spielberichte. Statische Seiten werden innerhalb von WordPress als HTML Files abgelegt. Blogs auf der anderen Seite wären die Spielberichte, die in der Mitte der Seite stehen, der neueste Blog ganz oben, die älteren unten. In meiner Webseite verwende ich statische Seiten fürs Wetter und das Kontaktformular.

Das Einbauen des WordPress Auftritts in eine bestehende Webseite. wie sie hier links zu sehen ist, erfordert viel Probieren und zwar in allen verfügberen Web-Browsern. Besonders der Internet Explorer 6 zeigt häufig nicht das erwartete Ergebnis. Am einfachsten ist es, WordPress in einer eigenen Subdomain (kann man unter seinem Account beim Webhoster einrichten. Erreichbar unter z.Bsp. http://wordpress.Friedrich-Glasenapp.de) zu installieren und dann mit einem iframe-tag diese Webseite in den vorgesehenen weißen Bereich der übergeordneten Webseite einzubauen. Der entscheidende Nachteil bei dieser Methode ist, dass Suchmaschinen immer die Adresse: http://wordpress.Friedrich-Glasenapp.de/etc anbieten und man daher als Einsprung und Design nicht sein eigentliches Layout mit dem Header Bild und der Navigation beim Anklicken über die Suchmaschine (z.Bsp. Google) erhält. Die bessere Wahl ist mit CSS zu arbeiten und den weißen Bereich als div-Container für WordPress zu reservieren und dort einzubinden. Header und linke Navigationsleiste baut man in wp-content/Themes/tarski/header.php ein (Theme hier ist Tarski), footer Informationen entsprechend in wp-content/Themes/tarski/footer.php. Viel Probieren und Geduld – wie schon erwähnt – ist nötig.

Zum Abschluß dieses Blog Eintrages eine Anmerkung zum Webhoster also dem Dienstleister, der einem den Webauftritt erst durch Überlassen von IT Resourcen ermöglicht. Man muß bei etwas umfangreicheren WordPress Anwendungen sicher stellen, dass die Variable PHP-Memory-Limit möglichst auf 64MB eingestellt ist. Ansonsten bekommt man beim Aufruf der Webseite eine Fehlermeldung. Ich mußte bei meinem Provider das Paket Performance AddOn hinzukaufen.

1. Teil: Der lange Weg zur eigenen Webseite: Einführung
2. Teil: Der lange Weg zur eigenen Webseite: Fotogalerie
3. Teil: Der lange Weg zur eigenen Webseite: WordPress
4. Teil: Der lange Weg zur eigenen Webseite: Navigation

Die Frage des Webhosters, also den Dienstanbieter im Internet, der meine Daten für die Internetpräsentation auf seinen Servern verwaltet und für mich eine eigene, freie Domain (bei mir www.Friedrich-Glasenapp.de) besorgt, ist zuerst zu klären. Ich bin damals einer Empfehlung gefolgt und habe mich bei der Fa. Kontent angemeldet. Derzeit habe ich dort 1 Domain, 2GB Webspace, 100GB/Monat Traffic, 10MB MySQL Datenbank Speicherplatz, 1 Datenbank und das sg. Performance AddOn gebucht. Das alles kostet derzeit 8,50€ im Monat (incl. 19%MwSt). Die Erfahrung ist, dass man mit diesem Webhoster leben kann allerdings erwäge ich im Herbst nach All-Inkl umzuziehen und dort das Paket “ALL-INKL Privat Plus” zu buchen. Dieser Webhoster bietet wesentlich mehr Leistung für etwas weniger Geld. Insbesondere sind die gebotenen 10GB Webspace und die e-mail Verwaltung interessant, was bei Kontent zusätzlich kosten würde. Auch die Referenzen im Internet für All-Inkl sind ausgesprochen positiv. Besonders verspreche ich mir eine schnellere Reaktion bei Browseranfragen; hier war Kontent zeitweise sehr langsam, obwohl sich das anscheinend in den letzten Wochen verbessert hat.

Nun, es wurde nicht Herbst 2009 sondern Januar 2010 bis ich mich zum Providerwechsel aufraffen konnte. Weihnachten 2009 habe ich mich noch mal genau im Internet umgeschaut und auch eine Testinstallation meines WordPress Blogs auf All-Inkl installiert. Dabei ist mir aufgefallen, dass der PHP Memory Limit von 64MB, den man bei All-Inkl erhält, bei meinen vielen Plugins in WordPress nicht ausreicht. Ein Aufstocken ist – nach Rücksprache mit der Hotline – nicht möglich. Also schied All-Inkl aus. Ich bin dann nach intensiver Webrecherche auf sysprovide gestoßen und habe meine Webseite dorthin umgezogen. Hosteurope war übrigens auch noch eine ernstzunehmende Alternative. Gewählt habe ich bei sysprovide den Basis-8000 Tarif mit 8GB Webspace, 30 Postfächer und Mailadressen, unlimitiertem Traffic, 2 Domains, 80MB PHP Memory Limit und das alles für weniger als die Hälfte des Preises, den Kontent für viel weniger Leistung verlangt. Ausschlaggebend bei meiner Wahl war der Webspace, die Kundenzufriedenheit in Foren, Hotline Erreichbarkeit übers Festnetz und der Preis; wobei ich beim Preis eher an ein gutes Preis/Leistungsverhältnis interessiert bin. Bislang bin ich mit dem neuen Provider voll zufrieden.

Der eigentliche Providerwechsel erfolgt dann wie folgt: Buchen des Webspaces beim neuen Provider. Dieser richtet dann den Zugang innerhalb einiger Stunden ein. Kopieren des Webspaces vom alten zum neuen Provider via FTP. Alle Plugins in der alten WordPress Präsenz deaktivieren, Backup der alten WordPress MySQL Datenbank und Einspielen beim neuen Provider (via MySQLDumper). Vor dem Einspielen muß man nach dem alten ‘Document Root’ in den Tabellen der MySQL Datenbank suchen und den Eintrag durch den neuen Pfad ersetzen. Zum Abschluß passt man wp-config.php entsprechend den neuen Zugangsdaten an und das wärs dann schon.

Jetzt folgt der Domainumzug. Hierzu stellt man den KK-out Antrag (per FAX) beim alten Provider und einen KK-Übernahme Antrag beim Neuen. Der alte Provider schickt dann einen Autorisierungscode per Mail, mit dem der neue Provider bei der Registrierungsstelle Denic den Domainumzug wirklich vollziehen kann. Den Zustand von Domains sowie Registrierungsinfos bekommt man übrigens sehr schön auch bei Whois.de gezeigt. Nach 2-3 Tagen ist der Umzug abgeschlossen und alles läuft (hoffentlicht) wieder 1A. Die Plugins müssen aktiviert werden, das ist natürlich klar, einige Optionen bei Plugins müssen nachgestellt werden -warum auch immer. Also auf jeden Fall alles mal durchprüfen. So, das als kleines, verspätetes Anhängsel zum Providerwechsel und nun weiter im Originaltext …

Als nächstes, bevor man mit der eigentlichen Entwicklungsarbeit anfangen kann, braucht man eine Testumgebung. Statischer HTML Code kann jeder Browser wie Internet Explorer (IE) in verschiedenen Versionen, Opera, Firefox etc. darstellen. Dabei ist es empfehlenswert auf allen gängigen Browsern – soweit im Zugriff – zu testen, besonders Firefox, IE6 und IE7. Man sollte es nicht glauben aber sie unterscheiden sich zum Teil erheblich (besonders IE6 und älter) in der korrekten Darstellung der Webseite. Ich kann nur empfehlen sich den Firefox Internetbrowser auf jeden Fall zu laden, denn hier gibt es ein sehr nützliches AddOn, nämlich den Firebug. Ihn lernt man besonders schätzen wenn man nachforscht warum gewisse Darstellungsstiele nicht richtig im Browserfenster erscheinen (Schrift kleiner, Absätze verschoben etc.). Man kann den Firebug als Debugger für HTML Code bezeichnen. Als weitere Werkzeuge zum Arbeiten benötigt man einen HTML Editor, mindestens den kostenlosen notepad++ oder die kostenpflichtige all-inclusive Web Entwicklungsumgebung Adobe Dreamweaver oder billigere HTML Editoren wie z.Bsp. von Blumentals Software mit Kosten von knapp 40€. Man kann auch nach anderen, freien Editoren im Internet suchen. Um die erstellten Daten auf den Webserver in das eigene Webspace zu laden verwendet man am besten das kostenlose Filezilla FTP Programm. Auch dieses ein unentbehrlicher kleiner Helfer.

Jetzt geht’s endlich an die eigentliche Frage: Welche Galerie soll genommen werden. Für mich war wichtig, eine Galerie aber mehrere, dadrunter einzuordnende Alben zu verwalten. Und eine Diashow mit weichen Übergängen und einen Vollbildmodus sollte es auf jeden Fall auch sein. Ansonsten einfach zu handhaben. Zuerst hatte ich mir Gallery von Menalto angeschaut und auch für etwa ¼Jahr installiert. Diese Galerie ist kostenlos, hat viele Optionen wie Benutzerverwaltung, Kommentierung und Bewertung von Fotos, Verkauf und Zugriffsrechte. Hierzu benötigt die Software eine MySQL Datenbank um all diese Metadaten ablegen und verwalten zu können. Mann kann das Look-and-Feel individualisieren aber so richtig kam ich damals am Anfang meines WebDesigner Daseins damit nicht klar. Ähnlich stand es um Coppermine. Sehr mächtig, ähnlich wie Gallery. Mit diesen Tools kann man Bilderagenturen betreiben aber sie sind für meine Zwecke überdimensioniert. Angeschaut habe ich mir die Galerien in Adobe-Lightroom’s Web-Modul aber die waren mir dann doch zu einfach. Durch Zufall stieß ich dann auf die SlideShowPro Galerie. Das Interessante war die Einbindung in Adobe-Lightroom und die vielfältige Konfiguration komplett in Lightroom. Auch gefiel mir das dezente Design und die Möglichkeit, Audio und Filme mit einzubinden. Diese Software ist nicht kostenlos: Preis 35,-$. Der Kern dieser Galerie ist ein sg. Shockwave Flash (Dateierweiterung: .swf), ein kompilierter ActionScript Flash Sourcecode File. Zum Abspielen im Browser benötigt man den Adobe Flash Player. Fast jede Webseite verwendet Flash Animationen irgendwo sodass man davon ausgehen kann, dass der Player auf jedem Rechner installiert ist. Beim Exportieren der SSP-Webgalerie aus Adobe-Lightroom wird ein startbarer, kompletter HTML Datensatz erzeugt, der im Prinzip auf den Webserver an die richtige Stelle in der Dateistruktur der Webseite geladen werden kann. Die Galerie benötigt keine Datenbankunterstützung, kennt dafür aber auch keine Benutzerrollen, Kommentare, Bewertungen etc.

Als Layout für diese statische Fotogalerie HTML Seite habe ich mich für ein Layout mit Header-Bild, einer linken Navigationsleiste und dem Haupt Inhaltsbereich rechts daneben sowie einen Fußbereich (Footer) ganz unten als Abschluß entschieden. All diese Bereiche werden mit div Bereichstags definiert und dann über ein (externes) CSS Stylesheet richtig mit den nötigen Dekorationen positioniert. Wie das funktioniert muß man sich anlesen. Z.Bsp. auf der SELFHTML Webseite oder in diversen Büchern. Ein guter Tipp ist Galileo Press wo man auch längere, öffentliche Passagen für Leseproben findet.

Durch viel Probieren und immer wieder im Browser beurteilen kommt man dann irgendwann zu einer Webseite, die einem gefällt. Ich habe dann daraus HTML Seiten für thematisch unterschiedliche Fotogalerien erzeugt und alles mit einfachen, durch das CSS Stylesheet und div Bereichen als vertikale Menüs positionierte Links im Navigationsbereich auf der linken Seite eingebettet. Diese sehr einfache Navigation war der erste Ansatz. Er ist nicht so ohne weiteres für verschiedene Menüebenen erweiterbar. Das habe ich dann ganz am Schluß in Teil 4 geschafft.

Eine Besonderheit ist das Sichern einer Privaten Galerie mit Benutzernamen und Passwort, bei mir ist es die “Private Galerie”. Das macht man am einfachsten indem man die Private Galerie in ein Unterverzeichnis auf dem Server ablegt und einen Verzeichnisschutz in einer .htaccess Datei setzt. Wie das genau geht liest man in SELFHTML nach oder googled einfach. Der Passwortschutz ist durchaus sicher, da das Passwort verschlüsselt abgelegt wird.

1. Teil: Der lange Weg zur eigenen Webseite: Einführung
2. Teil: Der lange Weg zur eigenen Webseite: Fotogalerie
3. Teil: Der lange Weg zur eigenen Webseite: WordPress
4. Teil: Der lange Weg zur eigenen Webseite: Navigation

Die entstandenen digitalen Bilder kann man nicht nur auf seinem eigenen Computer ablegen, sondern – viel besser – übers Internet jedem Interessierten überall auf der Welt zugänglich machen. Das zu realisieren war schon ein erheblicher Motivationsschub für mich mich mit dieser Materie intensiver zu beschäftigen. Nebenbei reizen mich technische IT Lösungen ungemein als Gegenpol zur sich immer stärker ausbreitenden reinen Verwaltungsarbeit im Berufsleben. Durch die begrenzte Freizeit, die ich in meine Webpräsenz investieren konnte, zog sich das ganze Projekt jetzt über mehr als 2 Jahre hin. Auch war ich häufig mit dem Erreichten erst einmal zufrieden ehe sich dann mit der Zeit neue Ideen einstellten. Das Ganze durchlief verschiedene Phasen und war mindestens zwei Mal am Rande des Scheiterns. Doch jetzt ist es so weit, dass ich damit zufrieden bin und es für mich abgeschlossen ist. Deshalb kann ich an dieser Stelle inne halten um ein Resümee zu ziehen und über Erfahrungen zu berichten.

Die Vorgabe oder in Moderndeutsch ‘Das Projekt Charter’ ist kurz erklärt:

Fotos sollen im Vordergrund stehen – ganz klar. Deshalb sollte die Webpräsenz eher in dezenzt dunkel getönten Hintergrundfarben ohne aufdringliche Animationen daher kommen sodass man von den Bildern nicht zu sehr abgelenkt wird. Eine Atmosphäre wie im Kino beim Bilderbetrachten wird von mir angestrebt. Später ist eine Weblog Erweiterung, im Deutschen wohl am besten zu umschreiben mit elektronischem Tagebuch, basierend auf Standard Software Paketen, die im Internet frei kopierbar sind, an- und einzufügen.

Der Entwicklungszyklus selbst zerfällt in drei Stufen:

1. Eine Fotogalerie soll im Mittelpunkt stehen. Es muß eine Galerie sein, die in meinen sg. Fotoworkflow, der auf Adobe-Lightroom als Bildentwicklungs- und Verwaltungssoftware aufgesetzt ist, gut eingebunden ist. Vollbildbetrachtung als selbst ablaufende Diashow ist unerläßlich. Die Bilder an sich und das komfortable Betrachten soll im Vordergrund stehen. Navigationsleisten haben dabei erst mal keine große Bedeutung. Die Webseite kann rein statisch angelegt sein. Das heißt sie besteht aus HTML code ohne Anbindung an eine Datenbank wie z.Bsp. üblicherweise MySQL.
2. Als Stufe 1 stabil Mitte 2008 implementiert war wollte ich Texteinträge zu verschiedenen Themenbereichen publizieren können. Dazu kam nur ein sg. CMS (Content Management System) – also ein Webdesign Baukasten – in Frage. Es sollte in die bestehende Fotogalerieumgebung eingebunden werden.
3. Als Abschluß im April 2009 wollte ich die linke Seitennavigation der Webpräsenz überarbeiten. Das alte Navigationsschema mit seiner einen Menüebene war zu starr. Meine Vorstellung waren aufklappbare, javabasierte Menübuttons bis zur Tiefe zwei. Ähnlich wie die Favoriten im Web-Browser sollten die wichtigsten externen und internen Links in der Menüleiste in allen meinen Webseiten zur Hand sein.

1. Teil: Der lange Weg zur eigenen Webseite: Einführung
2. Teil: Der lange Weg zur eigenen Webseite: Fotogalerie
3. Teil: Der lange Weg zur eigenen Webseite: WordPress
4. Teil: Der lange Weg zur eigenen Webseite: Navigation