Joomla läuft, nun geht es darum, das System etwas kennenzulernen. Was liegt näher, als mal ein paar Inhaltsseiten zu erstellen, oder wie man das auch nennt: training on the job. Dieses Kapitel ist auch für Ungeduldige gedacht, die schnell mal schauen wollen, wie Joomla so funktioniert.
3.1 Grundlegender Aufbau des Systems
Nach der erfolgreichen Installation von Joomla wurde eine Seite mit zwei Links angezeigt, die zur für alle sichtbaren Startseite oder zum Backend, dem Administrationsbereich, führen:
Abb. 3.1: Nach erfolgreicher Installation von Joomla
Die Website hüllt sich in das bereits bekannte, noch recht karge Outfit (vgl. Abbildung 2.15), ein Klick auf den Button Administrator führt erstmals in den Administrationsbereich.
Von hier aus wird das gesamte System gesteuert, die einzelnen Funktionen sollen in den nächsten Kapiteln eingehend erörtert werden.
Bevor aber die redaktionelle Arbeit beginnt, sollten Sie sich kurz ein paar Gedanken über die zu erstellende Website machen, indem Sie sich ein paar grundlegende Fragen beantworten:
Was ist das Ziel der geplanten Website?
Welche Informationen will ich dem Besucher übermitteln?
Welche Besuchergruppe soll adressiert werden?
Was erwartet ein Besucher von der Website?
Abb. 3.2: Administrationsbereich von Joomla
Wenn diese Fragen zufriedenstellend beantwortet wurden, folgt die schwierigste Aufgabe: Mit welcher Struktur können die Anforderungen am besten erfüllt, mit welcher Taxonomie sollte die Seite hinterlegt werden?
Das Ergebnis hat direkt Auswirkungen auf das Navigationskonzept, also das Bedienungsmenü. Das ist natürlich kein einfaches Unterfangen, da jeder Besucher mit einer bestimmten Vorstellung die Seite besucht. Auf jeden Fall muss verhindert werden, dass der Besucher sich nach ein paar Klicks hoffnungslos im Navigationsdschungel verfangen hat, dem er nur noch durch Schließen des Browsers entkommen kann.
Das Szenario für die Übungsseite, die in diesem Buch beispielhaft erstellt werden soll, sieht folgendermaßen aus:
Ein kleiner Verein von Orchideenliebhabern beschließt, dass der Verein unbedingt eine eigene Homepage bekommen soll. Er erhofft sich davon, bekannter zu werden und der etwas schrumpfenden Mitgliederzahl entgegenzuwirken. Der Umfang der Webpräsenz soll dabei weit über eine einfache Web-Visitenkarte hinausgehen, mehr noch: Um die Attraktivität der Website zu steigern und möglichst viele Besucher anzulocken, soll der Inhalt vor allem Tipps und Tricks zur Orchideenpflege umfassen. Daneben soll der Webauftritt auch die zukünftige Kommunikationsplattform für das Vereinsleben bilden.
Alles zusammen also ein Anforderungsprofil, das einen reichhaltigen Funktionsumfang erfordern dürfte, das andererseits aber auch durch ein System wie Joomla hervorragend abgedeckt werden kann. So wie man für ein Buch zunächst ein Gliederungskonzept erstellt, beginnt man auch in diesem Fall mit der Strukturierung des Themenfeldes, am besten, indem man eine Liste der relevanten Begriffe aufstellt, die man z.B. im Rahmen eines Brainstormings findet:
Pflanzenfamilie, Links, Orchideenarten, Orchideenbilder, Aufzucht, Pflegehinweise, Wachstumsbedingungen, Ausstellungen, Kontakt, Orchideenerde, Vereinsinterna, News, Orchideenkulturen, Terminkalender, Orchideendünger, Anmeldeformular, Kontaktformular.
Im nächsten Schritt müsste diese Sammlung geordnet werden, um Überschriften bzw. Kategorien zu finden, die sich z.B. für ein Navigationskonzept eignen:
Zwei Gruppen kristallisieren sich bei näherem Hinsehen heraus:
Informationsseiten
Funktionsseiten
Zur ersten Gruppe könnte man rechnen:
Infos über Orchideen, Orchideenarten und die Pflanzenfamilie überhaupt, eventuell mit Bildergalerie
Infos über Wachstumsbedingungen, Kultur und Pflege, Krankheiten und Schädlinge
Infos über den Orchideenclub und das Vereinsleben sowie allgemein über die Clublandschaft in Deutschland
Zur Gruppe der Funktionsseiten würde man zählen:
Terminkalender mit Hinweisen auf Veranstaltungen des Clubs oder Ausstellungen, an denen der Club sich beteiligt
Impressum, ein Muss für jede Website
ein Kontaktformular, mit der Besucher z.B. ihr Interesse an einer Mitgliedschaft im Verein bekunden oder sich sogar gleich anmelden können
ein Bereich, der nur für angemeldete, also dem System bekannte Mitglieder zugänglich ist und vorzugsweise vereinsinterne Mitteilungen enthält
eine Liste mit Links zu anderen Webseiten, die der Verein für interessant oder empfehlenswert hält
eventuell noch eine Rubrik, in der Medien zum Download bereitgestellt werden
Natürlich könnte man auch auf die Idee kommen, Orchideenpflanzen oder zumindest Utensilien für die Kultur der Pflanzen über die Seite zu vermarkten. Die Verantwortlichen sind jedoch der Ansicht, diese Webshop-Funktion erstmal hintenanzustellen.
Damit sieht dann die vorläufige Struktur der Seite folgendermaßen aus:
Abb. 3.3: Erste Entwurfsskizze zur geplanten Homepage
Dieses Schema wird auf den nächsten Seiten mit Leben erfüllt und weiter verfeinert werden.
3.2 Die erste Seite – Goodbye HTML-Datei
Bereits in der Einleitung wurde kurz erwähnt, dass die Erzeugung von Websites, genauer: von HTML-Seiten, bei Content-Management-Systemen wie Joomla ganz anders verläuft als im herkömmlichen Sinn. Man erstellt nicht mehr einzelne Dateien, die Text zusammen mit geeigneten Tags zur Formatierung und Strukturierung der Inhalte enthalten.
Vielmehr stellt Joomla einen Rahmen, Template genannt, zur Verfügung. Texte und Grafiken werden in ein Bildschirmformular eingegeben, in einer Datenbank gespeichert und vom System zur Laufzeit zu einer Webseite zusammengesetzt. Was der Server letztlich ausliefert, ist natürlich eine HTML-Seite, die aber nicht als einzelne Datei abgelegt ist.
Abbildung 3.4 zeigt, wie die Seite später aussehen soll.
Die Startseite, also die Ansicht, die sich dem Besucher nach Eingabe der Haupt-URL öffnet, enthält typischerweise eine kurze Begrüßung oder Willkommensnachricht, die zeigen soll, dass man sich bei der Eingabe nicht vertippt hat, die aber vor allem den Besucher neugierig machen und ihn zum Verweilen und weiteren Stöbern ermuntern soll. Sie soll also ansprechend gestaltet, aber nicht so beschaffen sein, dass der Besucher den Monitor mit dem Mauszeiger millimeterweise abscannen muss, um den Link zu finden, mit dem es zum eigentlichen Content weitergeht.
Abb. 3.4: Die fertige Beispielseite, wie sie später ungefähr aussieht
Begrüßungstexte können witzig, povokativ oder sehr persönlich sein. Hier ist ein Beispieltext, der von allem etwas enthält:
Liebe(r) Orchideenfreund(in),
gehören Sie auch zu denen, die von sich sagen können, dass eine Pflanze bei Ihnen selten länger als 6 Wochen durchgehalten hat?
Dann sind Sie hier richtig!
Zumindest, wenn Sie diesen Zustand ändern wollen.
Sie erhalten allerdings keine Tipps vom geheimnisvollen Guru mit dem mystischen grünen Daumen, sondern Hintergrundinformationen über die Lebensprozesse dieser faszinierenden Pflanzengattung und darüber, wie man Wissen aus der molekularen Botanik gewinnbringend zur Aufzucht und Pflege von Orchideen einsetzen kann.
Wir wünschen Ihnen viel Freude beim Studium der nachfolgenden Seiten und viel Erfolg mit Ihrem Hobby.
Wie kommt dieser Text nun auf die Homepage?
3.2.1 Einen einfachen Text erstellen
1 Rufen Sie im Browser den Administrationsbereich Ihrer Joomla-Webseite auf, z.B. durch Eingabe von www.meineWebseite.de/administrator. Das Anmeldefenster von Joomla öffnet sich.
Nach Eingabe der Zugangsdaten öffnet sich der Administrationsbereich mit dem Kontrollzentrum:
Abb. 3.5: Der Administrationsbereich von Joomla im Überblick
2 Klicken Sie in der linken Navigationsspalte auf »Neuer Beitrag« – der integrierte Editor öffnet sich:
Abb. 3.6: Der integrierte Editor von Joomla
3 Geben Sie in das Feld Titel ein: »Willkommen bei den Orchideenfreunden« oder einen ähnlichen Text.
4 Schreiben Sie in das darunter liegende große Textfeld die Begrüßungszeilen, z.B. den obigen Textvorschlag.
5 Klicken Sie links oben auf den grünen Button Speichern.
Dieser Prozess erscheint auf den ersten Blick überaus einfach. Er suggeriert die gerne kolportierte Aussage über Joomla und ähnliche Content-Management-Systeme: »Erstellen Sie eine Website in einer Stunde ohne Kenntnis von HTML!«. Die Praxis sieht allerdings etwas anders aus. Zugegebenermaßen war es auch nur ein einfacher, kaum formatierter Text, der auf die Website gezaubert werden sollte, immerhin aber kein Hantieren mit speziellen HTML-Editoren und irgendwelchen...
