Einfhrung in TYPO 3 Einfhrung in die Grundlagen

  • Slides: 30
Download presentation
Einführung in TYPO 3 Einführung in die Grundlagen der Erstellung von Seiteninhalten 2006 -may-02

Einführung in TYPO 3 Einführung in die Grundlagen der Erstellung von Seiteninhalten 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de

Einführung in TYPO 3 Gliederung • Einleitung: Grundlagen CMS/Typo 3 • Anlegen von Seiten

Einführung in TYPO 3 Gliederung • Einleitung: Grundlagen CMS/Typo 3 • Anlegen von Seiten • Anlegen von Inhalten • Anlegen von News • Besondere Formatierungen (RTF/HTML) • weitere Fragen 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 2

Einführung in TYPO 3 Typo 3 & CMS • Content Management System • Trennung

Einführung in TYPO 3 Typo 3 & CMS • Content Management System • Trennung von Design & Inhalt • datenbankbasiert • einfache Pflege & Aktualisierung 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 3

Einführung in TYPO 3 Zugriff auf das Backend • Login über Benutzername und Kennwort

Einführung in TYPO 3 Zugriff auf das Backend • Login über Benutzername und Kennwort http: // www. bildungswissenschaften. uni-trier. de /typo 3/ 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 4

Einführung in TYPO 3 Module (= Menü) Menüelement, immer sichtbar Bearbeitungsfenster Seiteninhalt hängt von

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 5

Einführung in TYPO 3 Übersicht • Web Seiten & Inhalte • Datei Upload von

Einführung in TYPO 3 Ü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 | salm 3301@uni-trier. de 6

Einführung in TYPO 3 Seitenbaum • erscheint beim Klick auf „Web > Seite“ •

Einführung in TYPO 3 Seitenbaum • erscheint beim Klick auf „Web > Seite“ • bildet Struktur der website ab • Einstiegspunkt für Benutzer: eigene Personenseiten + Aktuelles Ausnahme: Sekretariat = kompletter Baum 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 7

Einführung in TYPO 3 Kontextmenüs • erscheinen beim Klick auf Symbole im Seitenbaum •

Einführung in TYPO 3 Kontextmenüs • erscheinen beim Klick auf Symbole im Seitenbaum • steuern alle Bedienoptionen 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 8

Einführung in TYPO 3 Ansehen Vorschauansicht im Pop. Up Bearbeiten aktuelle Seite bearbeiten Neu

Einführung in TYPO 3 Ansehen Vorschauansicht im Pop. Up Bearbeiten aktuelle Seite bearbeiten Neu neue Seite/neuen Inhalt anlegen Info Seiteninformationen Kopieren/ Datensätze kopieren & Ausschneiden ausschneiden 2006 -may-02 Einblenden/ für Frontend-Besucher sichtbar Ausblenden machen/ausblenden Löschen endgültig löschen Johannes Sebastian Salm | salm 3301@uni-trier. de 9

Einführung in TYPO 3 Seiteninhalte/Seiten anlegen • Seite: • Seiteninhalt: Ordnungsstruktur echter Inhalt •

Einführung in TYPO 3 Seiteninhalte/Seiten anlegen • Seite: • Seiteninhalt: Ordnungsstruktur echter Inhalt • Seiten: →werden im Menü angezeigt →bestehen aus einzelnen Seiteninhalten →anlegen über Kontextmenü „Neu“ 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 10

Einführung in TYPO 3 News: 2006 -may-02 besonderer Seiteninhalt, wird über „Aktuelles“ angezeigt Johannes

Einführung in TYPO 3 News: 2006 -may-02 besonderer Seiteninhalt, wird über „Aktuelles“ angezeigt Johannes Sebastian Salm | salm 3301@uni-trier. de 11

Einführung in TYPO 3 Seite anlegen Seite verstecken • Seite ist für Frontend. Benutzer

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 12

