Anleitung und Style-Guidelines für die TuS-Recke Homepage

Transkript

1 Anleitung und Style-Guidelines für die TuS-Recke Homepage Elmar Athmer 17. Juli 2007

2 Seit dem läuft die TuS-Recke Homepage mit dem CMS Typo3. Dies ist eine Anleitung für alle die, die die TuS Homepage aktiv mitgestalten. Dabei soll diese Anleitung sowohl technische als auch gestalterische Aspekte abdecken. Beides ist gemeinsam zu betrachten ist nötig, da zum Beispiel die Fähigkeit eine Bohrmaschine zu bedienen noch nicht bedeutet, dass man auch gut Bohren kann (Kabel in der Wand).

3 Inhaltsverzeichnis 1 Todo 4 2 Einleitung Erklärungsvideos Was ist ein CMS Wieder eine neue Software? Technische Realisierung mit Typo Zugang zum Backend Prinzipien Backend und Frontend Hierachien und Seiten Grundlegende Funtkionen Dateimanagement Weitergehende Funtkionen Accounteinstellungen Corporate Identity - Style Guidelines 10 5 Anhang FAQ Glossar Kontakt Index

4 1 Todo Dies sind nur ein paar Stichworte - hauptsächlich für mich - was in das Dokument eingebracht werden soll. Allerdings können die Punkte schon als Mini-Leitfaden dienen was zu beachten ist so lange sie noch nicht ausformuliert sind. ˆ keine Ausrufezeichen, nur ein Satzzeichen ˆ Bitte nicht plenken ˆ nix buntes (bzw SEHR sparsam) ˆ keine leeren Seiten (alternativ verstecken) ˆ jede Seite MUSS text haben, nicht nur Unterseiten ˆ kurzzeitig aktuelles in News-Seiten packen ˆ tabellen mit Tabellendatensatztyp (und nicht im RTE) ˆ Ansprechpartner sind Listen in der Spalte rechts, einfach mal ausprobieren (solange hier nicht genau erklärt) ˆ News auf der Seite müssen beantragt werden solange sie nicht da sind ˆ nicht mit dem Anlegen von Ordnern im Fileadmin geizen. ˆ möglichst eine Bildschirmseite voll mit einzelner Seite ˆ Beschreibungen für Oberseiten nicht vergessen, sprich nicht nur unterseiten... ˆ Beim News schreiben an KATEGORIE (unter Relations) denken (sonst wird die News nicht angezeigt) ˆ Möglichst ein Foto/Bild auf die Seite ˆ nichts animiertes ˆ URHEBERRECHT BEACHTEN keine noch so trivialen Bilder von anderen Seiten benutzen ˆ keine bilder die nichts mit dem Inhalt zu tun haben ˆ sich zurücklehnen und die gesamte Sparte duchblättern nach dem Bearbeiten, andere Fragen (ODER MICH!) ˆ Bilder beim hochladen sinnvoll benennen, in ordner sortieren 4

