TYPO3 Handbuch für RedakteurInnen

Transkript

1

2 TYPO3 Handbuch für RedakteurInnen Autor: Andreas Thole (Webdesigner) Stand: KONTAKT Andreas Thole Geschäftsstelle der Präsidentin Marketing/Presse Raum E 031d Fon +49. (0) Fax +49. (0) andreas.thole@uni-vechta.de Internet Universität Vechta Driverstraße 22 D Vechta Postfach D Vechta

3 Inhaltsverzeichnis 1 Allgemeines Login Das Backend im Überblick Grundfunktionen Benutzereinstellungen ändern Ändern Ihres persönlichen Benutzerpassworts Startdialog einstellen Erweiterte Funktionen einstellen Rich-Text-Editor (RTE) anpassen Mit Seiten arbeiten Einzelne Seiten anlegen Seite ober- oder unterhalb einer bestehenden Seite einfügen Seite in einer neuen Ebene einfügen Seiten über das Kontextmenü anlegen Mehrere Seiten anlegen Seiten aktivieren/deaktivieren Seiten verschieben, kopieren, löschen Seiten per Drag & Drop verschieben Seiten ausschneiden und verschieben Seiten kopieren Seiten löschen Seiteneigenschaften bearbeiten Registerkarte Allgemein Registerkarte Zugriff Registerkarte Verhalten Registerkarte Ressourcen, Kategorien Registerkarte Page Layouts Registerkarte Page Configuration Seitentypen Mit Inhalten arbeiten

4 4.1 Inhaltselemente anlegen Typischer Seiteninhalt Spezielle Inhaltselemente Raster Elemente Inhaltselemente verschieben Inhaltselemente bearbeiten, löschen Seiteninhalte anlegen Allgemein Erscheinungsbild Zugriff Inhaltselement: Text Rich Text Editor (RTE) Bilder einfügen Link einfügen Tabellen erstellen Inhaltselement: Text und Bilder Registerkarte Bilder Verschieben, Deaktivieren und Löschen von Bildern Registerkarte Erscheinungsbild Inhaltselement: Medien Lokales Video einbinden YouTube Video einbinden Gelöschte Inhalte wiederherstellen Änderungen rückgängig machen Geschützte Seiten und Inhalte anlegen Ganze Seite schützen Teilbereiche einer Seite schützen Dateiverwaltung Anlegen neuer Ordner Bearbeiten von Ordnern Hochladen von Dateien RedakteurInnen anlegen

5 1 Allgemeines TYPO3 besteht grundsätzlich aus zwei verschiedene Bereichen: Dem sogenannten Frontend und dem Backend. Das Frontend ist das, was der Besucher einer Webseite angezeigt bekommt, also die Seite der Universität. Aufrufen können Sie die Seiten über die URL: Als Backend wird der Verwaltungsbereich bezeichnet, auf den Sie als Redakteur/in erst nach dem Login zugreifen können. 1.1 Login Um sich im Typo3-System anmelden zu können, geben Sie bitte folgende URL in Ihren Browser ein: In die Felder Benutzername und Passwort geben Sie Ihre persönlichen Login-Daten ein. Sollten Sie Ihr Passwort oder Ihren Benutzernamen nicht mehr vorliegen haben, wenden Sie sich bitte an die Web-Redaktion. 1.2 Das Backend im Überblick 3

6 Das TYPO3-Backend ist dreispaltig aufgebaut. Sie können die Größe jeder Spalte anpassen, indem Sie eine Trennlinie mit der linken Maustaste anklicken, die Taste gedrückt halten und dann nach links oder rechts verschieben. Menü (Modulliste) Hier wählen Sie das Modul, mit dem Sie arbeiten wollen. Seite: Zum Anlegen und bearbeiten von Seiten Anzeigen: Zum Anzeigen der Webseite Liste: Übersicht über verwendete Elemente und Inhalte Funktionen: Zum Anlegen mehrerer neuer Seiten Papierkorb: Zum Wiederherstellen gelöschter Seiteninhalte Seitenbaum / Dateiliste Hier wählen Sie die Seite, die Sie bearbeiten wollen bzw. hier legen Sie neue Seiten an und verwenden die Dateiliste. Arbeitsbereich / Inhaltsbereich Hier werden die Inhalte eingegeben/bearbeitet. 1.3 Grundfunktionen Zum Anlegen, Bearbeiten, Speichern und Anzeigen von Seiten und Seiteninhalten stehen verschiedene Buttons zur Verfügung, die Sie üblicherweise immer oberhalb des Arbeitsbereichs finden. Wenn Sie den Mauszeiger über einen Button bewegen wird ein kurzer Texthinweis zur Funktion des Buttons angezeigt. Schließt eine Aktion/Seite ohne zu speichern Löscht eine Seite/Seiteninhalt Nimmt die letzte Änderung zurück Zeigt die Webseite im Browser an Bearbeiten der Seite/Seiteneigenschaften Erstellen eines neuen Seiteninhalts Wenn Sie Seiten oder Seiteninhalte bearbeitet haben, vergessen Sie nicht zu speichern! Je nach Aktion werden bis zu 3 Buttons zum Speichern angezeigt Speichert die Eingaben/Änderungen Speichert die Eingaben/Änderungen und zeigt den Inhalt im Browserfenster an Speichert die Eingaben/Änderungen und schließt den Arbeitsbereich 4

7 2 Benutzereinstellungen ändern Sie können das TYPO3-Backend sehr flexibel Ihren individuellen Bedürfnissen anpassen. Wählen Sie dazu im Menü Benutzerwerkzeuge -> Einstellungen 2.1 Ändern Ihres persönlichen Benutzerpassworts Unter [Persönliche Daten] können Sie ein neues Passwort vergeben. Um Tippfehler zu vermeiden, muss das Passwort zweimal eingegeben werden. 2.2 Startdialog einstellen Im Reiter [Beim Start] können Sie festlegen, welches Modul nach dem Login aufgerufen werden soll. Da Sie hauptsächlich mit Seiten arbeiten werden, setzen Sie die Einstellung auf Seite Um Vorschaubilder im Backend zu sehen, aktivieren Sie das entsprechende Feld (sofern nicht voreingestellt). Die maximale Titellänge kann auf 50 eingestellt werden. 2.3 Erweiterte Funktionen einstellen Bitte überprüfen Sie die Voreinstellungen im Reiter [Bearbeiten und erweiterte Funktionen] und setzen Sie die Einstellungen wie im Screenshot angezeigt. 5

8 2.4 Rich-Text-Editor (RTE) anpassen Der Rich-Text-Editor ist eines der wichtigsten Werkzeuge, mit dem Inhalte (Texte, Bilder, usw.) eingefügt werden. Standardmäßig wird der Editor sehr klein angezeigt, was für eine komfortable Nutzung nicht optimal ist. Um die Standardgröße des Editors zu ändern wählen Sie den Reiter [Rich-Text-Editor]. Passen Sie hier die Breite und die Höhe an. Je nachdem mit welcher Bildschirmauflösung Ihr Monitor arbeitet, sind die Werte individuell einzustellen. Als gutes Mittelmaß kann für die Breite 95% und für die Höhe 400px eingestellt werden. Um die Editorgröße auch noch während der Bearbeitung von Inhalten ändern zu können, setzen Sie bei Größe des RTE veränderlich machen einen Haken. Damit Texte, die Sie per Copy & Paste in den Editor einfügen, sauber übernommen werden, stellen Sie bitte den Modus für sauberes Einfügen auf Als einfachen Text einfügen (sofern nicht schon voreingestellt). 6

