Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

30
Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten

Transcript of Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

Page 1: 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

Page 2: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 3: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 3

Einführung in TYPO3

Typo3 & CMS

• Content Management System

• Trennung von Design & Inhalt

• datenbankbasiert • einfache Pflege &

Aktualisierung

Page 4: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 4

Einführung in TYPO3

Zugriff auf das Backend

• Login über Benutzername und Kennwort

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

Page 5: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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.

Page 6: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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.)

Page 7: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 8: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 8

Einführung in TYPO3

Kontextmenüs

• erscheinen beim Klick auf Symbole im Seitenbaum

• steuern alle Bedienoptionen

Page 9: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 10: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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“

Page 11: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 11

Einführung in TYPO3

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

Page 12: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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)

Page 13: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 14: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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!

Page 15: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 15

Einführung in TYPO3

Seiteninhalte

• „Bausteine“ für den Aufbau der Seiten

• verschiedene Typen• kombinierbar

Page 16: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 16

Einführung in TYPO3

Seiteninhaltstypen

•Normaler Text

•Text mit Bild

•Nur Bild

•Aufzählung

•Tabelle

•Sonderformate (Audio/Video etc.)

Page 17: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 18: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 18

Einführung in TYPO3

Kombination von Seiteninhalten

Datensatz bearbeiten

neuen Datensatz anlegen

Page 19: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 20: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 21: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 21

Einführung in TYPO3

Einfügen von Links

• Text im RTF-Editor markieren

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

auswählen

Page 22: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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!

Page 23: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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

Page 24: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 24

Einführung in TYPO3

News-ModulAuf „Aktuelles“ > Neuen Datensatz anlegen

Seitentyp: News

Page 25: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 25

Einführung in TYPO3

Datum/Zeit

Start- & Endzeitpunkt

Archivdatum

Stichworte für Suche

Text

Page 26: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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)

Page 27: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 27

Einführung in TYPO3

Benutzer-Modul

Alle persönlichen Einstellungen werden hier vorgenommen:

•Passwort

•Anzeigeoptionen

•Sprache

•etc.

Page 28: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] 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!

Page 29: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

2006-may-02 Johannes Sebastian Salm | [email protected] Seite 29

Einführung in TYPO3

Fragen?

Page 30: Einführung in TYPO3 TYPO3 Einführung in die Grundlagen der Erstellung von Seiteninhalten.

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 [email protected]