Mo., 11. Dezember 2006 08.30 bis 11.30 und 13.00 bis 16.00 Uhr Schulung Mo., 11. Dezember 2006 08.30 bis 11.30 und 13.00 bis 16.00 Uhr 11.12.2006 TYPO3 Schulung

Ablauf Ausgangslage Ziele des Relaunchs der Webseiten Was ist TYPO3? Aufbau von TYPO3 Datensätze Seitentypen / Seiten anlegen Bilder verwenden Seitenelemente / SE anlegen das Klemmbrett andere Datensatztypen 11.12.2006 TYPO3 Schulung

Ausgangslage Großteils statische HTML-Seiten zum Teil dynamisch per PHP generierte Seiten seit 1995 gewachsener Serverinhalt 10 GB Serverinhalt lokaler Spiegel (ausgehend von der Startseite) hat 3,1 GB / 11.000 HTML Seiten sehr undurchschaubare Struktur zum Teil seit Jahren nicht überarbeitete Seiten etliche Links gehen ins Leere Layout erfüllt nicht mehr den Anspruch eines zeitgemäßen / barrierefreien Webauftritts 11.12.2006 TYPO3 Schulung

Statische HTML-Seiten? http://www.fh-bochum.de/aktuelles/stellen.html HTML Datei HTML Datei FTP- Programm Kopie Webserver Lokaler Computer 11.12.2006 TYPO3 Schulung

Ziele (1) Optimierung der Website hinsichtlich Inhalt Design Navigation Technik modernes, hochwertiges und einheitliches Design klare Navigation und Struktur hohe Aktualität 11.12.2006 TYPO3 Schulung

Ziele (2) Barrierefreiheit nach BITV (§11 Abs. 1 S. 2 Behindertengleichstellungsgesetz) hoher Nutzwert für Interessenten, Studenten und Mitarbeiter valides XHTML zur Darstellung auf verschiedenen aktuellen und zukünftigen Geräten (PDA / Mobiltelefon) strikte Trennung von Layout und Inhalt einfache Erweiterbarkeit und Pflege 11.12.2006 TYPO3 Schulung

Barrierefreiheit? Barrierefreiheit ist für alle da und bedeutet weitestmögliche Zugänglichkeit, unabhängig von körperlichen oder sonstigen Einschränkungen Standardkonformität Gute Übersicht und Orientierung Gute Erkennbarkeit und Kontraste allgemeine Verständlichkeit / einfache Sprache Behinderungspezifische Ergänzungen 11.12.2006 TYPO3 Schulung

Content Management System (CMS) Open Source (keine Lizenzkosten) basierend auf MySQL und PHP (objektorientiert) Modular aufgebaut weltweit mind. 122.000 Installationen über 4.000 registrierte Referenz Webseiten über 1.300 frei verfügbare Erweiterungen wird bei erfolgreich an vielen Hochschulen eingesetzt, z.B. TFH Bochum, FH Gelsenkirchen, FH Osnabrück, PH Ludwigsburg / http://edu.typo3.com/index.php?id=1745&L=2 11.12.2006 TYPO3 Schulung

CMS? Entwickler Redakteure Layout Inhalt Webseite CMS 11.12.2006 TYPO3 Schulung

Arbeitsweise TYPO3 Webserver Lokaler Computer TYPO3 läuft als Anwendung auf dem Webserver, daher ist keine spezielle Software erforderlich. http://www.fh-bochum.de/aktuelles/stellen.html Eintrag in DB Eintrag in DB Webserver Webbrowser Lokaler Computer 11.12.2006 TYPO3 Schulung

Aktueller Stand http://www0.fh-bochum.de 11.12.2006 TYPO3 Schulung

Aufbau TYPO3 FRONTEND BACKEND 11.12.2006 TYPO3 Schulung

Login Eigener Seitenbaum: http://www0.fh-bochum.de/schulung/ [nachname] Backend-Login https://my.fh-bochum.de/typo3/ Benutzername & Passwort DVZ-Benutzerkennung (mfb3**** / mhv*****) 11.12.2006 TYPO3 Schulung

Datensätze Datensatz Spezial- Typ Seite Seiteninhalt Der Begriff Datensatz steht generell für einen Eintrag in einer Tabelle in der Datenbank Es gibt daher verschiedene Datensatz-Typen abgeleitet von den Tabellen in denen sie stehen Datensatz Seite Seiteninhalt Spezial- Typ 11.12.2006 TYPO3 Schulung

Die Seiten Seiten bilden die Hauptnavigation ab eine Seite hat daher immer eine Elternseite eine Seite hat einen bestimmten Seiten-Typ eine Seite hat Eigenschaften, die Abhängig vom Seiten-Typ sind. Einige Eigenschaften gelten für alle Typen, andere nur für einen Bestimmten. Zentrales Werkzeug ist Modul Web > Seite 11.12.2006 TYPO3 Schulung

Übung 1 Seiten Nachname Aktuelles Aktuelle Projekte Projekte A B C shortcut Projekte A B C Kontakt Galerie Inhaltsseite Shortcut Service Sitemap 11.12.2006 TYPO3 Schulung

Dateien Module: Media > Datei Media > Liste Bilder PDF-Dokumente Office-Dokumente Dateien werden über das so genannte DAM (Digital Asset Management) verwaltet. Zu jeder Datei wird ein Datensatz in der Datenbank abgelegt, wo Zusatzinformationen gespeichert werden können Module: Media > Datei Media > Liste 11.12.2006 TYPO3 Schulung

Die Seiteninhalte Stellen die Informationen der Webseite dar gehören zu einer bestimmten Seite können verschiedenen Inhaltsspalten zugewiesen werden verschiedene Seiteninhaltstypen für die jeweilige gewünschte Darstellung möglich Ein Seiteninhaltstyp hat bestimmte Eigenschaften, je nach Einsatzzweck Zentrales Werkzeug ist Modul Web > Seite 11.12.2006 TYPO3 Schulung

Übung 2 Seiteninhalte Texte mit Bildern z.B. von http://www.fh-bochum.de/fb2/forschung/ A B C Projekte Sitemap Typ Unterseiten mit Inhaltsangabe Galerie Mind. 6 Bilder / 3 spaltig / mit Klick vergrößern Sitemap Sitemap Aktuelles z.B. Punktliste / Dateiverweise / Tabelle Vorlage: http://www0.fh-bochum.de/schulungsvorlage/index.html 11.12.2006 TYPO3 Schulung

Das Klemmbett ist eine Funktion, wie die Zwischenablage in Windows Klemmbrett Das Klemmbett ist eine Funktion, wie die Zwischenablage in Windows Es merkt sich Datensätze zum Kopieren oder Verschieben 11.12.2006 TYPO3 Schulung

KEINE Seiteninhalte Datensatztypen Weitere spezielle Datensatztypen: Media-Daten Glossar-Eintrag Flash-Film FAQ-Eintrag Aktuelle Meldung (News) Kalender-Einträge (folgt) FHBO-Personal Forschungs-Profil Forschungs-Projekt Abschlussarbeit KEINE Seiteninhalte 11.12.2006 TYPO3 Schulung

Plugin Konzept Seite Typ: Inhaltsseite Seiteninhalt Typ: Plugin Seite (Container für Datensätze) Datensatz Link Inhaltsseite Seiteninhalt Typ: Plugin Inhaltsseite Seiteninhalt Typ: Plugin 11.12.2006 TYPO3 Schulung