9 3 Mit Seiten arbeiten 3.1 Einzelne Seiten anlegen Zum Anlegen neuer Seiten, wechseln Sie in das Modul WEB- > Seite Um eine neue Seite anzulegen klicken Sie auf das Symbol oberhalb des Seitenbaums. Es erscheint darunter eine Übersicht der verschiedenen Seitenarten, die angelegt werden können. Eine neue Seite können Sie per Drag & Drop anlegen. Klicken Sie dazu das Symbol Standard mit gedrückter linker Maustaste an und ziehen Sie die neue Seite an die gewünschte Position. Sie haben die Möglichkeit, eine Seite direkt ober- oder unterhalb einer bestehenden Seite oder in einer neuen Ebene einzufügen Seite ober- oder unterhalb einer bestehenden Seite einfügen Um die Seite ober- oder unterhalb einer bestehenden Seite einzufügen, ziehen Sie die Seite mit gedrückter Maustaste an die gewünschte Position. Lassen Sie die Maustaste los, wenn die blaue Linie an der gewünschten Position erscheint. Die Seite wird dann unterhalb der Linie eingefügt. Geben Sie der Seite dann den gewünschten Seitennamen Seite in einer neuen Ebene einfügen 7

10 Um die Seite in eine neue Ebene einzufügen ziehen Sie die Seite mit gedrückter Maustaste an die gewünschte Position. Lassen Sie die Maustaste los, wenn der Seitenname blau unterlegt ist. Die Seite wird dann unterhalb der blau markierten Position in einer neuen Ebene eingefügt. Geben Sie der Seite dann den gewünschten Seitennamen Seiten über das Kontextmenü anlegen Zusätzlich ist es möglich, einzelne Seiten über das Kontextmenü anzulegen. Klicken Sie dazu mit der rechten Maustaste an eine Stelle im Seitenbaum. Es öffnet sich das Kontextmenü. Wählen Sie dann Seitenaktionen -> Neu Anschließend können Sie im Arbeitsbereich, durch Klick auf einen Pfeil, die Position auswählen, an der die neue Seite eingefügt werden soll. Es öffnet sich dann der Dialog zum Bearbeiten der Seiteneigenschaften (siehe 3.5 Seiteneigenschaften bearbeiten). 3.2 Mehrere Seiten anlegen Wenn Sie mehrere Seiten unterhalb einer bestehenden Seite anlegen möchten, klicken Sie zuerst im Seitenbaum an die Stelle, unterhalb der Sie weitere Seiten einfügen möchten. Anschließend klicken Sie im linken Seitenmenü unter WEB -> Funktionen an. Es öffnet sich ein Formular in dem Sie die gewünschten Seitennamen eintragen können (Abbildung 2). Zum Anlegen der Seiten klicken Sie unten auf den Button [Seiten anlegen]. Wenn Sie mehr Seiten anlegen möchten als Felder zur Verfügung stehen, klicken Sie auf [Zeilen hinzufügen]. Es werden weitere 5 Seiten-Felder hinzugefügt. 8

11 Abbildung 2 Weitere Optionen: Die neu angelegten Seiten werden als deaktivierte Seiten angelegt und sind nicht auf der Homepage sichtbar. Die neu angelegten Seiten sind nicht in der Navigation der Homepage sichtbar. 3.3 Seiten aktivieren/deaktivieren Wenn Sie eine neue Seite angelegt haben, ist diese zunächst deaktiviert (erkennbar am Symbol ). Die Seite wird nicht auf der Homepage angezeigt. Da eine neu angelegte Seite auch noch keine Inhalte hat, können Sie die Seite zunächst deaktiviert lassen und Inhalte anlegen (siehe 4.4 Seiteninhalte anlegen) Nachdem alle Inhalte eingepflegt sind und die Seite zur Veröffentlichung auf der Homepage vorbereitet ist, kann die Seite aktiviert werden. Dazu klicken Sie im Seitenbaum die deaktivierte Seite mit der rechten Maustaste an und wählen dann Aktivieren. Zum Deaktivieren einer Seite gehen Sie genauso vor, wählen dann aber im Kontextmenü Deaktivieren. 9

12 3.4 Seiten verschieben, kopieren, löschen Seiten per Drag & Drop verschieben Innerhalb des Seitenbaums lassen sich einzelne Seiten sowie Seiten mit Unterordnern ganz einfach verschieben. Klicken Sie mit der linken Maustaste eine Seite an und halten Sie die Maustaste gedrückt. Sie können die Seite nun verschieben. Um eine Seite ober- oder unterhalb einer bestehenden Seite zu verschieben, lassen Sie die Maustaste los, wenn die blaue Linie an der gewünschten Position erscheint. Die Seite wird dann unterhalb der Linie eingefügt. Um eine Seite in eine Ebene zu verschieben (Unterordner), lassen Sie die Maustaste los, wenn der Seitenname blau unterlegt ist. Die Seite wird dann unterhalb der blau markierten Position in die Ebene verschoben Seiten ausschneiden und verschieben Sie können Seiten auch durch Ausschneiden und Einfügen an einer anderen Stelle im Seitenbaum positionieren. Klicken Sie dazu mit der rechten Maustaste die gewünschte Seite an. Wählen Sie dann im Kontextmenü Seitenaktionen -> Ausschneiden. Klicken Sie dann im Seitenbaum mit der rechten Maustaste, an die Stelle, an der die Seite eingefügt werden soll. Wählen Sie im Kontextmenü Seitenaktionen -> Einfügen in oder Seitenaktionen -> Einfügen nach. Einfügen in: Die Seite wird in die Ebene (Unterordner) verschoben Einfügen nach: Die Seite wird unterhalb der gewählten Seite verschoben Seiten kopieren Um Seiten zu kopieren, gehen Sie genauso vor wie beim Ausschneiden, wählen jedoch im Kontextmenü Seitenaktionen -> Kopieren 10

13 3.4.4 Seiten löschen Seiten können per Drag & Drop gelöscht werden. Klicken Sie dazu eine Seite mit der linken Maustaste an und halten die Maustaste gedrückt. Zum Löschen ziehen Sie die Seite in den unteren Seitenbereich und lassen dann die Maustaste los. Seiten können auch über das Kontextmenü gelöscht werden. Klicken Sie mit der rechten Maustaste die Seite an und wählen dann im Kontextmenü Seitenaktionen - > Löschen. Seiten löschen per Drag & Drop Seiten löschen über das Kontextmenü 3.5 Seiteneigenschaften bearbeiten Zum Bearbeiten der Seiteneigenschaften klicken Sie im Seitenbaum mit der rechten Maustaste die gewünschte Seite an und wählen Sie dann im Kontextmenü Bearbeiten. Im Arbeitsbereich können Sie nun über die Registerkarten (Tabs) verschiedene Einstellungen machen. 11

