Die Inhalte Ihres Webauftritts werden mit einem CMS (Content-Management-System) erstellt.

Transkript

1 RSG-LE Dokumentation (Version 2) Inhaltsverzeichnis: 1. Hinweise zur Nutzung der Website RSG-LE.de 2. Die Website im Überblick 3. Schritt für Schritt erste Schritte 4. Neue Seiten anlegen 5. Seiten-Inhalte anlegen 1. Hinweise zur Nutzung der Website RSG-LE.de - Bitte an vorgegebene Ordnung der Seite orientieren, damit das einheitl. Gesamtbild erhalten bleibt - Bitte keine persönlichen Einträge z.bsp. eigene Berichte über Wettkämpfe etc. - Verlinkung auf eigene Homepage bitte über Profil der Gymnastin - Bitte vorerst max. 5 Videos pro Gymnastin Videos, die in Youtuobe, myvideo o.ä. eingestellt sind, können unendlich viel eingestellt werden, da nur Verlinkt - Bitte Aktualisierung in das Logbuch eintragen - Bitte neue Unterpunkte (MENÜPUNKTE) in Großbuchstaben schreiben 2. Die Website im Überblick Ihre Website ist unter der Domain registriert. Die Inhalte Ihres Webauftritts werden mit einem CMS (Content-Management-System) erstellt. Als CMS Ihrer Website wurde TYPO3 gewählt, welches ein freies Entwicklungsframework ist. TYPO3 wird auf einem Webserver betrieben und von einem Webbrowser aus gesteuert. 2.1 Fachbegriffe: - CMS = Inhaltsverwaltungssystem - Serverseitiges CMS = das Inhaltsverwaltungssystem befindet sich auf einem Server im Netzwerk (Internet) und muss somit nicht auf Ihren PC installiert werden. - Frontend = das Frontend ist Ihre Website, welche der Internet-User beim Aufruf von rsg-le.de sehen kann. - Backend = ist der Teil Ihrer Website zum Erstellen der Inhalte (das CMS).

2 Frontend Backend 2.2 die Struktur der Website RSG_LE bietet z.z. eine Menüstruktur von 5 Ebenen an. Ebene 1 ist die Hauptnavigation mit den Menüpunkten: Über uns, Neuigkeiten, Wettkämpfe aber auch die Menüpunkte TRAINING, SO FINDEN SIE UNS, IMPRESSUM liegen in dieser Ebene. In Ebene 2 liegen die jeweiligen Untermenüpunkte der Ebene 1. Zum Beispiel liegen unter ÜBER UNS die Menüpunkte GYMNASTINNEN und TRAINERINNEN In Ebene 3 liegen demnach die Untermenüpunkte der Ebene 2. In Ebene 4 liegen demnach die Untermenüpunkte der Ebene 3. In Ebene 5 liegen demnach die Untermenüpunkte der Ebene 4. Wenn solch eine Struktur grafisch dargestellt wird, entsteht ein Verzeichnisbaum (Sitemap) der Website.

3 Im Augenblick ( ) hat rsg-le diese Struktur. Der Menüpunkt LIPSIADE 2009 ist ein Menüpunkt auf Ebene 5 und somit der am tiefsten liegende Menüpunkt der Website. Die Ebene 5 kann sehr viele Seiten aufnehmen. Das Erstellen neuer Seiten wird im Punkt 4 erläutert. Hinweis: Wenn Sie Menüpunkte in Ebene 6 erstellen, können diese im Menü nicht angezeigt werden und sind somit für einen Besucher des Frontend nicht direkt erreichbar. Inhalte in tieferen Ebenen (ab Ebene 6) können nur über Links angezeigt werden. Sitemap RSG-LE 3. Schritt für Schritt erste Schritte 3.1 in das Backend einloggen - Browser öffnen (z,b. Firefox, Internet Explorer), bitte den Opera-Browser in seiner Standardeinstellung nicht für die Arbeit im Backend nutzen - Die URL eingeben - Username: und Password: eingeben (nach einer Falscheingabe wiederholen) 3.2. eigenes Passwort ändern - in das Backend einloggen - Im Menü Benutzerwerkzeuge Einstellungen Neues Passwort: eingeben und Button Konfiguration Speichen drücken - Das neue Passwort merken