5 2 Einleitung Die TuS Webseite wurde um den mit der Zeit gestiegenden Ansprüchen gerecht zu werden auf das CMS Typo3 umgestellt. Dieses ist zwar für Redakteure recht intuitiv, bietet aber (selbst in der reduzierten Version für den TuS) eine Vielzahl von sinnvollen Funktionen, die einen professionellen Internet Auftritt ermöglichen, aber auch erstmal bekannt sein müssen. Dieses Handbuch soll einen kleinen Einstieg geben sowohl in das Bearbeiten der Seite mit Typo3 rein von der technischen Sichtweise (Bedienung der Software) als auch Hinweise zur optimalen Gestaltung der Seite. 2.1 Erklärungsvideos Zu den wichtigsten Punkten in diesem Handbuch gibt es kleine Videos unter tusrecke.de/handbuch/. Um diese abzuspielen benötigt man den Ogg-Theora Codec. Diesen ndet man zum kostenlosen Download für Windows unter xiph.org/releases/oggdsf/oggcodecs_ exe. 2.2 Was ist ein CMS ist die Abkürzung für Content Management System, zu Deutsch also Inhaltsverwaltungssystem. Ein weiterer gängiger Begri und auch besser eklärender ist Redaktionssystem. Ein Redaktionssystem ermöglicht Redakteuren das gemeinsame Arbeiten am Inhalt einer Webseite. Dabei müssen Sie sich weder mit HTML, CSS oder ähnlichen Techniken zur Webseitengestaltung auskenne, sondern bekommen eine einfach Schnittstelle zum Eingeben von Daten. Bei vielen CMS braucht man des weiteren nichtmal ein spezielles Programm, sondern kann optimaler Weise direkt über den Webbrowser die Seite bearbeiten. Weiterhin muss sich ein Redakteur auch nicht um Design Aspekte kümmern, es gibt vorgefertigte Strukturen, die dann automatisch grasch dargestellt werden. 2.3 Wieder eine neue Software? Im Laufe der Zeit wurde TuS-Seite oftmals überarbeitet, zuletzt im November Folgende Entwicklung hat die TuS-Seite in den letzten 5 Jahren durchschritten: ˆ statische Seite, alle Inhalte musstem vom Webmaster eingepegt werden ˆ Möglichkeit aktuelle Nachrichten auf der Startseite zu veröentlichen ˆ die Nachrichten wurden um Fotos erweitert 5

6 2.3. WIEDER EINE NEUE SOFTWARE? KAPITEL 2. EINLEITUNG ˆ erste Inhaltliche Gestaltungsmöglichkeiten für Sparten mit: Seiten mit einzelnen Unterseiten, aktuelle Nachrichten für jede Sparte und fünf Inhaltselementen (einzelner Text, Foto, groÿe Überschrift, kleine Überschrift, Tabelle) mit Hilfe von Standard- Formularen ˆ November 2005: Die vorhandenen Formulare wurden durch Editoren ersetzt. Es gibt beliebig viele Unterseiten, eine Seitenverwaltung, sowie einen Menüeditor. ˆ Juli 2007: Die Seite wurde unter der Oberäche komplett auf Typo3 umgestellt, es gibt wieder eine Auftrennung nach Inhaltselemente, aber immernoch einen WYSIWYG- Editor für Text, ein sehr gutes Menüsystem und insgesamt eine stabile Basis. Die meisten Schritte stellten eine deutliche Funktionale Verbesserung dar. Die aktuelle Softwareumstellung wurde aber dadurch nötig, dass das System vom November 2005 den Anforderungen nicht mehr gewachsen war. Dadurch, dass die Bedienung relativ intuitiv war, funktionsreich war, und schneller Ergebnisse lieferte haben sich immer mehr Leute um aktuellen Inhalt gekümmert. Allerdings war das System auf so eine weite Benutzung nicht ausgelegt und hielt den Anforderungen nicht mehr stand, auf Dauer traten viele Fehler, vor allem mit dem Menüeditor hervor. Viele weitere Teile des Systems waren einfach zu unexibel geworden. Hier soll nun das CMS Typo3 aushelfen. Typo3 ist ein sehr weit verbreitetes Open- Source CMS (unter der GPL), das schon zu den Enterprise CMS gezählt wird. z.b. setzt Greenpeace für seine Webseite Typo3 ein. Typo3 bietet auf Grund des breiten Einsatzes und vieler Reserven eine zukunftssichere Platform für die TuS-Recke Homepage. 6

