MCS-Juniorakademie Weitmarer Str. 115a 44795 Bochum www.mcs-juniorakademie.de Telefon: 0234 / 94365-0 Mail: juniorakademie@web.de MCS-Juniorakademie Einführung in TYPO3 Inhalte Einführung / Was kann unser neues CMS? Seite 2 Login Seite 3 Neue Seiten und Datensätze anlegen / bearbeiten Seite 4 Einpflegen der News Aktuelles / Termine Seite 13 Downloads einpflegen Seite 14 Fotos hinzufügen / verändern Seite 19 Fotogalerien bearbeiten Seite 20 Einbinden von Videos in Seiteninhalte (YouTube) Seite 23 Seite 1 von 22
:: EINFÜHRUNG / WAS KANN UNSER NEUES CMS, WIE SIEHT DAS AUS? Was ist ein CMS? Content Management System (CMS) - Trennung des Inhaltes von der Technik Mit Ihrem neuen CMS verfügen Sie über folgende Möglichkeiten: Seiten ändern oder neu anlegen Texte und Multimediainhalte können auf Seiten platziert, geändert und gelöscht werden. Automatische Generierung der Navigation Es werden 3 Ebenen als Navigation abgebildet (veränderbare Menüpunkte). Seitenstruktur Automatisch generierte Seitenstruktur durch Typo3 (Sitemap). Nach jeder Änderung in der Seitenstruktur erfolgt eine automatische Aktualisierung der Ansicht in der Sitemap. Webgerechte Bildintegration Bilder werden beim Hochladen automatisch in den von uns festgelegten Breiten z.b. 180 px umgerechnet und auf der Hompage bereitgestellt. Zu jedem Bild kann ein Alternativtext angegeben werden. News, Termine, Presse Downloadbereich Funktionen: Kurzbeschreibung, Datei-Icon, Download Kontaktformular(e) Fotogalerie Automatische Generierung einer bzw. mehrerer Fotogalerie(n) Suchfunktion Eine indizierte Suche kann von jeder Seite aus gestartet werden. Hier werden alle Seiten der Hompage durchsucht und die Treffer in einer Liste dargestellt. Druckfunktion Jede Seite beinhaltet die Funktion, ein neues Browserfenster mit druckoptimierter Darstellung zu öffnen. Statistiktool Das Statistiktool bietet umfangreiche Auswertungsmöglichkeiten. Rechteverwaltung Es ist möglich, Gruppen/Usern bestimmte Rechte zuzuweisen (editieren, sehen, löschen etc.). HTML Rewriting Die Adressen im Browserfenster werden mit logischem und echtem Text angezeigt. Diese Funktion kommt den Suchmaschinen entgegen. Seite 2 von 22
:: LOGIN http://schulung.eis-server.de/typo3 Seite 3 von 22
:: NEUE SEITEN UND DATENSÄTZE ANLEGEN/BEARBEITEN Neue Seite anlegen Inhaltselemente können auf Seiten platziert, geändert und gelöscht werden. Seite 4 von 22
Festlegen der Position der neuen Seite mit Hilfe des Assistenten Klick auf einen der Pfeile unter der bestehenden Seite = Wunschposition der neuen leeren Seite. Seite 5 von 22
Leere Seite anlegen und Seitentitel eingeben = Menüpunkt erstellen Die neu angelegte Seite muss benannt werden. Seitentitel = Menüpunkt Nach jeder Bearbeitung speichern! Speichern Speichern und Ansehen Speichern und Schließen Seite 6 von 22
Seiteninhalte anlegen (Datensatz anlegen) Aufbau des Seiteninhalts festlegen: normaler Text oder Text mit Bild Die Einstellungen können nachträglich verändert werden. Seite 7 von 22
Seiteninhalte anlegen (Datensatz bearbeiten) Pfeil 1: Verhältnis: Text zum Bild Pfeil 2: Überschrift Pfeil 3: Auswahl eine Icons Normal/Text Aktuelles Termine Downloads Fotos Kontakt Seite 8 von 22
Texteingabe Bitte alle vorherigen Formatierungen löschen (durch Klick auf das Pinsel-Icon möglich). Verlinkungen setzen Um Links zu setzen, muss im Eingabefeld Text das zu verlinkende Wort markiert und anschließend auf das kleine Verkettungssymbol geklickt werden. Daraufhin öffnet sich ein Zusatzmenü, das den Seitenbaum zeigt. Dort wird dann die jeweilige Seite angeklickt werden, auf die verlinkt werden soll. Seite 9 von 22
Bilder hochladen Im Reiter Bilder Option werden Bilder hochgeladen und das Verhältnis Text zum Bild wird hier definiert. Bilder sollten im Idealfall vor dem Hochladen auf eine Pixelbreite von 180 px (Standard) und eine Auflösung von 72 dpi gebracht werden. Große Bilder, die zwei Spalten einnehmen, benötigen eine Größe von 420 px (beim zweispaltigen Seitenlayout). Speichern nicht vergessen! Seite 10 von 22
Weiteren Datensätze auf einer Seite verwalten Datensatz bearbeiten Datensatz verbergen neuer Datensatz Datensatz löschen Datensatz verschieben Seite 11 von 22
Verschiedene Ansichten identischer Inhalte Seitenansicht: Listenansicht: Seite 12 von 22
:: EINPFLEGEN DER NEWS AKTUELLES/TERMINE (ADMINISTRATOREN) Bitte die Listenansicht aktivieren! Bitte in der Baumstruktur News-Listenansicht anklicken! Sie sehen jetzt die bereits bestehenden News in Ordnern (oben) und die Kategorien (unten). Seite 13 von 22
Die News teilen sich in die Bereiche Aktuelles und Termine. Durch Klicken auf das Icon grünes Plus wird eine neuer Newseintrag erstellt. Seite 14 von 22
1. Bitte Beschreibung= Überschrift eingeben 2. Bitte Text eingeben 3. Bitte den Reiter Relations anwählen und Kategorie auswählen (siehe nächste Seite) 4. Bitte speichern Info: das Feld Datum/Zeit wird automatisch gefüllt und hat Einfluss auf die Reihenfolge der News. News mit aktuellerem Datum werden weiter oben angezeigt. Seite 15 von 22
FOTOGALERIE(N) BEARBEITEN Fotogalerien werden über Dateilisten/user_upload/Fotogalerien verwaltet. Hier können bestehende Fotos gelöscht und / oder neue Fotos hochgeladen werden. Sie können unter: Dateiliste/user_upload/Fotogalerien auch neue Ordner anlegen und sogar Bilder via FTP einladen. Die jeweilige Fotogalerie wird dann mit dem PlugIn Photobook auf einer beliebigen Seite generiert. Nach Klick auf Dateiliste öffnet sich der Dateibereich user uploads mit den angelegten Unterordnern, in die die gewünschten Bilddateien (z.b. JPG-Dateien) hochgeladen werden können: Dateien hochladen Nach dem Hochladen befinden sich die Dateien in der voreingestellten Größe in dem gewählten Ordner. Sie stehen für eine Verknüpfung auf einzelnen Seiten oder in Fotogalerien zur Verfügung! Seite 20 von 22
Nun wird eine Verknüpfung auf der gewünschten (Anzeige-)Seite eingerichtet. Mittels des Photobook -PlugIns werden dann alle Fotos, auf die sich die Verknüpfung bezieht, angezeigt. Die Einrichtung erfolgt folgendermaßen: Neuen Datensatz erstellen neuen Datensatz anlegen: Position für neue Seite wählen: Seite 21 von 22
Setzen der Überschrift und ggf. des Textes für Fotogalerie: Einfügen eines neuen Seiteninhaltes: PlugIn modifizieren: Unter Path to the photos muss der korrekte Pfad eingegeben werden. Damit sind die hochgeladenen Fotos in der Fotogalerie verknüpft. Seite 22 von 22
Einbinden von Videos in Seiteninhalte (YouTube) Mit Hilfe der Plattform YouTube ist es möglich, sehr einfach Videos, eigene Filme formatunabhängig und mit ausgezeichneter Ladeperformance auf unserer Internetpräsenz bereitzustellen. Die Videos sind hierzu zunächst auf die o.g. Plattform unter dem für die MCS-Juniorakademie angelegten User hochzuladen. Die entsprechenden Zugangsdaten liegen den Administratoren vor. Als Metadaten (für die Verweise von Suchmaschinen) sollten mit jedem hochzuladenden Video/Film an der entsprechenden Stelle folgende Kategorien eingetragen werden: MCS Matthias-Claudius-Schule Juniorakademie Bochum Kultur Ruhrstadt Am Beispiel eines bereits hochgeladenen Testvideos werden im folgenden die notwendigen Schritte zur Anzeige als Seiteninhalt auf einer neu angelegten Seite unserer Homepage erklärt: Nachfolgend das Video: Der rot umrandete, komplette Pfad unter Einbetten muss hierfür in die Zwischenablage kopiert werden. Dieser wird später in TYPO3 benötigt. Seite 23 von 22
Neue Seite erstellen: Neue Seite erstellen Zunächst muss mit dem Assistenten eine Seite angelegt werden: Die Position des neuen Films/Videos wird fixiert: Seite 24 von 22
Name (Überschrift) der Seite festlegen: Nach Speichern und Schließen kann ein neuer Seiteninhalt angelegt werden: Als Inhaltselement ist dann Reines HTML auszuwählen: Seite 25 von 22
Der Seiteninhalt (Inhaltselement) wird benannt:... und der HTML-Code aus der Zwischenablage eingefügt: Nach dem Speichern kann die neue Seite (sofern nicht verborgen) online besichtigt werden. Seite 26 von 22