regionales rechenzentrum für niedersachsen typo3 backend und redaktion schulung und workshop –...

Regionales Rechenzentrum für Niedersachsen

Typo3Backend und Redaktion

Schulung und Workshop – Universität Greifswald

RRZN Universität Hannover

August 2004 | Folie 2Regionales Rechenzentrum für Niedersachsen

Themen

Login, Frontend-EditingTypo3-Arbeitsumgebung im Backend

Modulleiste Navigationsleiste Detailansicht

Anlegen von Seiten Die verschiedenen Seitentypen in Typo3

Einfügen von Inhalten Die verschiedenen Inhaltstypen in Typo3

Seiten und Inhalte bearbeiten Das Modul „Liste“


Backend und Frontend

In Typo3 gibt es zwei Bereiche: Frontend und Backend Das Frontend ist die Internetpräsentation das Backend dient der Erstellung und Pflege der Internetpräsentation,

es enthält verschiedene Arbeitsmodule.

Zur Bearbeitung von Typo3-Inhalten in Backend oder Frontend muss der Nutzer eingeloggt sein:http://typohost.rrzn.uni-hannover.de/greifswald/typo3

Username gw1 : gw22 Password gw1 : gw22


Frontend-Editing

Mit dem Frontend-Editing können Gelegenheitsredakteure ohne große Einarbeitung Inhalte direkt über das Frontend bearbeiten.

Ermöglicht wird das Frontend-Editing durch das Admin-Panel, es muss im Template aktiviert werden.

Im Admin-Panel wird über das Feld „Eingabe“ die Darstellung der Bearbeitungssymbole gesteuert.

Der Redakteur gelangt von hier aus in das Backend.

Das Bearbeitungssymbol „Stift“ Über den Stift werden Fenster zum Bearbeiten der Inhalte geöffnet.


Die Arbeitsumgebung im Backend

Modulleiste

Auswahl des

Arbeitsbereiches

NavigationsleisteSeitenbaum zur Navigation

DetailansichtInformation und Bearbeitung


Die Module in Typo3

Die Modulleiste von Typo3 ist in logische Bereiche unterteilt:

Web Datei Dokument Benutzer Tools

Die Anzeige der Module hängt von den Rechten des Benutzers ab.


Modul Web

Page/Seite Struktureller Aufbau und Pflege der Seiten und Seiteninhalte.

Zeigt die Seitenstruktur in Form eines SeitenbaumsView/Ansicht

Seite als Voransicht anzeigen lassenList/Liste

Anzeige und Zugriff auf alle Datensätze installierter ModuleInfo/Info

Statistische Information über die SeiteAccess/Zugriff

Zugriffsrechte für Benutzer und GruppenFunctions/Funktionen

Zusatzfunktionen durch Assistenten, Standard ist das Anlegen mehrerer Seiten

Template/Template TypoScript-Templates anlegen und verwalten.


Modul File

Filelist/Dateiliste Kleines Online FTP-Programm zum Dateiupload Anzeige aller hochgeladenen Dateien

Images Wie Dateiliste, nur für Grafikdateien


Modul User/Benutzer

Task Center/Aufgaben Den Benutzern können Aufgaben zugeordnet werden

Setup/Einstellungen Einstellungen des Benutzers über die Backend-Sprache, Passwort usw.


Modul Tools

User Admin/Benutzer Administrator Übersicht über Benutzer und Rechte

Ext Manager/Erw.-Manager Installation von Erweiterungen, Zugriff auf das Online-Repository

DB check / DB Überprüfung Datenbankübersicht

Configuration/Konfiguration

Install / Installation Typo3-Basis Installation

Log/Log Logins und Datensatzänderungen

phpMyAdmin Datenbank-Tool


Arbeiten im Backend

Zu Beginn der Arbeit im Backend werden die persönlichen Einstellungen des Redakteurs im Backend-Modul „Einstellungen“ vorgenommen:

Auswahl der Sprache Rekursives Löschen/Kopieren aktivieren RTE aktivieren/deaktivieren Angabe der E-Mail-Adresse Ändern des Passwortes

...


Anlegen einer neuen Seite I

Das Kontextmenü

Bearbeitungsmöglichkeiten: Ansehen Bearbeiten Neu Info Kopieren Ausschneiden

Weitere Einstellungen ... Ausblenden Sichtbarkeitseinstellungen Bearbeite Seiten-Header Löschen Weitere Einstellungen: Seite verschieben Neuerstellungsassistent Zugriff Web-Listenmodul Im-/Export


Anlegen einer neuen Seite II

Auswahl der Positionierung „Seite in“

legt eine Unterseite der Ausgangsseite an „Seite nach“

legt eine Seite auf gleicher Ebene an

oder Neuerstellungs-Assistent

bietet Möglichkeit, Position „per Klick“ auszuwählen


Anlegen einer neuen Seite III

Seitentypen Standard Erweitert

Angabe von Seitentitel, Navigationstitel, Alias, Autor Nicht im Menü

Seite, deren Titel nicht in der Menüstruktur angezeigt wird Backend Benutzer-Bereich

Bereich, der nur nach Login sichtbar ist

Externe URLbindet externen Link in die Menüstruktur ein

Shortcutverweist auf interne Seite

Abstandstrukturiert Menüs im Frontend (wenn im Template definiert)

Sys-Ordnerhier können Inhalte abgelegt werden, die nicht zur Site-Struktur gehören

PapierkorbMöglichkeit, Seiten aus der Struktur zu entfernen, ohne sie zu löschen


Detailansicht

Detailansicht des Web-Moduls „Seite“

Bereich zum Anlegen und Bearbeiten von Seiteninhalten Eingabemöglichkeit in Spalten oder in der Schnelleingabe Zusätzliche Spalten bei mehrsprachiger Site

(zurzeit für das RRZN noch nicht eingerichtet) Seiteninformationen (Erstellungs-/Änderungsdatum)


Einfügen von Seiteninhalten – I

Inhaltstypen

Überschrift Text Text mit Bild Bild Punktliste Tabelle Dateilinks Multimedia Formular

SuchenLoginTextboxMenü/SitemapDatensatz einfügenPlugin einfügenSkriptTrennerHTMLSeitenlinks


Einfügen von Seiteninhalten – II

„Text“ Inhaltstyp zur Einfügen von Texten

„Text mit Bild“ Inhaltstyp ermöglicht Kombination von Bild und Text. Über den Typo3 Element Browser können Bilder aus der Dateiliste auf

dem Server oder vom lokalen Rechner heraufgeladen werden.

Für eine vereinfachte Texteingabe stehen mit dem RTE (IE) und dem Alternative RTE zwei einfache Editoren zur Verfügung.


Der Rich Text Editor im IE (Windows)

Der RTE bietet einige Eingabehilfen im Textfeld.


Alternativer RTE (Extension)

Auszeichnungen und Tags ohne RTE

Textauszeichnungen Textauszeichenung fett Textauszeichnung kursiv <tt>äquidistante Schrift (Courier)</tt>

Absätze Zeilenumbruch <pre>Absätze werden so übernommen, wie im Editor angegeben (z. B.

Programmzeilen)</pre> <blockquote>Einzug eines Absatzes</blockquote>

Typo-Tags <link xxx>Einfügen eines Links</link>

(wird an anderer Stelle ausführlich erläutert) <typolist>Punktliste</typolist>

Die zulässigen Tags können durch Angaben im Text erweitert werden.

Verlinkung in Typo3 – I

Interne Links

<LINK 383>Link auf interne Seite: LINK ID</LINK> <LINK Alias>Link auf interne Seite: LINK Alias</LINK>