4 3.3 Die Tabelle PROFIL vervollständigen - in das Backend einloggen - Menü Web Seite auswählen - Im Verzeichnisbaum die Seite PROFIL auswählen - In Inhaltsbereich das Icon bearbeiten (Stift) oder Button (In Rich-Text-Editor bearbeiten) drücken - Daten eintragen - Speichen-Symbol drücken (Diskette) (Überarbeitung vom ) Die Tabelle PROFIL (Bild) ändern A. Um das Profil-Bild zu ändern, wie im Punkt 3.3 vorgehen, aber jetzt muss das Stift-Symbol gewählt werden.

5 Stift-Symbol zum Bearbeiten der Inhaltselemente. B. Im Dialogfeld Seiteninhalt Text mit Bild auf Medien gehen. C. Das zuvor bearbeitete und hochgeladene Bild (wenn möglich FTP-Programm nutzen) auswählen. Speichern nicht vergessen!

6 Nun habt Ihr schon einen kleinen Einblick in die Arbeit mit Typo3 bekommen und möchtet nun eigene Seiten anlegen 4. Neue Seiten anlegen Um neue Seiten anzulegen, gibt es mehrere Möglichkeiten: über die Sitemap oder über die Inhaltsübersicht einer vorhandenen Seite. Variante: vorhandene Seite 4.1. Button Neue Seite 4.2. Position wählen Die Position der neuen Seite beeinflusst die Ebene und die Reihenfolge im Menü.

7 Prinzipiell ist die Position und Reihenfolge der neuen Seite erst einmal unwichtig, da die Seite jederzeit verschoben werden kann! 4.3. Seitentitel angeben Die Sichtbarkeit einer Seite kann jederzeit unter Seiteneigenschaften geändert werden. Variante: Sitemap Auf der Sitemap (Baumansicht) kann man die Seiten auf verschiedene Weise manipulieren. WICHTIG: Icon anklicken nicht den Text Wurde das Icon von MEINE FOTOS gewählt wird die neue Seite eine Unterseite von dieser. Im Kontextmenü können die Seiten weiter bearbeitet werden.

8 5. Seiten-Inhalte anlegen Folgende Inhaltstypen sind z.z. für RSG-LE freigegeben. - Normaler Text Ein normales Textelement mit Überschrift und Fließtext. - Text mit Bild Eine beliebige Anzahl von Bildern mit umfließendem Text. - Nur Bilder Eine beliebige Anzahl von in Zeilen und Spalten angeordneten Bildern mit Beschriftung. - Dateiverweise Erzeugt eine Liste mit Dateien zum Herunterladen. - Erweiterter FLV Player und Videogalerie FLV Player und Videogalerie - Video- & Audio-Dateien Videos von Youtube, Clipfish & Co, wmv, swf, mov, mp3 & RTMP-Streams 5.1 Inhalte anlegen am Beispiel Text mit Bild Bitte keine Überschrift eintragen! Der Reiter TEXT Den Text für dieses Inhaltselement einfach in den Editor eintragen. Weiter Informationen zur Nutzung des Editors in der Hilfedatei Typo3-Handbuch_fuer_Redakteure.pdf ab Seite Der "Rich Text Editor" ---.

9 Der Reiter MEDIEN A Nach klicken auf das Ordnersymbol öffnet sich das Medien-Auswahl-Fenster. B Ein oder mehrere Bilder (zuvor Bearbeitet und über FTP hochgeladen) auswählen. C Die Position des Textes zum Bild(er) wählen. D Die Höhe oder die Breite der Bilder einstellen (einfach Probieren wie es am besten aussieht) 200 ist ein guter Standard für RSG-LE E Wenn das Bild im Frontend, durch klicken vergrößert werden soll, hier das Häkchen setzen. Speichern nicht vergessen! Hinweis: Für jede Seite (z.b. PROFIL) können mehrere Inhaltselemente angelegt werden. So kann eine Seite zum Beispiel aufgebaut werden: Normaler Text für eine Überschrift Nur Bilder für eine Reihe von Bildern Normaler Text für einen Artikel Video- & Audio-Dateien für das Einbinden eines Videos von MyVideo.de Leipzig