14 3.5.1 Registerkarte Allgemein Typ: Der Seitentyp bestimmt, ob die Seite eine normale Webseite ist, ein Verweis auf eine andere Webseite ist oder in einer anderen internen Weise verwendet wird. Im Normalfall arbeiten Sie mit normalen Webseiten. Der Typ ist als Standard voreingestellt. Seitentitel: Der Seitentitel ist eine Pflichtangabe! Eine neue Seite muss immer einen Titel haben, damit sie gespeichert werden kann. Wenn eine Seite angelegt wird, erhält diese zunächst automatisch den Seitentitel [Standard-Titel]. Sie können den Titel an dieser Stelle jederzeit ändern. Alternativer Navigationstitel: In der Navigation (und der Breadcrumb-Navigation) des Frontend wird üblicherweise der Titel einer Seite als Navigationstitel verwendet. Um nicht den Titel zu verwenden, kann ein alternativer Navigationstitel angegeben werden. Untertitel: Die Angabe eines Untertitels ist nicht erforderlich, da dieser auf den Webseiten der Uni nicht verwendet wird. Bootstrap Glyphicon: Diese Funktion ist nicht aktiv. Bitte die Voreinstellung Kein Glyphicon nicht ändern! 12

15 3.5.2 Registerkarte Zugriff Seite deaktivieren: Solange Sie Ihre Webseite bearbeiten und diese noch nicht für die Öffentlichkeit zugänglich sein soll, ist bei Deaktivieren ein Häkchen zu setzen. Um die Seite öffentlich zu machen, entfernen Sie das Häkchen. In Menüs verbergen: Um zu verhindern, dass eine Seite im Frontend im Navigationsmenü angezeigt wird, müssen Sie das Häkchen bei In Menüs Verbergen setzen. Dieses ist z.b. erforderlich, wenn Sie viele Unterseiten haben, die aber nicht direkt über die Navigation aufgerufen werden sollen. Veröffentlichungsdaten und Zugriffsrechte: Möchten Sie Ihre Seite nur während einer bestimmten Zeitspanne öffentlich machen, kann das Veröffentlichungs- und Ablaufdatum (Datum und Uhrzeit) angegeben werden. Wird die Option Auf Unterseiten ausdehnen aktiviert, werden auch alle Unterseiten nur im festgelegten Zeitraum im Frontend sichtbar Registerkarte Verhalten Linkziel: Wenn das Feld Linkziel leer ist und Sie im Frontend in der Navigation eine Seite anklicken wird diese üblicherweise im gerade aktiven Browserfenster aufgerufen. Möchten Sie jedoch, dass die Seite in einem neuen Fenster/Tab geöffnet wird, tragen Sie bei Linkziel folgendes ein: _blank 13

16 3.5.4 Registerkarte Ressourcen, Kategorien Einstellungen unter den Registerkarten [Ressourcen] und [Kategorien] sind nicht erforderlich Registerkarte Page Layouts Mit den Page Layouts können Sie das Layout jeder Seite verändern. Als Standard besteht eine Seite aus der linken Sidebar, dem Content und der rechten Sidebar. Um mehr Platz auf einer Seite für Inhalte zu haben, besteht die Möglichkeit die rechte Sidebar zu deaktivieren. Sie können die rechte Sidebar für einzelne Seiten deaktivieren, indem Sie unter Page Layouts this page die Option (1) 2 Spalten, rechte Spalte generiert Navigation aktivieren. Möchten Sie, dass auch auf Unterseiten die rechte Sidebar deaktiviert wird, aktivieren Sie auch noch unter Page Layout subpages die entsprechende Option (2). 14

17 3.5.6 Registerkarte Page Configuration Bei jeder Änderung, die Sie an einer Seite durchführen, wird in Typo3 intern (nicht öffentlich) das Änderungsdatum gespeichert. Bei manchen Seiten empfiehlt es sich, dass Datum der letzten Änderung anzuzeigen (wird am Fuß der Seite angezeigt). Setzen Sie dazu ein Häkchen bei der entsprechenden Option. Das Feld CSS-Klasse ist nicht zu verwenden. 3.6 Seitentypen Neben der normalen Seite finden Sie oben im Seitenbaum noch weitere Seitentypen mit denen Sie einen internen oder externen Link in den Seitenbaum einfügen können. Das Anlegen eines Links im Seitenbaum erfolgt wie das Anlegen einer Seite per Drag & Drop. 1. Normale Seite 2. Interner Verweis 3. Link zu externer URL Interner Verweis -> Verlinkung auf eine bestehende Seite Nachdem die Seite im Seitenbaum angelegt ist, müssen Sie die Seiteneigenschaften bearbeiten. Klicken Sie dazu die Seite mit der rechten Maustaste an und wählen bearbeiten. 15

18 Im Arbeitsbereich der Seite muss das Verweisziel ausgewählt werden. Klicken Sie dazu auf das Ordnersymbol. Es öffnet sich ein neues Fenster mit dem Seitenbaum. Wählen Sie nun die Seite aus, auf die Sie verweisen möchten. Weitere Eingabe oder Einstellungen sind nicht erforderlich. Link zu externer URL -> Verlinkung auf eine externe Webseite Das Vorgehen zum Verlinken auf eine externe URL ist ähnlich dem Anlegen eines internen Verweises. In das Eingabefeld URL ist die Web- Adresse der Webseite einzutragen, auf die Sie verlinken möchten. Weitere Eingaben sind nicht erforderlich. 16

19 4 Mit Inhalten arbeiten 4.1 Inhaltselemente anlegen Wählen Sie im Menü das Modul WEB -> Seite. Klicken Sie im Seitenbaum die gewünschte Seite an, für die Sie Inhalte anlegen möchten. Grundsätzlich besteht die Möglichkeit in den Bereichen Titelbild, Linke Sidebar, Content und Rechte Sidebar Inhalte zu platzieren. Wichtiger Hinweis: Im Bereich Titelbild legen Sie bitte keine Inhalte an, da dieser Bereich ausschließlich für das Header-Bild bzw. die Slideshow der Startseite vorgesehen ist! Wenn Sie in der linken Sidebar Inhalte anlegen, werden diese im Frontend unterhalb der Navigation angezeigt. Nachfolgend wird beispielhaft beschrieben, wie Sie Inhalte im Content-Bereich anlegen. Bewegen Sie die Maus in das graue Feld unter Content. Nun werden zwei Symbole eingeblendet. Klicken Sie auf das linke Symbol (Neuen Datensatz an diesem Ort hinzufügen). Wählen Sie anschließend ein Inhaltselement unterhalb des Reiters Typischer Seiteninhalt oder Spezielle Elemente aus. Es können beliebig viele Inhaltselemente auf einer Seite angelegt werden. Auch das Verwenden unterschiedlicher Inhaltselemente ist möglich. 17

