Webauftritt meiner Schule via CMS System Joomla! Dieser Arbeitskatalog hilft dir notwendige Arbeiten zu strukturieren. Grundsätzliches Das CMS System Joomla trennt strikt Content (Inhalte, Fotos, ) und Design. Der Programmierer kümmert sich einmal beim Erstellen der Webseite um: Layout Raster Optik Aussehen Hintergründe Schriftfarben Schriftart Schriftgrößen Anzeigepositionen Kommt ein neuer Beitrag dazu, muss sich der Editor, der diesen Beitrag erstellt keine Gedanken über Schriftart, Schriftfarbe, Schriftgröße, machen. Darum genügt zum Bearbeiten der Webseite auch ein einfacher Editor. Der Content wird dann automatisch durch das festgelegte Design im Browser richtig dargestellt. Folgendes Beispiel verdeutlicht diesen Umstand in der Praxis Bearbeitungsmodus Als Editor der Webseite hast du in etwa folgendes Fenster zur Verfügung. --------------------------------------------------------------------------------------------------------- Browseransicht Im Browser sieht das Ganze dann so aus Infos, die Joomla, wenn gewünscht selbständig schreibt. Seite 1 von 5
Struktur deiner Datenbank Joomla verwaltet all deine Texte und Fotos, also jeglichen Content in einer Datenbank. In dieser Phase geht es nun ausschließlich um die Struktur dieser Datenbank. Diese kannst und sollst du sogar selber festlegen. Das Aussehen, die Optik, Position und Design spielen hier noch keine Rolle. Beginne deine Überlegungen mit den Menüpunkten. Als Menü bezeichnet man auf einer Webseite fixe immer vorhandene Links, die dich zu weiteren Inhalten (Beiträgen) deiner Webseite führen. Bevor du daran gehst dein Menü zu strukturieren ist es günstig über ein paar grundsätzliche Aspekte von Joomla Bescheid zu wissen. Joomla Verstehen Artikel Der gesamte Content (Text und Fotos) wird in Artikeln gespeichert. Die folgende Abbildung zeigt dir 8 Beiträge. Jeder Beitrag hat eine eindeutige ID (Kennung) in der Datenbank. In diesem Beispiel sind diese ID 101 bis ID 108. Du siehst, dass jeder Beitrag einem eindeutigen Bereich und Kategorie zugeordnet ist. Beim Schreiben von Joomla Beiträgen fragt dich Joomla jedes Mal in welche Kategorie bzw. Bereich du deinen Artikel speichern willst. Damit bekommt er eine eindeutige Zugehörigkeit. Grundsätzlich gilt: Artikel sind in Kategorien zugeordnet. Kategorien wiederum sind in Bereichen zusammengefasst. Somit ist es später dann möglich, einen Menüpunkt auf eine bestimmte Kategorie zu lenken und der Betrachter der Webseite bekommt dann alle dieser Kategorie zugeordneten Artikel angezeigt. Seite 2 von 5
Joomla Verstehen Blogansicht In dieser Ansicht werden quasi in kleinen Blöcken, die ein,- zwei, oder auch dreispaltig angeordnet sein können, die Artikel mit einem kurzem Einleitungstext gezeigt. Erst bei Klick auf den Link (Artikelname) gelangt man zum eigentlichen einzelnen Artikel mit allen Fotos und Joomla Verstehen Listenansicht In dieser Ansicht sind alle Artikel in einer Liste untereinander gereiht. Dabei wird nur der Artikelname gezeigt. Also keine kurzen einleitenden Textpassagen oder Fotos wie in der Blogansicht. Joomla Verstehen Menü Über ein Menü ist nun folgendes möglich: einzelne Artikel anzusteuern In diesem Fall wird nur dieser eine speziell ausgewählte Artikel gezeigt. eine Kategorie anzeigen zu lassen Es werden alle Artikel der Kategorie entweder in Blogansicht oder Listenansicht gezeigt einen Bereich anzeigen zu lassen Es werden alle Artikel die dem Bereich zugeordnet sind entweder in Blog,- oder Listenansicht gezeigt Entscheidest du dich bei einem Menüpunkt, dass bei Klick eine bestimmte Kategorie gezeigt wird, so werden dadurch alle Beiträge, die dieser Kategorie zugeordnet sind, in Blog oder Listenansicht gezeigt. Natürlich kannst du mit einem Menüpunkt auch nur einen speziellen Artikel ansteuern und anzeigen lassen. Seite 3 von 5
Überlege nun, welche Menüpunkte du auf deiner Webseite publizieren möchtest und gib an, was bei Klick auf den jeweiligen Menüpunkt passieren soll. Bereite deine Überlegungen in folgender Art und Weise vor. Studiere im folgenden Abschnitt mögliche Vorschläge, damit du anschließend selber deine Struktur entwerfen kannst. Mögliche Vorschläge Beispiele: Menüpunkte / Untermenüpunkte Was soll geschehen Startseite Titel: Startseite Schulfoto + kurzer Text Aktuelles Kategorie Blog Name der Kategorie: Aktuelles Jeder Artikel, der dieser Kategorie zugeordnet ist erscheint später hinter diesem Menüpunkt. Kontakt Alle wesentlichen Kontaktdaten sollen hier publiziert werden. Link zu E-Mail Direktion, Schule Schüler Lehrer Hinter diesem Menüpunkt sollen 3 weitere Menüpunkte erscheinen. Klassenfotos aller Klassen mit KV + Schülernamen Liste mit allen Lehrern tabellarisch dargestellt Direktion Kategorie Liste Infos aus der Direktion Der Direktor möchte mehrmals im Schuljahr Beiträge zu diversen schulischen Themen verfassen, die hinter dem Menüpunkt Direktion zugänglich sind Seite 4 von 5
Wie geht es weiter Nimm nun Papier und Bleistift. Entwirf deine Menüstruktur. Notiere deine Überlegungen, was du mit jedem einzelnen deiner Menüpunkte erreichen willst. Benenne deine Menüpunkte. Halte dich im Wesentlichen an die oben dargestellte Struktur. Wenn du damit fertig bist, stelle deine Skizzen digital in geeigneter Form dar. (siehe Beispiele oben) Layout und Design Nachdem du nun deine Inhalte datenbankmäßig strukturiert hast, versuche nun deine Vorstellungen in Hinblick auf die Optik, das Aussehen deiner Webseite so gut es dir möglich ist zu skizzieren bzw. in digitaler Form festzuhalten. Überlege: Da du bereits deine Menüpunkte definiert hast, überlege nun ob du ein vertikales oder horizontales Menü haben willst. Es kann auch vorkommen, dass du deine Menüpunkte in 2 verschiedenen Menüs, die noch dazu unterschiedlich aussehen unterbringen möchtest. Für Joomla alles kein Problem. Joomla kann beliebig viele Menüs verwalten. Ein Menü hat in der Regel einen fixen Platz auf der Webseite. Nimm nun Papier, Bleistift bzw. Buntstifte und beginne deine Startseite zu zeichnen. Lass deinen Gedanken freien Lauf und gestalte einen Entwurf, wie du dir deine Startseite vorstellst. Die Startseite ist die erste Seite, die ein Betrachter sieht, wenn er deine URL über einen Browser aufruft. Wichtig in dieser Phase ist hier auch das Definieren des Layouts (Raster einer Webseite) Beim Entwurf dieses Rasters geht es sowohl um Positionen einzelner Elemente als auch um deren Größe. Nimm folgende Fragen als Anhaltspunkte: Welchen Platz, und welche Größe sollen deine Menüs einnehmen? Soll es einen feststehenden Kopfbereich mit LOGO, Bilderwechsler, geben? Wenn es so einen Kopfbereich gibt, wie hoch soll dieser sein? Soll deine Webseite im Browser, unabhängig von der Größe des Monitors auf eine fixe Breite beschränkt sein? Soll sich deine Webseite im Browser dynamisch auf den gesamten Bildschirm ausdehnen? Möchte ich dunkle Schrift auf hellem Hintergrund oder umgekehrt. Als Faustregel gilt, je genauer du hier arbeitest, desto besser und ähnlicher kann der Programmierer deine Vorstellungen umsetzen. Versuche, falls es dir möglich ist, deine Startseite auf einer Powerpoint Folie oder in einem quergestellten Word Dokument so darzustellen, wie du gerne möchtest, dass deine Startseite im Browser anschließend aussehen soll. Seite 5 von 5