Link auf Inhaltselement einer Seite <LINK 401#803>Link auf Inhaltselement einer Seite</LINK> <LINK punktliste#803>Link auf Inhaltselement einer Seite</LINK>

Link auf Datei (Image, PDF, ...) in der lokalen Site <fileadmin/buecher/inhalt/acrobat.pdf>Link auf Datei auf lokalem

Server</LINK> Link auf Seite innerhalb der Site im HTML-Quellcode

<a href="index.php?id=220">Link auf Seite im HTML-Quellcode</a>

Verlinkung in Typo3 – II

Externe Links

<LINK www.tu-braunschweig.de>Link zur TU Braunschweig</LINK>oder<LINK http://www.tu-braunschweig.de>Link zur TU Braunschweig</LINK>oder<a href="http://www.tu-braunschweig.de">Link zur TU Braunschweig</a>

Mailto:<LINK [email protected]>Mailto</LINK>


Inhaltstyp „Datensatz einfügen“

„Datensatz einfügen“ ermöglicht es, Inhaltselemente von anderen Seiten in die aktuelle zu integrieren.

Dieser Typ wird eingesetzt, um Daten einzubinden, die zentral gepflegt werden und um damit die Aktualität der Daten zu gewährleisten, z.B.

Mitarbeiterdaten, Telefonliste, Öffnungszeiten,….


Einfügen von Seiteninhalten – III

Weitere Inhaltstypen:

HTMLDer Inhaltstyp „HTML“ ermöglicht es, Inhalte im HTML-Quellcode zu verarbeiten.

DateilinksDer Inhaltstyp „Dateilinks“ fügt eine Linkliste für den Download ein. Die Dateien werden mit dem Typo3 Element Browser aus der Dateiliste oder vom lokalen Rechner ausgewählt

TrennerDer Inhaltstyp „Trenner“ erscheint nicht im Frontend. Er dient dem Redakteur zur Strukturierung der Inhaltselemente.


Einfügen von Seiteninhalten – IV

Multimedia

Formular

Login

Plugin einfügen

Tabelle Eingabe im Textfeld: Trennung der Zellen durch senkrechten Strich

(PC: AltGr+|, Mac: Alt+7) oder Benutzung des Tabellenassistenten


Das Web-Modul „Liste“

Das Modul „Liste“ zeigt die Seiten und Inhalte (und ggfs. Erweiterungen) in einer übersichtlichen Form an.

Die erweiterte Ansicht zeigt Bearbeitungssymbole zum Verschieben, Kopieren, Löschen ... der Seiten und Inhalte.

Das Klemmbrett ermöglicht die Auswahl mehrerer Dateien zum Kopieren oder Verschieben.

Die Tabelle „Felder setzen“ ermöglicht die Auswahl von einzelnen Feldern zur Bearbeitung.


Undo/History-Funktion

Die Undo-Funktion steht bei der Bearbeitung der Inhaltselemente zur Verfügung. Sie greift man auf die zuletzt gespeicherte Version in der Datenbank zurück. Es ist nur ein Schritt rückgängig zu machen.

Die History für die Seiteninhalte erreicht man u. a. über das Web-Modul „Liste“

In der History werden die Datensatzversionen der verschiedenen Felder chronologisch in einer Liste aufgeführt. Hier können mehrere Arbeitsschritte rückgängig gemacht werden.

In der History kann ein Status „eingefroren“ werden.


Browserseinstellungen

Voraussetzung für das Arbeiten mit Typo3 Aktivierung von JavaScript Akzeptieren von Cookies Cache-Einstellung: bei jedem Zugriff nach einer neuen Version suchen Internet Explorer: Aktivierung von Active Scripting Netscape/Mozilla/Firebird: „Block unrequested pop-up window“

deaktivieren Eine detaillierte Anleitung ist in dem Typo3-Handbuch zu finden.

regionales rechenzentrum für niedersachsen typo3 backend und redaktion schulung und workshop –...

Documents