20 4.1.1 Typischer Seiteninhalt Nur Überschrift: Das Inhaltselement "Nur Überschrift" dient dazu, eine Überschrift auszugeben. Text: Das Inhaltselement "Text" dient dazu, einen Fließtext auszugeben, der auch eine Überschrift haben kann. Text und Bilder: Mit diesem Inhaltselement kann man ein oder mehrere Bilder in Verbindung mit Text darstellen. Nur Bilder: Mit diesem Inhaltselement kann man ein oder mehrere Bilder darstellen. Der Unterschied zum Inhaltselement "Text und Bilder" besteht darin, dass man hier keinen separaten Text-Bereich hat Spezielle Inhaltselemente Dateilinks: Mit diesem Inhaltselement können Sie auf der Website beliebige Dateien zum Download anbieten. Medien: Mit dem Inhaltselement "Medien" können Sie Audio- oder Videodateien in die Website einbetten. Auch externe Videos von z.b. Youtube oder Vimeo lassen sich damit einbinden. Trenner: Das Inhaltselement "Trenner" gibt eine horizontale Linie im Frontend aus. Das kann für die Strukturierung der Inhalte nützlich sein. 18

21 Datensätze einfügen: Mit dem Inhaltselement "Datensätze einfügen" können Verweise/Referenzen auf schon vorhandene Inhaltselemente erstellt werden Raster Elemente Mit der Umstellung auf Responsive Webdesign stehen zusätzliche Inhaltselemente wie die Raster-Elemente zur Verfügung. Um Inhalte (Texte, Bilder usw.) auf einer Seite besser nebeneinander anordnen zu können werden die 2-, 3- und 4-Spalten Elemente verwendet. Beispiel Ausgabe im Frontend 19

22 Raster-Elemente werden grundsätzlich auf die gleiche Weise angelegt wie alle anderen Inhaltselemente (siehe 4.1 Inhaltselemente anlegen). Nachfolgend wird beispielhaft das Anlegen eines 3-Spalten Elements beschrieben. Im oberen Arbeitsbereich kann eine Überschrift eingegeben werden. Zudem ist der Typ für die Überschrift zu wählen. Weitere Eingaben sind nicht erforderlich. Unter den Erweiterungsoptionen kann die Spaltenbreite angepasst werden. Als Standard werden die Spaltenbreiten gleichmäßig verteilt. Bitte nehmen Sie hier keine Änderungen vor! 2-Spalten Element: Breite beider Spalten 50% 3-Spalten Element: Breite jeder Spalte 33% 4-Spalten Element. Breite jeder Spalte 25% 20

23 Wenn Sie das Element gespeichert haben, stehen 3-Spalten als Container zur Verfügung und können mit Inhalten gefüllt werden. Bewegen Sie dazu die Maus in eine Spalte und klicken Sie auf das Symbol Anschließend wechseln sie auf die Registerkarte [Typischer Seiteninhalt] und können dort wie bereits bekannt ein Inhaltselement auswählen und den Spalteninhalt erstellen. Hinweis: 2-, 3- und 4-Spalten Elemente werden auf mobilen Endgeräten untereinander angeordnet, wenn die Bildschirmgröße kleiner wird. 21

24 4.2 Inhaltselemente verschieben Inhaltselemente können ganz einfach per Drag & Drop verschoben werden. Dazu bewegen Sie die Maus über das Inhaltselement und klicken mit der linken Maustaste auf den dunkelgrauen Bereich und lassen die Maustaste gedrückt. Es werden die grünen Felder [Hier einfügen] eingeblendet. Ziehen Sie nun das Inhaltselement einfach an die gewünschte Position. 4.3 Inhaltselemente bearbeiten, löschen Um ein Inhaltselement zu bearbeiten oder zu löschen, bewegen Sie die Maus über das Inhaltselement. Es werden verschiedene Symbole eingeblendet. Klicken Sie auf das Bleistift-Symbol um das Inhaltselement zu bearbeiten. Um ein Inhaltselement zu löschen, klicken Sie auf das Papierkorb-Symbol. Möchten Sie ein Inhaltselement deaktivieren, so dass es im Frontend nicht angezeigt wird, klicken Sie auf das Glühbirnen-Symbol. 4.4 Seiteninhalte anlegen Für die am häufigsten verwendeten Inhaltselemente (Typischer Seiteninhalt) sind einige grundlegende Eingaben für die Überschrift sowie die Wahl des Überschriften-Typs zu treffen. Zudem können optional weitere Eingaben und Einstellungen gemacht werden. 22

25 4.4.1 Allgemein Überschrift: Um eine Webseite sinnvoll zu strukturieren, können und sollten Sie Überschriften hierarchisch verwenden. Tragen Sie dazu die Überschrift in das entsprechende Eingabefeld ein. Ein Untertitel ist nicht erforderlich, da die Ausgabe im Frontend derzeit nicht vorgesehen ist. Wählen Sie bitte anschließend unter Typ eine der folgenden Überschrift aus. Überschrift der Seite 1 1. Überschrift Ebene Überschrift Ebene Überschrift Ebene 3 Wichtiger Hinweis: Beginnen Sie immer mit einer Hauptüberschrift (Überschrift der Seite). Diese darf nur einmal auf jeder Seite vorkommen! Weitere Inhaltselemente auf Ihrer Seite können sie mit den Überschriften der Ebene 1-3 untergliedern. Eine mehrfache Verwendung pro Seite ist möglich. Soll eine Überschrift nicht angezeigt werden, können Sie die entsprechende Option wählen. Ausrichtung: Hier können Sie definieren wie die Überschrift auf der Seite ausgegeben wird (links-/rechtsbündig oder mittig). Verwenden Sie bitte Standard (linksbündig) um eine einheitliche Darstellung auf allen Webseiten zu gewährleisten. 23

26 Link: Soll eine Überschrift mit einer anderen Seite verlinkt werden, können Sie diese Funktion verwenden. Weitere Informationen zum Verlinken finden Sie auch unter Link einfügen Erscheinungsbild Hier kann der Abstand in Pixel zum darüber- oder darunterliegenden Inhaltselement angegeben werden. Geben Sie z.b. bei Oberer Abstand 100 ein, so wird dieses Inhaltselement im Frontend 100 Pixel nach unten verschoben. Im Normalfall müssen Sie keine Angaben zu den Abständen machen! Die Option Content slide sollte deaktiviert sein! Zugriff Möchten Sie, dass ein Inhaltselement nicht im Frontend angezeigt wird, setzten Sie bei Inhaltselement deaktivieren ein Häkchen. Die Option In Menüs zeigen muss aktiviert bleiben, wird aber derzeit nicht für Inhaltselemente im Frontend verwendet. Möchten Sie ein Inhaltselement nur in einem festgelegten Zeitraum im Frontend anzeigen, können Sie ein Veröffentlichungs- und Ablaufdatum setzen. 4.5 Inhaltselement: Text Das Inhaltselement Text ist eines der am häufigsten verwendeten Elemente. Nachdem Sie die allgemeinen Eingaben gemacht haben (siehe 4.4 Seiteninhalte anlegen), können Sie im Rich- Text-Editor normalen Text, sowie Links, Tabellen und Bilder einfügen. Nachfolgend wird der Editor im Detail erklärt. 24