Einführung in TYPO 3 Icons • Datensatz speichern • Speichern & Vorschau anzeigen (Pop.

Einführung in TYPO 3 Icons • Datensatz speichern • Speichern & Vorschau anzeigen (Pop. Up) • Speichern & Datensatz schließen • Änderungen verwerfen • Datensatz löschen • Änderung(en) rückgängig machen 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 13

Einführung in TYPO 3 Anwendungsgebiete Seite • Gliederung der Personenseite → Übersicht auf nächster

Einführung in TYPO 3 Anwendungsgebiete Seite • Gliederung der Personenseite → Übersicht auf nächster Unterebene Personen > Horst Beispiel > SS 2006 > Veranstaltung A > Veranstaltung B • Achtung: Unterebenen werden im Menü nur bis Ebene 3 ausgegeben! 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 14

Einführung in TYPO 3 Seiteninhalte • „Bausteine“ für den Aufbau der Seiten • verschiedene

Einführung in TYPO 3 Seiteninhalte • „Bausteine“ für den Aufbau der Seiten • verschiedene Typen • kombinierbar 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 15

Einführung in TYPO 3 Seiteninhaltstypen • Normaler Text • Text mit Bild • Nur

Einführung in TYPO 3 Seiteninhaltstypen • Normaler Text • Text mit Bild • Nur Bild • Aufzählung • Tabelle • Sonderformate (Audio/Video etc. ) 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 16

Einführung in TYPO 3 Eingabemaske Seiteninhalt Seiten-Header Informationen wie Seitentyp etc. Überschrift Text der

Einführung in TYPO 3 Eingabemaske Seiteninhalt Seiten-Header Informationen wie Seitentyp etc. Überschrift 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 | salm 3301@uni-trier. de 17

Einführung in TYPO 3 Kombination von Seiteninhalten Datensatz bearbeiten neuen Datensatz anlegen 2006 -may-02

Einführung in TYPO 3 Kombination von Seiteninhalten Datensatz bearbeiten neuen Datensatz anlegen 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 18

Einführung in TYPO 3 Kombination von Seiteninhalten • nahezu jede beliebige Seitenformatierung möglich Text….

Einführung in TYPO 3 Kombination von Seiteninhalten • nahezu jede beliebige Seitenformatierung möglich Text…. • Aufzählung • Formatierung im Text über HTML-Quellcode oder RTF-Editor • Element 2 • Element 3 Text mit rechts liegendem Bild 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 19

Einführung in TYPO 3 Formatierung von Inhalten • voreingestellte Formatierung: Blocksatz • per RTF

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 20

Einführung in TYPO 3 Einfügen von Links • Text im RTF-Editor markieren • Klick

Einführung in TYPO 3 Einfügen von Links • Text im RTF-Editor markieren • Klick auf Link-Symbol • Zielseite/Datei etc. auswählen 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 21

Einführung in TYPO 3 Direktformatierung über HTML • Im Quelltext selbst sind alle Änderungen

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 22

Einführung in TYPO 3 News über „Aktuelles“ • Kurze Informationen über Termine, Veranstaltungsausfälle, Raumänderungen

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 23

Einführung in TYPO 3 News-Modul Auf „Aktuelles“ > Neuen Datensatz anlegen Seitentyp: News 2006

Einführung in TYPO 3 News-Modul Auf „Aktuelles“ > Neuen Datensatz anlegen Seitentyp: News 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 24

Einführung in TYPO 3 Datum/Zeit Start- & Endzeitpunkt Archivdatum Stichworte für Suche Text 2006

Einführung in TYPO 3 Datum/Zeit Start- & Endzeitpunkt Archivdatum Stichworte für Suche Text 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 25

Einführung in TYPO 3 Dateien zum Download bereitstellen Upload über Modul Datei > Dateiliste

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 26

Einführung in TYPO 3 Benutzer-Modul Alle persönlichen Einstellungen werden hier vorgenommen: • Passwort •

Einführung in TYPO 3 Benutzer-Modul Alle persönlichen Einstellungen werden hier vorgenommen: • Passwort • Anzeigeoptionen • Sprache • etc. 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 27

Einführung in TYPO 3 Abschließende Hinweise • Sitzung immer durch „sauberen“ Logout beenden →

Einführung in TYPO 3 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 | salm 3301@uni-trier. de 28

Einführung in TYPO 3 Fragen? 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de

Einführung in TYPO 3 Fragen? 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de 29

Einführung in TYPO 3 Vielen Dank für Ihre Aufmerksamkeit! PDF-Version der Präsentation unter: http:

Einführung in TYPO 3 Vielen Dank für Ihre Aufmerksamkeit! PDF-Version der Präsentation unter: http: // bildungswissenschaften. uni-trier. de /fileadmin/einfuehrung. pdf Fragen per e-mail salm 3301@uni-trier. de 2006 -may-02 Johannes Sebastian Salm | salm 3301@uni-trier. de