einführung in typo3 typo3 einführung in die grundlagen der erstellung von seiteninhalten

Einführung in TYPO3

TYPO3

Einführung in die Grundlagen der Erstellung von

Seiteninhalten

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 2

Einführung in TYPO3

Gliederung

• Einleitung: Grundlagen CMS/Typo3• Anlegen von Seiten• Anlegen von Inhalten• Anlegen von News• Besondere Formatierungen

(RTF/HTML)• weitere Fragen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 3

Einführung in TYPO3

Typo3 & CMS

• Content Management System

• Trennung von Design & Inhalt

• datenbankbasiert • einfache Pflege &

Aktualisierung

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 4

Einführung in TYPO3

Zugriff auf das Backend

• Login über Benutzername und Kennwort

http://www.bildungswissenschaften.uni-trier.de/typo3/

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 5

Einführung in TYPO3

Module (= Menü)

Menüelement, immer sichtbar

Bearbeitungsfenster

Seiteninhalt hängt von ausgewähltem Menüpunkt ab:

Erstellung von Inhalten, Bearbeiten eigener Einstellungen usw.

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 6

Einführung in TYPO3

Übersicht

• Web

Seiten & Inhalte

• Datei

Upload von Dateien (bspw. *.pdf)

• Benutzer

Aufgaben und eigene Einstellungen (Passwort, Sprache, Anzeigeoptionen etc.)

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 7

Einführung in TYPO3

Seitenbaum

• erscheint beim Klick auf „Web > Seite“• bildet Struktur der website ab• Einstiegspunkt für Benutzer:

eigene Personenseiten + AktuellesAusnahme: Sekretariat = kompletter Baum

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 8

Einführung in TYPO3

Kontextmenüs

• erscheinen beim Klick auf Symbole im Seitenbaum

• steuern alle Bedienoptionen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 9

Einführung in TYPO3

Ansehen Vorschauansicht im PopUp

Bearbeiten aktuelle Seite bearbeiten

Neu neue Seite/neuen Inhalt anlegen

Info Seiteninformationen

Kopieren/ Datensätze kopieren &

Ausschneiden ausschneiden

Einblenden/ für Frontend-Besucher sichtbar

Ausblenden machen/ausblenden

Löschen endgültig löschen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 10

Einführung in TYPO3

Seiteninhalte/Seiten anlegen

• Seite: Ordnungsstruktur• Seiteninhalt: echter Inhalt

• Seiten:→werden im Menü angezeigt→bestehen aus einzelnen Seiteninhalten→anlegen über Kontextmenü „Neu“

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 11

Einführung in TYPO3

News: besonderer Seiteninhalt, wird über „Aktuelles“ angezeigt

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 12

Einführung in TYPO3

Seite anlegen

Seite verstecken

• Seite ist für Frontend-Benutzer nicht sichtbar

Seitentitel

• wird im Menü & auf der Seite angezeigt

Im Menü verstecken

• Seite wird bei rekursiver Menüerstellung nicht berücksichtigt (Hilfsseite)

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 13

Einführung in TYPO3

Icons

•Datensatz speichern

•Speichern & Vorschau anzeigen (PopUp)

•Speichern & Datensatz schließen

•Änderungen verwerfen

•Datensatz löschen

•Änderung(en) rückgängig machen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 14

Einführung in TYPO3

Anwendungsgebiete Seite

• Gliederung der Personenseite→ Übersicht auf nächster Unterebene

Personen > Horst Beispiel > SS2006> Veranstaltung A> Veranstaltung B

• Achtung: Unterebenen werden im Menü nur bis Ebene 3 ausgegeben!

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 15

Einführung in TYPO3

Seiteninhalte

• „Bausteine“ für den Aufbau der Seiten

• verschiedene Typen• kombinierbar

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 16

Einführung in TYPO3

Seiteninhaltstypen

•Normaler Text

•Text mit Bild

•Nur Bild

•Aufzählung

•Tabelle

•Sonderformate (Audio/Video etc.)

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 17

Einführung in TYPO3

Eingabemaske Seiteninhalt

Seiten-Header

Informationen wie Seitentyp etc.

Überschrift

Text

Text der Seite im RTF-Editor (bitte MS Internet Explorer verwenden!)

Bilder

Datei, Position, Höhe & Breite, Bildunterschrift

Veröffentlichungsoptionen

Verstecken, Start, Ende

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 18

Einführung in TYPO3

Kombination von Seiteninhalten

Datensatz bearbeiten

neuen Datensatz anlegen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 19

Einführung in TYPO3

Kombination von Seiteninhalten

Text….

•Aufzählung

•Element 2

•Element 3

Text mit rechts liegendem

Bild

• nahezu jede beliebige Seitenformatierung möglich

• Formatierung im Text über HTML-Quellcode oder RTF-Editor

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 20

Einführung in TYPO3

Formatierung von Inhalten

•voreingestellte Formatierung: Blocksatz

• per RTF editierbar: fett, kursiv, unterstrichen, einzelner Absatz links- bzw. rechtsbündig oder zentriert, Aufzählungen, Einzug verändern, Links einfügen, Bilder einfügen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 21

Einführung in TYPO3

Einfügen von Links

• Text im RTF-Editor markieren

• Klick auf Link-Symbol• Zielseite/Datei etc.

auswählen

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 22

Einführung in TYPO3

Direktformatierung über HTML

• Im Quelltext selbst sind alle Änderungen in HTML möglich• Referenz für HTML:

→ http://de.selfhtml.org

• „globale“ Formatierungen sind in Planung, Einbindung dann über Paragraph-Tag:

<p class=„formatname“>Text in gewählter Formatierung</p>

• Farb-Änderungen im Fließtext sind leider nur so zu realisieren!

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 23

Einführung in TYPO3

News über „Aktuelles“

• Kurze Informationen über Termine, Veranstaltungsausfälle, Raumänderungen etc.

• Von jedem Benutzer zu erstellen• Komfortable Management-Möglichkeiten

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 24

Einführung in TYPO3

News-ModulAuf „Aktuelles“ > Neuen Datensatz anlegen

Seitentyp: News

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 25

Einführung in TYPO3

Datum/Zeit

Start- & Endzeitpunkt

Archivdatum

Stichworte für Suche

Text

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 26

Einführung in TYPO3

Dateien zum Download bereitstellen

Upload über Modul Datei > Dateiliste

Kontextmenü „Datei-Upload“

Einbinden in Seite als Link (siehe oben)

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 27

Einführung in TYPO3

Benutzer-Modul

Alle persönlichen Einstellungen werden hier vorgenommen:

•Passwort

•Anzeigeoptionen

•Sprache

•etc.

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 28

Einführung in TYPO3

Abschließende Hinweise

• Sitzung immer durch „sauberen“ Logout beenden→ kein unnötiger „Datenmüll“

• spielerisch mit dem System vertraut machen

• Ausblenden ist sicherer als Löschen!

2006-may-02 Johannes Sebastian Salm | salm3301@uni-trier.de Seite 29

Einführung in TYPO3

Fragen?

Einführung in TYPO3

Vielen Dank für Ihre Aufmerksamkeit!

PDF-Version der Präsentation unter:http://bildungswissenschaften.uni-trier.de/fileadmin/einfuehrung.pdf

Fragen per e-mailsalm3301@uni-trier.de