27 4.6 Rich Text Editor (RTE) Der Rich Text Editor dient dazu, Inhalte auf einer Seite zu erstellen. Der RTE hat ähnliche Funktionen zum Formatieren von Text, wie sie aus Textverarbeitungsprogrammen bekannt sind. Zudem lassen sich über den Editor auch Bilder und Tabellen einfügen. Mit den Formatierungsfunktionen können Sie Text fett, kursiv, tiefgestellt, hochgestellt und unterstrichen darstellen. Der Blocktyp dient zum Erstellen von Überschriften. Um eine hierarchische Struktur erstellen zu können stehen die Überschriften der Ebene 1 3 zur Verfügung. werden. Mit diesen Funktionen kann ein Absatz vor, oder nach dem aktuellen Block erstellt Zur Erstellung von Aufzählungen. Zum Ändern der Textfarbe. Um ein möglichst gleichmäßiges Erscheinungsbild auf allen Seiten zu gewährleisten sind die zur Verfügung stehenden Farben eingeschränkt. Das Ändern der Hintergrundfarbe ist nicht mehr möglich. Zum Einstellen von Sonderzeichen. Zum Erstellen von Links, Einfügen von Bildern und Tabellen. Über diese Funktion können Sie im Text nach einer Zeichenfolge oder einem Wort suchen und dieses ersetzen. Es besteht die Möglichkeit in den Textmodus umzuschalten, um z.b. alle im Text vorhanden Formatierungen zu sehen, die ggf. beim Kopieren von Inhalten aus Word-Dokumenten oder von Webseiten mit übertragen wurden. Diese Formatierungen können das Aussehen der Seiten verändern und sollten entfernt werden. Hiermit kann eine zuvor ausgeführte (fehlerhafte) Aktion rückgängig gemacht werden. 25

28 4.6.1 Bilder einfügen Sie können im Text Bilder der Formate JPG, GIF und PNG einfügen. Wählen Sie die Stelle, an der das Bild in etwa eingefügt werden soll und klicken Sie auf Bild einfügen. Es öffnet sich ein neues Fenster. Sie können bestehende Bilder über den Reiter Neues Zauberbild, Neues normales Bild oder Drag and Drop einfügen. Wählen Sie im Seitenbaum den Ordner aus, in dem Ihre Bilder liegen. Im rechten Seitenbereich werden die Bilder aus dem Ordner angezeigt. Klicken Sie auf den Dateinamen um das Bild in den Editor zu übernehmen. Zum Hochladen neuer Bilder müssen Sie im Fenster etwas nach unten scrollen. Neues Zauberbild: Hier können Sie ein Bild mit beliebiger Größe auswählen. Das Bild wird automatisch in ein Web-Grafikformat (max. 300 x 300 Pixel) umgewandelt. Neues normales Bild: Im "Normal"-Modus können nur Bilder bis zu einer Auflösung von 640x680 Pixeln verwendet werden. Drag and Drop: Hier können Sie Bilder direkt per Drag & Drop in den Rich-Text-Editor ziehen. Das Bild wird in verkleinerter Form in den Editor eingefügt. Die originale Größe des Bildes bleibt allerdings erhalten, so dass Sie das Bild anschließend wieder größer ziehen können. 26

29 Bildgröße proportional ändern Um die Bildgröße proportional zu ändern, klicken Sie das Bild an. Es erscheint ein schwarzer Rahmen. Klicken Sie auf die untere rechte Ecke und ziehen Sie das Bild in die gewünschte Größe. Die gerade aktuelle Größe wird dabei rechts unten im grauen Kasten angezeigt. Bildeigenschaften ändern Die Eigenschaften eines Bildes können Sie ändern nachdem ein Bild eingefügt ist. Markieren Sie das im Text eingefügte Bild mit einem Klick und klicken Sie danach auf das Bild einfügen - Symbol. Breite: Hier geben Sie an wie breit das Bild sein soll. Höhe: Hier geben Sie an wie hoch das Bild sein soll. Rand: Funktion nicht aktiv! Umfließen: Hier kann gewählt werden, ob der Text links oder rechts das Bild umfließt. Oberer innerer Abstand: Verschiebt das Bild um die eingegebene Anzahl an Pixeln nach unten. Rechter innerer Abstand: Verschiebt das Bild nach links. 27

30 Unterer innerer Abstand: Verschiebt das Bild nach oben. Linker innerer Abstand: Verschiebt das Bild nach rechts. Hinweis: Das Bild wird um die eingegeben Anzahl an Pixeln verschoben und gequetscht! Bsp. Ein 300x300 Pixel Bild mit oberer innerer Abstand 20 Pixel wird um 20 Pixel nach unten verschoben und das Bild dabei um die 20 Pixel zusammen gequetscht. Wichtiger Hinweis: Jedes Bild kann mit einem Alternativ- und Titel-Text beschrieben werden. Lesegeräte für Sehbehinderte nutzen den Alternativ-Text zur informativen Darstellung des Bildes. Es ist erforderlich einen kurzen aber aussagekräftigen Alternativ-Text zu verwenden. Die Angabe des Title-Attributs kann als zusätzliche Information eingesetzt werden, ist aber nicht zwingend erforderlich. Titel: Geben Sie einen aussagekräftigen Titel für das Bild ein. Der Titel wird im Frontend nicht angezeigt. Alternativtext: Geben Sie einen aussagekräftigen Alternativtext für das Bild ein. Der Alternativtext wird im Frontend nicht angezeigt und kann auch gleich dem Titel sein. Klick-Vergrößern: Funktion nicht aktiv! Link einfügen Es können Links zu internen und externen Seiten sowie auf Datei und Ordner gesetzt werden. Markieren Sie dazu im Rich-Text-Editor den Text, der verlinkt werden soll. Klicken Sie dann auf Link einfügen. Reiter: Seite Stil: Bitte verwenden Sie internal-link Titel: Der Titel dient dazu, NutzerInnen mehr Informationen über das Verweisziel zu geben und sollte angegeben werden, sofern das Verweisziel aus dem verlinkten Text nicht deutlich hervorgeht. Zielfenster: Verlinkte Seiten werden standardmäßig immer im gerade aktiven Browserfenster geöffnet. Möchten Sie, dass ein neues Fenster/Tab aufgeht, wählen Sie Neues Fenster 28

31 Seitenbaum: Klicken Sie die Seite an, auf die Sie verlinken möchten. Reiter: Datei Stil: Bitte verwenden Sie download Die weiteren Eingaben sind wie bei Seite zu verwenden. Reiter: Ordner Bitte verlinken Sie nicht auf einen Ordner! Reiter: Externe URL URL: Geben Sie hier die URL mit vorangestelltem ein, zu der verlinkt werden soll. Stil: Bitte verwenden Sie external-link-new-windows Die weiteren Eingaben sind wie bei Seite zu verwenden. Reiter: -Adresse: Geben Sie hier die Adresse ein. Stil: Bitte verwenden Sie mail 29