7 3 Technische Realisierung mit Typo3 Typo3 ist sehr funktionsreich, nur die wirklich benötigten Funktionen wurden für die TuS- Homepage aktiviert um die Einarbeitungszeit zu verringern. Im folgenden möchte ich die wichtigsten Funktionen beschreiben, einige lasse ich bewusst aus, ich werde bei jeder Erklärung nicht bewusst alle Möglichkeiten beschreiben. Für die auf der TuS-Seite verfügbaren Optionen, die hier nicht erklärt werden gilt einfach: ausprobieren. Die für die TuS-Seite unsinnigen Funktionen wurden eben deaktiviert. Wer einen kompletten Überblick über alle Typo3-Features haben möchte sei hier auf die Typo3-Homepage ( verwiesen. 3.1 Zugang zum Backend zum Backend erhält man als registrierter Benutzer durch einen Klick auf Intern im Menü der TuS-Recke Seite. Benutzerzugänge müssen bei mir beantragt werden, da sie manuell auf Berechtigung überprüft werden müssen und die Rechte für den Benutzer gesetzt werden müssen. 3.2 Prinzipien Es gibt ein paar grundlegende Prinzipien und Terminologien die einem bei der Arbeit mit Typo3 begegnen Backend und Frontend Es wird zwischen den beiden groÿen Teilen und unterschieden. Das Frontend bezeichnet einfach den Teil der Webseite den der Webseitenbesucher sieht wenn er die Seite im Browser ansurft. Das Backend ist der passwortgeschützte Bereich in dem der Redakteur arbeitet um die Inhalte zu erstellen und pegen, die wiederum im Frontend dargestellt werden Hierachien und Seiten Typo3 kennt als Hauptelement Seiten. Seiten können verschiedene Typen haben, der gängiste ist hier Standard, Standardseiten sind die Seiten die den Inhalt vorhalten. Diese Inhaltselemente nennt man, die wichtigsten Datensätze sind: ˆ Tabellen 7

8 3.2. PRINZIPIEN KAPITEL 3. TECHNISCHE REALISIERUNG MIT TYPO3 ˆ Auistungen ˆ einfache Texte ˆ Texte mit Foto ˆ Fotos ˆ Nachrichtenmodul ˆ Seiten Ja, Seiten sind eigentlich nur Datensätze von anderen Seite, somit lassen sich beliebig tief verschachtelte Hierachien aufbauen, die Hierachien werden als Seitenbaum im Backend angezeigt. Das Backend ist in drei Sektionen aufgeteilt, das Menü, den Seitenbaum und das Hauptfeld. Das Menü beinhaltet neben der Hauptkategorie Web vier weitere Kategorien Datei, Dokumente, Benutzer und Hilfe. Web Im Menü ist die wichtigste Kategorie ist Web, durch Auswahl eines Moduls unter Web wird der Seitenbaum angezeigt. Dieser ist dann der Ausgangspunkt für alle Bearbeitungen und Einstellungen der Seiten. Der Klick auf eine Seite im Baum önet dafür die Seite im Hauptfeld mit Bearbeitungsformularen abhängig von dem im Menü gewählten Modul. Der Groÿteils dieses Kapitels dreht sich um diese Kategorie da sie ja der Dreh und Angelpunkt zum Einstellen von Inhalt ist. Datei Unter Datei bendet sich ein Dateimanager zum Hochladen und Organisieren von Datei, eine genaue Beschreibung folgt im eigenen Unterkapitel Dateimanagement. Dokumente Dokumente listet alle geöneten Datensätze auf, dazu später auch mehr dann erklärt es sich von allein. Benutzer Hier können Sie Einstellungen für ihren Benutzeraccount vornehmen, werfen Sie einfach mal einen Blick rein, diese Einstellungen werde ich in diesem Handbuch nicht näher beschreiben die meisten sind selbsterklärend. Das Passwort kann hier z.b. geändert werden. Normalerweise sind hier aber keine Einstellungen nötig. 8

9 3.3. GRUNDLEGENDE KAPITEL FUNTKIONEN 3. TECHNISCHE REALISIERUNG MIT TYPO3 Hilfe Die in Typo3 eingebaute Hilfe kann als weitere Lektüre zu diesem Handbuch hinzugenommen werden. 3.3 Grundlegende Funtkionen 3.4 Dateimanagement 3.5 Weitergehende Funtkionen 3.6 Accounteinstellungen 9

10 4 Corporate Identity - Style Guidelines 10

11 5 Anhang 5.1 FAQ 5.2 Glossar HTML CSS Typo3 CMS Webbrowser Webmaster 5.3 Kontakt 11

12 Index Backend, 7 CMS, 5 Datensätze, 7 Frontend, 7 WYSIWYG, 6 Zugang, 7 12