Transcript
Page 1: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 1

Aktuelle Schulhomepage mit Typo3

Page 2: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 2

Kursziele

• eigene Homepage mit Typo3 realisieren

• die Pflege der Inhalte weitergeben

• eigenes Design/Layout erstellen und als Template einbinden

• Willkommen zu diesem hochstehenden Kurs

Page 3: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 3

Voraussetzungen

• Kursausschreibung– Dieser Kurs richtet sich an Informatik- oder

Homepageverantworlichen mit Kenntnissen im Webbereich.

• 3 Kursteile mit Übungsphasen dazwischen

• Mailsupport

• Kursseite: www.webtrainer.ch/kurse

Page 4: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 4

Kursinhalt

• Content-Management-Systeme (CMS)• Typo3• Als Redakteur arbeiten (Inhalte, Seiten, Menü)• Backend / Frontend• Typo3 – Installation• Anleitungen und Adressen• Benutzer und Berechtigungen• Redakteure instruieren• Extensions (Erweiterungen)• TypoScript• Layout und Design einbauen• Arbeit am eigenen Projekt

Page 5: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 5

Einzelne Webseiten erstellen

Webseiten mit HTML => alt

Page 6: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 6

„Style-Datei steuert das Design“

HTML + CSS => modern

Page 7: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 7

CSS (Style Sheets)

CSS oder Cascading Style Sheets ist eine Sprache zum Formatieren von HTML/XHTML-Elementen. CSS bietet die Möglichkeit Schriftgestaltung, Rahmen, Innen- und Aussenabstände, Listen, Hintergründe, Positionieren mit einer Datei zu „steuern“.

Page 8: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 8

CMS (Content-Management-System)

HTML + CSS + Inhalte <= CMS

Trennung von Inhalt und Design durch Templates (Musterseiten)

Page 9: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 9

Kursinformationen

www.webtrainer.ch/kurse

Page 10: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 10

der Redakteur

Frontend

Backend

Page 11: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 11

Testkonten

www.homepagestaltung.ch/test.../typo3

Benutzer: redakteur1 / redakteur2

Passwort: redakteur1 / redakteur2Nr.

Page 12: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 12

Warum Typo3

Typo3 ist ein Content-Management-System für die Entwicklung komplexer Inter- und Intranetapplikationen, basierend auf PHP und MySQL. Typo3 unterliegt der GPL-Lizenz und ist als Open-Source-Produkt frei im Internet verfügbar.

• schnell von jedem Ort der Welt ohne Programmierkenntnisse• ohne zusätzliche Softwareinvestitionen• ohne hohen Schulungsaufwand• natürlich tagesaktuell!

• Das intuitiv bedienbare Content Management System TYPO3 besticht durch einen umfangreichen Funktionsumfang. Hier ein Überblick über die wichtigsten Funktionen:

Page 13: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 13

Warum Typo3

• Trennung von Inhalt und Design durch Templates (Musterseiten) • Einfache und intuitive Bedienung über eine graphische Browser-Oberfläche • Rasche Änderungen des Inhaltes, ohne HTML-Kenntnisse • Formatieren von Text in einem "Rich Text Editor" - einfacher als MS Word. • Bearbeitung der Inhalte auch direkt auf der Internetseite möglich • Einfache Verwaltung mehrsprachiger Websites • Administration vollständig über Webbrowser • Dynamische Generierung von Grafik- oder Textmenüs • Erstellung neuer Seiten mit wenigen Mausklicks • Komfortable Suchfunktion • Automatische Generierung der Sitemap • Zeitgesteuerte Veröffentlichung und automatische Archivierung von Inhalten • Geschützte Bereiche (z. B. für Intranet oder Extranet) • Umfangreiche statistische Auswertungen der Seitenzugriffe Ihrer Besucher • Integrierte Mediendatenbank (Bilder, Flash, Filme, etc.) • Hilfefunktion • Modular erweiterbar (z. B. Shop, News, Newsletter, Forum, etc.)

Page 14: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 14

Vorteile für die Schule

• Trennung von Inhalt und Design/Layout• Pflege der Inhalte aufteilen:

– eigener Zugang– Zugriff nur auf bestimmte Seiten zulassen– nur „Wordkenntnisse“ nötig– kurze Einarbeitungszeit

• automatische Grafikkomprimierung• schnelles Editieren am Frontend• Workflows (-> Schüler als Redakteure)• Open Source

Page 15: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 15

Zugriffsberechtungungen

Page 16: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 16

Nachteile

• Komplexität des Systems

• Der Administrator ist gefordert:– Installation* (je nach Hostinganbieter)– Orientierung im Backend, Installtool, Ext– Vorüberlegungen (Struktur, Funktionen,…)– Umsetzung des gewünschten Designs

• Schulung der Redakteur (1h)

Page 17: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 17

Begründung„Typo3 ist ein komplexes System! Die Einarbeitung dauert mehrere Wochen!“

Textverarbeitung mit Word:

Erste Schritte TextformatierungenSerienbrief

Page 18: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 18

Typo3 ist ein kompexes System.

Einloggen

Arbeit als Redakteur Administrator: Benutzer,

Berechtigung, Webseitenbenutzer

Möglichkeiten von Typo3 nutzen:

Entwickler:Eigenes Design umsetzen,

BE anpassen, Extensionprogrammierung

Na und!

Darum bietet es ja „unbegrenzte“ Möglichkeiten

Page 19: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 19

Hosting

• TYPO3 WAMP

• Serveranforderungen:– min. 100MB– PHP und MySQL– FTP-Zugang

• vtspace.ch(Typo3-Installation mit einem Klick)

• …

Page 20: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 20

ab ins Backend…

…aber als Administrator…

www.homepagestaltung.ch/test.../typo3

Benutzer: admin1 / admin2Passwort: admin1 / admin2

-> Passworte sofort ändern!

Nr.

Page 21: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 21

Viel Erfolg…

Page 22: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 22

Kursteil 1 (4h)

• Allgemeines, Testkonto, Back- und Frontend• neue Seiten, Seitenbaum• Standard-Template einbinden• Inhalte• Benutzeradministration• Kursordner und KursCD• Zeit für selbständiges Arbeiten

Page 23: Aktuelle Schulhomepage mit Typo3

Marc Thoma, 23

Kursteil 2 (4h)

• Ordner (Reihenfolge, weitere Inhalte), Infoquellen)

• Typo3 4.0• Nachtrag: Benutzeradministration• Weitere Funktionen zu Seiten und Inhalten• Admin Panel• Module: Datei, Info, Installation, Ext Manager• Design: Allgemeines, Template Green anpassen• FE-User: Seiten und Benutzer• Export und Import• Arbeit an eigenem Projekt


Recommended