32 4.6.3 Tabellen erstellen Wichtiger Hinweis: Bitte verwenden Sie Tabellen ausschließlich für die Darstellung von Daten und nicht zum Erstellen von Seitenlayouts bzw. dem Ausrichten/Anordnen von Texten und Bildern! Es ist zwingend erforderlich, dass Sie sich daran halten, da Texte und Bilder die mittels Tabellen positioniert werden auf mobilen Endgeräten ggf. nicht korrekt dargestellt werden Zum Ausrichten/Anordnen können Raster-Elemente verwendet werden (siehe Raster Elemente). Sie können direkt im Rich-Text-Editor Tabellen erstellen. Klicken Sie dazu auf das Symbol Tabellen einfügen Es öffnet sich ein Fenster, in dem Sie die Eigenschaften der Tabelle definieren können. Hinweis: Im Frontend wird die Tabellenbreite automatisch auf 100% gesetzt. D.h. die Tabelle erstreckt sich immer auf die gesamte Seitenbreite. Auch die Tabellenzellen werden automatisch ausgerichtet. Ein manuelles Einstellen ist nicht mehr möglich! Beschreibung Titel: Geben Sie hier den Titel Ihrer Tabelle ein. Zusammenfassung: Unter Zusammenfassung können Sie eine kurze Beschreibung zur Tabelle eingeben. Diese wird z.b. von Screen Readern für Sehbehinderte ausgegeben. Im Frontend ist die Zusammenfassung nicht sichtbar. Größe und Köpfe Anzahl Zeilen: Geben Sie hier ein wie viele Zeilen Ihre Tabelle haben soll. Anzahl Spalten: Geben Sie hier ein wie viele Spalten Ihre Tabelle haben soll. Köpfe: Hier geben Sie an welcher Stelle die Kopfzellen der Tabelle angeordnet sind. Die dargestellten Tabellen dienen der Illustration. Die tatsächliche Darstellung im Frontend sehen Sie beispielhaft unter CSS-Stil. 30

33 CSS-Stil Tabelle: Hier wählen Sie mit welchem Stil die Tabelle im Frontend angezeigt werden soll. Es stehen die Stile table, table-bordered, table-hover, table-striped zur Verfügung. Hinweis: Im Backend werden die Tabellen mit Hilfsrahmen dargestellt. Wie die Ausgabe im Frontend aussieht, sehen Sie in den nachfolgenden Beispiel-Tabellen. table - Der Standard Stil. Wenn Sie keinen CSS-Stil zuordnen, wird automatisch dieser Stil verwendet. table-bordered Alle Tabellenzellen bekommen einen grauen Rahmen. table-hover Die Tabelle erscheint im Standard-Stil. Zusätzlich wird, wenn der Mauszeiger über einer Tabellenzeile steht, die Hintergrundfarbe der Zeile grau dargestellt. table-striped Die Tabellenzeilen bekommen abwechselnd einen grauen und weißen Hintergrund. Um einer Tabelle ordnungsgemäß den gewünschten CSS-Stil zuzuweisen sind derzeit zwei Schritte erforderlich! 31

34 Schritt 1: Wählen Sie beim ersten Erstellen der Tabelle den CSS-Stil Tabelle: table Schließen Sie das Fenster, indem Sie den Button [OK] anklicken. Schritt 2: Klicken Sie die Tabelleneigenschaften an. Anschließend wählen Sie unter CSS-Stil Tabelle einen der gewünschten Stile aus und klicken auf den Button [OK] Der gewünschte Stil wird nun der Tabelle zugewiesen und Sie können mit der Bearbeitung bzw. Eingabe der Daten in die Tabelle beginnen. Möchten Sie den zugewiesenen CSS-Stil nachträglich ändern, rufen Sie die Tabelleneigenschaften auf und wählen unter CSS-Stil Tabelle den Eintrag Blockstil entfernen. Bestätigen Sie das Entfernen durch Klick auf den Button [OK]. Sie können nun durch nochmaliges Aufrufen der Tabelleneigenschaften einen anderen CSS-Stil zuweisen. 32

35 Zum Bearbeiten einer Tabelle stehen weitere Funktionen zur Verfügung: Ränder umschalten: Schaltet im Editor die Tabellenränder (Hilfsrahmen) sichtbar. Tabelleneigenschaften: Öffnet das Fenster mit den Tabelleneigenschaften. Zeileneigenschaften: Öffnet das Fenster mit den Zeileneigenschaften. Zeile vor dieser einfügen: Fügt eine neue Zeile oberhalb der markierten Zeile ein. Zeile nach dieser einfügen: Fügt eine neue Zeile unterhalb der markierten Zeile ein. Zeile löschen: Entfernt eine Zeile. Zeile teilen: Teilt eine Zeile, die zuvor verbunden wurde. Spalteneigenschaften: Öffnet das Fenster mit den Spalteneigenschaften. Spalte vor dieser einfügen: Fügt eine neue Spalte vor der markierten Spalte ein. Spalte nach dieser einfügen: Fügt eine neue Spalte nach der markierten Spalte ein. Spalte löschen: Löscht eine Spalte. Spalte teilen: Teilt eine Spalte, die zuvor verbunden wurde. Zelleneigenschaften: Öffnet das Fenster mit den Zelleneigenschaften. Zelle vor dieser einfügen: Fügt eine neue Zelle vor der markierten Zelle ein. Zelle nach dieser einfügen: Fügt eine neue Zelle nach der markierten Zelle ein. Zelle löschen: Löscht eine Zelle. Zellen teilen: Teilt eine Zelle, die zuvor verbunden wurde. Zellen verbinden: Verbindet eine oder mehrere Zellen. Tabellen löschen Um eine komplette Tabelle zu löschen, klicken Sie mit der rechten Maustaste in die Tabelle hinein. Es öffnet sich ein Kontextmenü. Wählen Sie dort ganz unten den Eintrag Entferne das <table> Sie können Tabellen auch löschen, indem Sie mit der Maus irgendwo in die Tabelle hinein klicken und dann im unteren Bereich des Editors bei Pfad auf den Eintrag table anklicken. Die gesamte Tabelle wird markiert. Drücken Sie nun auf der Tastatur die Entfernen-Taste [Entf] 33

36 4.7 Inhaltselement: Text und Bilder Besonderheit des Inhaltselements ist die Registerkarte [Bilder] und einige Optionen auf der Registerkarte [Erscheinungsbild]. Auf der Registerkarte [Allgemein] können Sie wie bereits beschrieben den Text im Rich-Text-Editor eingeben Registerkarte Bilder Klicken Sie auf den Button Bild hinzufügen. Das entsprechende Dialogfenster wird geöffnet. Möchten Sie, dass ein Bild vergrößert angezeigt wird, wenn Sie es im Browser anklicken, aktivieren Sie die Funktion "Bei Klick vergrößern" Der Bootstrap Bild Stil sollte nicht verändert werden! Wählen Sie im Verzeichnisbaum den Ordner aus, in dem die Bilder liegen, die Sie einfügen möchten. Im rechten Seitenbereich werden alle Bilder des Ordners angezeigt. Markieren Sie das gewünschte Bild und klicken Sie auf Auswahl importieren. Sie können auch mehrere Bilder gleichzeitig auswählen und einfügen. Möchten Sie Bilder hochladen, wählen Sie den Ordner aus, in den die Bilder hochgeladen werden sollen. Klicken Sie dann auf den Button Durchsuchen. Anschließend können Sie die gewünschten Bilder auswählen und Hochladen. Wichtiger Hinweis: Jedes Bild kann mit einem Alternativ- und Titel-Text beschrieben werden. Lesegeräte für Sehbehinderte nutzen den Alternativ-Text zur informativen Darstellung des Bildes. Es ist erforderlich einen kurzen aber aussagekräftigen Alternativ-Text zu verwenden. Die Angabe des Title-Attributs kann als zusätzliche Information eingesetzt werden, ist aber nicht zwingend erforderlich. 34

37 Aktivieren Sie unter Alternativ-Text Die Funktion überschreiben Und geben Sie einen Text ein. Unter Beschreibung (Bildunterschrift) können Sie dem Bild einen Text hinzufügen, der im Frontend unterhalb des Bildes angezeigt wird. Soll ein Bild mit einer anderen Seite oder Datei verlinkt werden, klicken Sie unter Link auf das Bleistift-Symbol und wählen dann das gewünschte Linkziel Verschieben, Deaktivieren und Löschen von Bildern Alle Bilder werden untereinander in einer Übersicht angezeigt. Möchten Sie ein Bild in der Übersicht verschieben, klicken Sie mit der linken Maustaste auf das Symbol und halten die Taste gedrückt. Jetzt können Sie das Bild per Drag & Drop verschieben. Zum Deaktivieren eines Bildes klicken Sie auf das Glühbirnen-Symbol. Zum Löschen eines Bildes klicken Sie auf das Papierkorb-Symbol Registerkarte Erscheinungsbild Layout des Inhaltselements Hier kann der Abstand in Pixel zum darüber- oder darunterliegenden Inhaltselement angegeben werden. Geben Sie z.b. bei Oberer Abstand 100 ein, so wird das Inhaltselement im Frontend 100 Pixel nach unten verschoben. Im Normalfall müssen Sie keine Angaben zu den Abständen machen! Die Option Content slide sollte deaktiviert sein! 35

38 Bildeinstellungen Mit Breite und Höhe können Sie die Größe des Bildes einstellen. Wenn Sie nur einen der beiden Werte vorgeben, wird der andere automatisch berechnet, so dass die Proportionen des Bildes erhalten bleiben. Wenn Sie die Funktion Rahmen aktivieren, wird das Bild mit einem Rahmen versehen. Einstellungen unter Qualität und Typ sowie Effekte sind normalerweise nicht erforderlich. Bildausrichtung Unter Position und Ausrichtung wählen Sie wie Text und Bilder positioniert werden sollen. Mit Anzahl der Spalten geben Sie an, wie viele Bilder nebeneinander angeordnet werden sollen. Wenn Sie z.b. eine Bildergalerie mit 6 Bildern anlegen möchten, in der immer zwei Bilder in einer Reihe angezeigt werden, stellen Sie Anzahl der Spalten auf 2. Unter Ausrichtung der Beschriftung können Sie wählen wie die Beschreibung (Bildunterschrift) ausgerichtet werden soll. 4.8 Inhaltselement: Medien Über das Inhaltselement "Medien" auf der Registerkarte [Spezielle Elemente] können Videos eingebunden werden. Wechseln Sie auf die Registerkarte [Medien] -> [Medienoptionen] Hier sind einige Pflichteingaben zu machen. Aktivieren Sie die Funktion HTML5/barrierefreie Darstellung Geben Sie bei Breite Medium an, wie breit das Video im Frontend dargestellt werden soll. Die Eingabe der Höhe ist nicht erforderlich, da diese automatisch für eine proportionale Darstellung angepasst wird. Der Darstellungstyp muss auf Auto stehen. 36

39 Wechseln Sie nun auf die Registerkarte [Medien] -> [Video-Element] Lokales Video einbinden Um ein lokales Video (ein Video, welches auf dem Server der Universität gespeichert ist) einzubinden, klicken Sie auf das Bleistift-Symbol. Es öffnet sich ein neues Fenster. Wählen Sie unter Verzeichnisbaum den Ordner, in dem das einzubindende Video liegt. Klicken Sie auf der rechten Seite unter Dateien das gewünschte Video an. Die Video-ID wird automatisch in das Eingabefeld übernommen und das Video ist eingebunden. Weitere Eingaben sind nicht erforderlich. Hinweis: Um den Server der Universität nicht unnötig zu belasten, empfiehlt es sich, Videos auf einer Videoplattform wie YouTube auszulagern! YouTube Video einbinden Um eine YouTube Video einzubinden, kopieren Sie sich von der YouTube-Seite die URL zum Video. Kopieren Sie die URL in das Eingabefeld. Weitere Eingaben sind nicht erforderlich. 37

40 4.9 Gelöschte Inhalte wiederherstellen Um versehentlich gelöschte Inhalte wiederherzustellen steht im Menü das Modul WEB -> Papierkorb zur Verfügung. Klicken Sie im Seitenbaum die Seite an, für die Sie Inhalte wiederherstellen möchten. Klicken Sie anschließend im Menü auf WEB -> Papierkorb Wählen Sie im Dropdownmenü Tiefe: unendlich und bei Tabelle: Seiteninhalt. Es wird eine Liste mit allen Seiteninhalten die wiederhergestellt werden können angezeigt. Markieren Sie einen oder mehrere Seiteninhalte und klicken dann auf den Button [Wiederherstellen] und bestätigen Sie mit [Ja] Der Seiteninhalt wird wiederhergestellt und am Ende der Seite positioniert. Wechseln Sie wieder in das Modul WEB -> Seite. Sie können den Seiteninhalt nun per Drag & Drop an die ursprüngliche Position verschieben. Wichtiger Hinweis: Es ist derzeit nicht möglich ganze Seiten wiederherzustellen! Sollte einmal eine Seite gelöscht worden und nicht rekonstruierbar sein, wenden Sie sich bitte an die Web-Redaktion Änderungen rückgängig machen Um Änderungen rückgängig zu machen oder auch gelöschte Seiteninhalte wiederherzustellen gibt es die Funktion Verlauf/Rückgängig. Klicken Sie dazu im Seitenbaum die Seite mit der rechten Maustaste an und wählen dann im Kontextmenü Verlauf/Rückgängig. 38

41 Im Arbeitsbereich wird eine Liste mit dem Verlauf von Änderungen angezeigt. Um eine Änderung wiederherzustellen, klicken Sie auf das Symbol Wenn Sie mehrere Änderungen wiederherstellen möchten, setzen Sie die entsprechenden Markierungen (1.) und klicken dann auf das Symbol in der Reihe mit der letzten Markierung (2). Anschließend werden die zu wiederherstellenden Elemente angezeigt. Klicken Sie auf das obere Symbol um alle Änderungen wiederherzustellen, oder wählen Sie ein einzelnes Element aus. 39

42 5 Geschützte Seiten und Inhalte anlegen Sie können ganze Seiten oder Teilbereiche einer Seite vor unbefugtem Zugriff schützen. Der Zugriff auf die Inhalte erfolgt dann erst nach einem erfolgreichen Login. Einloggen können sich Benutzer (Beschäftigte, Studierende) über das Login-Formular, welches im Frontend über den Link im oberen Seitenbereich zu erreichen ist. 5.1 Ganze Seite schützen Um eine ganze Seite zu schützen, klicken Sie im Seitenbaum die gewünschte Seite mit der rechten Maustaste an und wählen Bearbeiten. Wechseln Sie auf die Registerkarte [Zugriff]. Unter Verfügbare Objekte wählen Sie die Benutzergruppen aus, die Zugriff auf die Seite bekommen sollen. Beachten Sie, dass die gewählte Benutzergruppe im linken Fenster unter Ausgewählte Objekte angezeigt wird. Für Beschäftigte wählen Sie unter Verfügbare Objekte den Punkt Mitarbeiter, für Studierende wählen Sie den Punkt Studenten. Soll der Zugriff nur für einen definierten Zeitraum möglich sein, können Sie ein Veröffentlichungs- und Ablaufdatum eintragen. Weitere Einstellungen sind nicht erforderlich. 40

43 5.2 Teilbereiche einer Seite schützen Sie können jedes Inhaltselement einer Seite vor Zugriff schützen. Gehen Sie dazu in den Bearbeitungsmodus durch Klick auf das Bleistift-Symbol. Wechseln Sie auf die Registerkarte [Zugriff]. Unter Verfügbare Objekte wählen Sie die Benutzergruppen aus, die Zugriff auf den Seiteninhalt bekommen sollen. Beachten Sie, dass die gewählten Benutzergruppen im linken Fenster unter Ausgewählte Objekte angezeigt werden. Soll der Zugriff nur für einen definierten Zeitraum möglich sein, können Sie ein Veröffentlichungs- und Ablaufdatum eintragen. 41

44 6 Dateiverwaltung Die Verwaltung von Dateien wie Bilder, PDF-Dokumente usw. findet in der Dateiliste statt. Diese erreichen Sie im Menü über das Modul DATEI -> Dateiliste. Jede/r Redakteur/in hat ausschließlich Zugriff auf Ordner, die seinem Arbeitsbereich zugeordnet sind. Es sind nur Ordner der obersten Hierarchie angelegt. Das Anlegen und die Organisation weiterer Unterordner liegen im Verantwortungsbereich der/des Redakteurin/Redakteurs. 6.1 Anlegen neuer Ordner Um Ordner anzulegen, klicken Sie im oberen Seitenbereich auf Sie haben nun die Möglichkeit einen oder gleich mehrere Ordner anzulegen. Dazu wählen Sie aus dem Dropdownmenü die gewünschte Anzahl an Ordnern die Sie anlegen möchten. Anschließend können Sie die Bezeichnung der Ordner in die Eingabefelder eingeben und die neuen Ordner durch Klick auf die Schaltfläche Ordner anlegen erzeugen. Die neuen Ordner werden in alphabetischer Reihenfolge in die Verzeichnisstruktur einsortiert. 6.2 Bearbeiten von Ordnern Sie können Ordner umbenennen, kopieren, ausschneiden und löschen. Klicken Sie dazu in der Dateiliste den Ordner der obersten Hierarchie an. Im Arbeitsbereich wird dann eine Übersicht der untergeordneten Ordner angezeigt. Sollten die Bearbeitungsfunktionen nicht angezeigt werden, aktivieren Sie die erweiterte Ansicht unterhalb der Ordnerübersicht. 42

45 Umbenennen: Klicken Sie auf um einen Ordner umzubenennen. Löschen: Klicken Sie auf um einen Ordner zu löschen. Kopieren: Klicken Sie auf um einen Ordner zu kopieren. Haben Sie das Kopieren-Symbol angeklickt, wird der Ordner in die Zwischenablage kopiert und es erscheint ein weiteres Symbol in den Bearbeitungsfunktionen. Sie können nun die Kopie in einen anderen Ordner durch Klick auf einfügen. Ausschneiden: Klicken Sie auf um einen Ordner auszuschneiden. Die Funktionsweise ist gleich der des Kopierens, mit dem Unterschied, dass der Ordner nicht kopiert sondern verschoben wird. Alle Bearbeitungsfunktionen können auch über das Kontextmenü in der Dateiliste aufgerufen werden. Klicken Sie dazu das Ordnersymbol links neben dem Dateinamen an (alternativ: rechtsklick auf den Ordnernamen) und wählen die gewünschte Aktion. 43

46 6.3 Hochladen von Dateien Dateien (Bilder, PDF-Dokumente usw.) können Sie über das Modul DATEI -> Dateiliste hochladen. Klicken Sie in der Dateiliste einen Ordner an, in den Sie Dateien hochladen möchten. Anschließend klicken Sie im Arbeitsbereich oben auf das mittlere Symbol Dateien hochladen. Es öffnet sich ein Dateiauswahl-Fenster in dem Sie nun die gewünschte Datei zum Hochladen auswählen können. Möchten Sie mehrere Dateien gleichzeitig hochladen, müssen Sie im Dateiauswahl-Fenster eine Datei mit der Maus anklicken, dann die [Strg]-Taste gedrückt halten und weitere Dateien mit der Maus auswählen. Klicken Sie dann auf Öffnen um alle Dateien hochzuladen. Alternativ können Sie auch über das Kontextmenü Dateien hochladen. Klicken Sie dazu in der Dateiliste einen Ordnernamen mit der rechten Maustaste an. Wählen Sie dann im Kontextmenü Datei hochladen. Im Arbeitsbereich können Sie durch Klick auf den Button Durchsuchen das Dateiauswahl-Fenster öffnen und die gewünschten Dateien auswählen. Klicken Sie anschließend auf den Button Hochladen. 44

47 7 RedakteurInnen anlegen Hauptredakteure/-redakteurinnen haben die Möglichkeit, neue Redakteur/innen anzulegen. Wählen Sie dazu im Menü das Modul BENUTZERWERKZEUGE -> Aufgaben Im oberen Seitenbereich müssen Sie über das Dropdownmenü Tasks wählen. Klicken Sie dann unter Befehl auf den Link Benutzer erstellen Geben Sie nun alle Daten ein. Wichtiger Hinweis: Der Benutzername setzt sich zusammen aus dem ersten Buchstaben des Vornamen und dem Nachname. Umlaute sind umzuschreiben: ä = ae / ö = oe / ü=ue / ß=ss Beispiel: Peter Müster -> pmuester Unter Gruppe wählen Sie bitte immer _Redakteur sowie die Einrichtung für die der Beschäftigte freigeschaltet werden soll. Eine Mehrfachauswahl können Sie vornehmen, indem Sie den ersten Eintrag mit der Maus markieren, dann die [Strg]-Taste festhalten und einen weiteren Eintrag mit der Maus anklicken. Klicken Sie anschließend auf den Button Backend-Benutzer anlegen. 45