> Der Diakoniebaukasten. Handbuch.

Transkript

1 > Der Diakoniebaukasten Handbuch

2 Inhaltsverzeichnis 1 Anmelden im Redaktionssystem 5 2 Erste Schritte, Grundfunktionen und Symbole Erläuterung der dreigeteilten Benutzeroberfläche Übersicht über die Grundfunktionen des Redaktionssystems im Funktionsmenü Übersicht über die TYPO3-Symbole Seiten anlegen, ändern, verschieben und löschen Neue Seite anlegen Seitennamen ändern Seite deaktivieren und im Menü verbergen Seite terminieren Seite löschen Seite verschieben Seite spiegeln Inhalt bearbeiten und anlegen Seite aufrufen Inhalt bearbeiten Neuen Inhalt anlegen Inhaltselemente terminieren Bearbeiten von Text Links und Downloads einfügen Verschiedene Inhaltselemente anlegen Überschrift Bilder Banner Bildergalerien Bild-Text-Teaser Diakonie Startseitenbox Teaserbox zweispaltig Textbox Tabelle MP3-Datei Videos von YouTube anbieten am Beispiel von kirchenfernsehen.de Audiobeiträge von Soundcloud anbieten am Beispiel von kirchenradio.de HTML Quellenangaben Abstandselement Inhaltselement(e) verschieben oder kopieren... 52

3 6 Bilder und Dokumente verwalten Dateiordner anlegen Dateien hochladen Einzelne Dateien bearbeiten und löschen Mehrere Dateien verschieben und löschen Meldungen anlegen und verwalten Anlegen einer neuen Meldung Meldung terminieren Bearbeiten einer bestehenden Meldung Löschen einer Meldung Veranstaltungen anlegen und verwalten Neue Veranstaltung erstellen Bestehende Veranstaltungen bearbeiten Veranstaltung kopieren Veranstaltungsarchiv Vorschlags- und Nachrichtenbereich Aufrufen des Vorschlags- und Nachrichtenbereichs Veranstaltungen und Meldungen übernehmen oder nicht übernehmen Veranstaltungen und Meldungen vorschlagen Statistik Erklärung der Statistikfunktionen Statistik exportieren oder drucken Spezielle Einstellungen Ihres Baukastens Kopfleiste des Baukastens anpassen Startseite Rechte Spalte Erweiterungen und Informationen Erweiterungen Informationen Kontakt und Impressum Kontakt Impressum...85

4 Tipp: Alle Informationen rund um den Diakoniebaukasten finden Sie unter Layoutinformationen Erweiterungen Schulungstermine Tipps für den Diakoniebaukasten Tipp: Kennen Sie eigentlich die Diakonie im Musterkreis? Dort ist der Diakoniebaukasten mit all seinen Basisfunktionen im Einsatz. Schauen Sie sich doch mal um und entdecken Sie, was alles möglich ist. Vielleicht ist ja etwas dabei, das auch gut auf Ihre Seiten passen würde?

5 1 Anmelden im Redaktionssystem Um Ihren Diakoniebaukasten zu bearbeiten, müssen Sie sich im Redaktionssystem TYPO3 anmelden. Sie haben dazu von uns eine Internetadresse und Zugangsdaten erhalten. Internetadresse aufrufen. Benutzernamen und Passwort in die ensprechenden Felder eintragen. Eingabe mit Enter / Return oder Klick auf Log In bestätigen. Achtung! Für die Arbeit mit Ihrem Baukasten verwenden Sie bitte nur die Browser Firefox oder Internet Explorer in der aktuellen Version. Sie sehen nun die Startseite des Redaktionssystems: Unter Aufgaben sind Meldungen und / oder Veranstaltungen aufgeführt, die Ihnen von anderen Baukastennutzern vorgeschlagen wurden (mehr dazu siehe Kapitel 9 Vorschlags- und Nachrichtenbereich ). Außerdem finden Sie hier Mitteilungen von uns, die Sie über aktuelle Maßnahmen, Veränderungen o. ä. am Redaktionssystem informieren. Wenn Sie während der Bearbeitung Ihres Baukastens diese Seite wieder erreichen wollen, klicken Sie im Funktionsmenü unter Benutzerwerkzeuge auf Aufgaben. Tipp: Wenn Sie mit dem Baukasten arbeiten, sollten Sie immer zwei Browserfenster oder Tabs geöffnet haben: 1. Ihren Internetauftritt von außen, also so, wie Ihre Besucher Ihre Website sehen (= Frontend Ihres Baukastens) 2. Ihre Baukastenverwaltung, also das Redaktionssystem TYPO3 (= Backend Ihres Baukastens) 5

6 2 Erste Schritte, Grundfunktionen und Symbole Um mit der Arbeit in Ihrem Baukasten zu beginnen, klicken Sie auf Seite im Funktionsmenü (1). Der Seitenbaum (2) öffnet sich. Klicken Sie auf den Namen der Seite, die Sie bearbeiten möchten. Die Inhaltselemente (3) der jeweiligen Seite werden aufgelistet. 2.1 Erläuterung der dreigeteilten Benutzeroberfläche Links: Mitte: Rechts: Funktionsmenü (1) mit den Funktionen, die zur Verfügung stehen. Seitenbaum (2) Ihres Auftritts (Auflistung der Seiten im Auftritt, identisch mit der Navigation) Hier können Sie auf einzelne Seiten oder Ordner zugreifen. Durch Klick auf das - Symbol klappen sich die darunterliegenden Seiten auf. Seiteninhalt der angeklickten Seite als einzelne Inhaltselemente (3), die bearbeitet, gelöscht oder durch neue Inhaltselemente ergänzt werden können. 6

7 2.2 Übersicht über die Grundfunktionen des Redaktionssystems im Funktionsmenü Web Seite Anzeigen Liste Statistik Veranstaltungen In diesem Bereich finden Sie Funktionen zum Erstellen und Betrachten der Seiten. Seiten erstellen und ändern In diesem Bereich können Sie neue Webseiten anlegen und bearbeiten. Um einzelne Seiten zu ändern, klicken Sie auf den Seitennamen. Die Inhaltselemente der Seite werden angezeigt. Seite anzeigen Die ausgewählte Seite wird im Vorschaumodus angezeigt. Liste der Datensätze Die Listenansicht zeigt alle Elemente einer Seite oder eines Ordners. Statistik aufrufen Hier können Sie sich über die Anzahl der Besucher auf Ihren Seiten informieren. Veranstaltungen verwalten Veranstaltungen in Ihrem Veranstaltungskalender können Sie hier anlegen und ändern. Datei Dateiliste Im Bereich Datei können Sie Ihre Dateien verwalten. Verwaltung der Dateien Hier können Sie die Bilder und Dokumente zum Herunterladen verwalten, z. B. hochladen, ändern oder löschen. Benutzerwerkzeuge Aufgaben In diesem Bereich finden Sie Mitteilungen vor. Nachrichten lesen und Vorschläge übernehmen oder löschen Hier stehen Vorschläge von Meldungen und Veranstaltungen, die Ihnen andere Redaktionssystem-Nutzer geschickt haben, und Mitteilungen von uns, die Sie über aktuelle Maßnahmen, Veränderungen o. ä. am Redaktionssystem informieren. 2.3 Übersicht über die TYPO3-Symbole Web Seite Seitenansicht aktivieren. Anzeigen Liste Veranstaltungen Statistik Webseite innerhalb der TYPO3-Oberfläche anzeigen. Listenansicht aktivieren. Veranstaltungen bearbeiten. Statistik aufrufen. Datei Dateiliste Dateiordner mit Dateien anzeigen und bearbeiten. Benutzerwerkzeuge Aufgaben Nachrichten lesen und Vorschläge übernehmen oder löschen. 7

8 Seitentypen im Seitenbaum Seite aktiv Seite im Menü verborgen Seite deaktiviert Seite terminiert Dateiordner Diese Seite ist im Internet zu sehen. Diese Seite ist in der Navigation Ihrer Website nicht sichtbar, aber trotzdem im Internet zu sehen. Diese Seite ist deaktiviert und deshalb nicht im Internet zu sehen. Diese Seite hat Start- und / oder Ablaufdatum. Ein Ordner enthält Dateien (z. B. Bilder, Dokumente) oder Datensätze (z. B. Meldungen oder Veranstaltungen). Sie erreichen die Inhalte über die Menüpunkte Liste. Veranstaltungen erreichen Sie über Veranstaltungen. Seiten und Seiteninhalte bearbeiten Neue Seite anlegen Neuen Datensatz anlegen Webseite anzeigen Seiteneigenschaften bearbeiten Seite verschieben Änderungsverlauf des Datensatzes anzeigen Bearbeiten Cache dieser Seite löschen Lesezeichen für diese Seite anlegen Datensatz löschen Datensatz nach oben verschieben Datensatz nach unten verschieben Dokument schließen Dokument speichern Dokument speichern und Webseite anzeigen Dokument speichern und schließen Dokument speichern und neues erstellen Mit einem Klick auf dieses Symbol können Sie eine neue Seite anlegen. Mit diesem Symbol legen Sie einen neuen Datensatz an, z. B. eine Meldung oder ein Inhaltselement (Text, Text und Bilder etc.). Die aktuelle Seite wird in einem neuen Browserfenster so angezeigt, wie sie im Web dargestellt wird. Hiermit können Sie beispielsweise den Seitentitel bearbeiten und festlegen, ob die Seite aktiv bzw. im Menü sichtbar sein soll oder nicht. Mit einem Klick auf dieses Symbol lässt sich eine einzelne Seite verschieben. Hiermit können Sie sich anzeigen lassen, wie, wann und von wem ein Datensatz verändert worden ist. Mit einem Klick auf dieses Symbol können Sie einen Datensatz bearbeiten. Bei einem Klick auf dieses Symbol wird der Zwischenspeicher der aktuellen Seite geleert (nur in der Listenansicht möglich). Mit einem Klick auf dieses Symbol legen Sie ein Lesezeichen der aktuellen Seite an. Dies erleichtert das Wiederfi nden der Seiten, die Sie bearbeiten, vor allem in komplexen Internetauftritten. Mit dem Mülleimer-Symbol löschen Sie eine Seite oder einen Datensatz. Achtung: Sie haben keinen Papierkorb wie z. B. in Windows, um Gelöschtes wieder zurückzuholen! Mit diesem Symbol verschieben Sie den Datensatz um eine Position nach oben. Mit diesem Symbol verschieben Sie den Datensatz um eine Position nach unten. Mit diesem Symbol schließen Sie den aktuellen Inhalt ohne zu speichern. Hiermit können Sie den aktuellen Inhalt speichern. Mit einem Klick auf dieses Symbol wird der aktuelle Inhalt gespeichert und die Seite so angezeigt, wie sie im Web dargestellt wird. Der aktuelle Inhalt wird gespeichert, das Dokument wird geschlossen. Die Seitenübersicht erscheint. Das aktuelle Dokument wird gespeichert. Anschließend wird ein neues Dokument erstellt. 8

9 Rich-Text-Editor (RTE) Fett Kursiv Nummerierung Aufzählung Einzug verkleinern Einzug vergrößern Link und Downloads einfügen Tabelle einfügen Zur HTML-Ansicht wechseln Formatierung entfernen Auswahl kopieren Auswahl ausschneiden Aus der Zwischenablage einfügen Letzte Aktion rückgängig machen Letzte Aktion wiederholen Rich-Text-Eingabe im Vollbild Datum auswählen Über dieses Symbol können Sie einen Textbereich in Fettschrift setzen. Über dieses Symbol können Sie einen Textbereich in kursive Schrift setzen. Über dieses Symbol können Sie eine nummerierte Aufzählung erstellen. Enter erzeugt einen neuen Aufzählungspunkt. Über dieses Symbol können Sie eine Aufzählung erstellen. Enter erzeugt einen neuen Aufzählungspunkt. Über dieses Symbol können Sie einen eingerückten Textabschnitt wieder in die Ausgangsposition bringen. Über dieses Symbol können Sie einen Textabschnitt einrücken. Über dieses Symbol können Sie einen Hyperlink auf eine Seiten in Ihrem Auftritt, auf einen anderen Internetauftritt, auf eine adresse oder auf ein Dokument setzen. Über dieses Symbol können Sie eine Tabelle einfügen. Die Tabelleninhalte können Sie mit anderen Funktionen des Rich-Text-Editors bearbeiten. Über dieses Symbol wechseln Sie vom WYSIWYG-Modus ( What you see is what you get ) in den Text-Modus, der die einzelnen HTML-Tags enthält. Mit diesem Tool können Sie HTML- und Word-Formatierungsmerkmale entfernen. Achtung: Das Tool klappt nicht immer hundertprozentig! Über dieses Symbol können Sie einen markierten Textabschnitt kopieren. Über dieses Symbol können Sie einen markierten Textabschnitt ausschneiden. Über dieses Symbol können Sie einen Text aus der Zwischenablage einfügen. Über dieses Symbol können Sie Ihre letzte Aktion rückgängig machen. Über dieses Symbol können Sie Ihre letzte Aktion wiederholen. Der Rich-Text-Editor öffnet sich in einem separaten Fenster. Beim Klick auf dieses Symbol öffnet sich ein Kalender, in dem Sie ein Datum auswählen können. Kontextmenü zum Seitenbaum und zu Inhaltselementen Ansehen Deaktivieren Bearbeiten Verlauf Neu Die aktuelle Seite öffnet sich in einem separaten Fenster. Mit diesem Symbol machen Sie ein Inhaltselement unsichtbar. Achtung: Die Lampen-Symbole zeigen jeweils den aktuellen Status an. Die leuchtende Lampe bedeutet also, dass die Seite bzw. das Inhaltselement zurzeit sichtbar ist und nach dem Klicken unsichtbar wird. Mit einem Klick auf dieses Symbol können Sie eine Seite bearbeiten. Hiermit können Sie sich anzeigen lassen, wie, wann und von welchem Benutzer ein Datensatz bzw. eine Seite verändert worden ist. Eine neue Seite wird angelegt. 9

10 Ausschneiden Kopieren Löschen Kontextmenü Dateiliste Umbenennen Dateien hochladen Neu Kopieren Ausschneiden Löschen Eine Seite wird ausgeschnitten. Sie wandert in die Zwischenablage und kann von dort an anderer Stelle wieder eingefügt werden. Anschließend wird sie an der ursprünglichen Stelle gelöscht. Eine Seite wird in die Zwischenablage kopiert und kann anschließend an anderer Stelle zusätzlich eingefügt werden. Die ursprüngliche Seite bleibt nach dieser Aktion erhalten. Hiermit können Sie eine Seite löschen. Bitte beachten Sie, dass die Seite anschließend zwar nicht mehr zu sehen ist, aber dennoch über das Backend reaktiviert werden kann. Mit dieser Funktion können Sie Ordner und Dateien umbenennen. Mit dem Klick auf diese Funktion ist es möglich, Dateien hochzuladen. Sie landen jeweils in dem Ordner, den Sie angeklickt haben. Hiermit können Sie einen neuen Ordner anlegen. Hiermit können Sie einen Ordner oder eine Datei kopieren und ihn / sie anschließend an anderer Stelle einzufügen. Bei dieser Prozedur bleibt die ursprüngliche Datei / der ursprüngliche Ordner erhalten. Hiermit können Sie einen Ordner oder eine Datei ausschneiden, um ihn / sie anschließend an anderer Stelle einzufügen. Bei dieser Prozedur wird die ursprüngliche Datei / der ursprüngliche Ordner nach dem Einfügen gelöscht. Hiermit können Sie eine Datei bzw. einen Ordner löschen. Liste Webseite anzeigen Datensatz bearbeiten Datensatz verschieben Infos anzeigen Neuen Datensatz erstellen Datensatz nach oben verschieben Datensatz nach unten verschieben Datensatz löschen Datensatz kopieren Datensatz ausschneiden Die aktuelle Seite öffnet sich in einem separaten Fenster. Mit einem Klick auf dieses Symbol können Sie einen Datensatz bearbeiten. Mit einem Klick auf dieses Symbol können Sie einen Datensatz verschieben. Sie erhalten nach dem Klick eine Darstellung des Seitenbaums, in dem Sie die gewünschte Position auswählen können. Hiermit werden Infos zum Datensatz angezeigt. Mit diesem Symbol legen Sie einen neuen Datensatz an, z. B. ein Inhaltselement (Text, Bilder etc.). Mit diesem Symbol verschieben Sie den Datensatz um eine Position nach oben. Mit diesem Symbol verschieben Sie den Datensatz um eine Position nach unten. Hiermit können Sie einen Datensatz löschen. Ein Datensatz wird in die Zwischenablage kopiert und kann anschließend an anderer Stelle zusätzlich eingefügt werden. Der ursprüngliche Datensatz bleibt nach dieser Aktion erhalten. Ein Datensatz wird ausgeschnitten. Er wandert in die Zwischenablage und kann von dort an anderer Stelle wieder eingefügt werden. Anschließend wird er an der ursprünglichen Stelle gelöscht. 10

11 Extrafunktionen Lesezeichen Mit einem Klick auf dieses Symbol können Sie sich alle innerhalb von TYPO3 angelegten Lesezeichen anzeigen lassen. Geöffnete und kürzlich verwendete Dokumente Änderungsverlauf anzeigen Eine Liste mit Dokumenten, die kürzlich geöffnet oder verwendet worden sind, wird geöffnet. Hiermit können Sie sich anzeigen lassen, wie, wann und von welchem Benutzer ein Datensatz bzw. eine Seite verändert worden ist. 11

12 3 Seiten anlegen, ändern, verschieben und löschen 3.1 Neue Seite anlegen Seite auswählen, vor, nach oder in (also als neue Unterseite) der eine neue Seite angelegt werden soll. Auf Seitennamen klicken. Neue Seite anlegen mit Klick auf Neue Seite. Position auswählen, an der die neue Seite angelegt werden soll. Seitentitel für die Seite vergeben. Der Seitenname ist gleichzeitig der Navigationsbegriff für die Seite. Beachten Sie, dass es keine Zeichenbeschränkung für den Seitennamen gibt. Zu lange Begriffe ohne Worttrennung können aber das Layout beschädigen, wenn kein Umbruch möglich ist! Setzen Sie deshalb eventuell einen Trennstrich ein, um ein langes Wort zu trennen. Schlagworte helfen Suchmaschinen, Ihren Baukasten zu finden. Bei Beschreibung sollten Sie in einem kurzen Satz (max. 150 Zeichen) erläutern, um was es inhaltlich auf dieser Seite geht. Dieser Text wird bei Suchmaschinen unmittelbar unter der Internetadresse eines Suchtreffers angezeigt. Element speichern und schließen. Eine (leere) Seite mit dem von Ihnen vergebenen Seitentitel ist angelegt. 12

13 3 2 Seitennamen ändern Klick auf Seiteneigenschaften bearbeiten. Seitennamen ändern. Element speichern und schließen. 3 3 Seite deaktivieren und im Menü verbergen Sie können eine Seite deaktivieren (verstecken), sodass diese für den Besucher Ihres Auftritts nicht sichtbar, also offl ine ist. Diese Funktion bietet sich an, wenn Seiten noch bearbeitet werden oder als Alternative zum Löschen für einen bestimmten Zeitraum nicht aktuell sind. Die Seite wird auch von der Suchfunktion im Baukasten nicht gefunden. Klick auf Seiteneigenschaften bearbeiten. Häkchen bei Seite deaktivieren setzen. Sie können eine Seite auch In Menüs verbergen. Die Seite taucht dann nicht mehr als eigener Punkt in der Navigation (Menü) auf, ist aber online und kann verlinkt werden. Die Seite wird von der Suchfunktion im Baukasten gefunden. Klick auf Seiteneigenschaften bearbeiten. Häkchen bei Im Menü verstecken setzen. Achtung! Diese Funktionen nicht für die Startseite (oberste Seite im Seitenbaum) verwenden! Ihr Auftritt ist sonst nicht mehr erreichbar! 13

14 3.4 Seite terminieren Sie können einzelne Seiten terminieren, d. h. eine Seite mit einem Veröffentlichungs- und / oder Ablaufdatum versehen. Klick auf Seiteneigenschaften bearbeiten. Bei Veröffentlichungsdatum bzw. Ablaufdatum über das Kalendersymbol den gewünschten Termin auswählen. Nach dem Ablaufdatum werden die Seiten nicht gelöscht, sondern ausgeblendet (versteckt). Achtung! Diese Funktion nicht für die Startseite (oberste Seite im Seitenbaum) verwenden! Ihr Auftritt ist sonst nicht mehr erreichbar! Hinweis: Wenn Sie ein Ablaufdatum eingeben, geht die Seite mit Beginn des eingetragenen Tages offline. Wenn also z. B. eine Seite noch den ganzen Tag des online sein soll, muss bei Ablaufdatum der eingetragen werden. Der Unterpunkt Zugriffsrechte für Benutzergruppen ist für Sie nicht relevant. Tipp: Veröffentlichungs- und Ablaufdatum für einzelne Elemente einer Seite siehe Kapitel 4.4 Inhaltselemente terminieren. 14

15 3.5 Seite löschen Klick auf Seiteneigenschaften bearbeiten. Seite löschen über Löschen (oben auf der Seite). Hinweis: Diese und weitere Funktionen können Sie auch über ein Kontextmenü ausführen, indem Sie mit der rechten Maustaste auf den Seitennamen oder das Symbol im Seitenbaum klicken. 3.6 Seite verschieben Klick auf Seite verschieben. Entsprechende Position auswählen (siehe Kapitel 3.1 Neue Seite anlegen ). Die Seite wird an dieser Stelle eingefügt. 3.7 Seite spiegeln Sie können Seiten spiegeln, wenn Sie den Inhalt einer Seite an zwei Stellen in Ihrem Auftritt veröffentlichen möchten. Beispielsweise soll die Seite Stellenbörse unter Wir über uns (Original-Seite) und in der Hauptnavigation (gespiegelte Seite) ausgegeben werden. Original-Seite wie gewohnt anlegen und Inhalte erstellen. Neue Seite anlegen, auf der derselbe Inhalt wie auf der Original-Seite ausgegeben werden soll. Klick auf Seiteneigenschaften bearbeiten der neu angelegten Seite. Im Feld Ersetze den Inhalt / Zeige Inhalt von Seite über Klick auf Datensätze durchblättern die Original-Seite auswählen. 15

16 4 Inhalt bearbeiten und anlegen 4.1 Seite aufrufen Im Funktionsmenü Seite aufrufen. Die Ordner und Seiten Ihres Baukastens erscheinen (= Seitenbaum). Klick auf - Symbol ermöglicht Zugriff auf Unterseiten ( ausklappen ). Klick auf - Symbol ermöglicht übersichtlichere Darstellung ohne Unterseiten ( zuklappen ). Zum Bearbeiten die gewünschte Seite aufrufen, indem Sie auf den Seitennamen klicken. Im rechten Bereich werden die Inhaltselemente (Text, Bilder etc.) Ihrer Seiten eingeblendet. Seiten können auch über den Vorschaumodus Anzeigen aufgerufen werden. Sie erscheinen dann so, wie sie in Ihrem Internetauftritt veröffentlicht werden. 4.2 Inhalt bearbeiten Damit Sie das Inhaltselement bearbeiten können, müssen Sie zuerst den Mauszeiger auf das entsprechende Element bewegen. Zum Bearbeiten der Inhaltselemente auf den Text oder auf Bearbeiten klicken. Der Texteditor öffnet sich (Details zum Bearbeiten siehe Kapitel 4.5 Bearbeiten von Text ). Hinweis: Die Bearbeitungssymbole eines Inhaltselements sind nur sichtbar, wenn sich der Mauszeiger auf dem jeweiligen Inhaltselement befindet. Um das Textfeld zu bearbeiten, können Sie auch auf In Rich-Text-Editor bearbeiten klicken. Dann wird jedoch nur das Textfeld geöffnet, andere Elemente wie Überschrift, Bilder etc. nicht! Speichern und Schließen Speichern des Inhaltselements (zum Zwischenspeichern) Speichern und schließen Speichern und Webseite anzeigen Schließen ohne zu speichern (Achtung: Änderungen gehen verloren!) Speichern und neues (Inhaltselement) erstellen Inhalt verschieben Einzelne Inhaltselemente können innerhalb einer Seite mit und verschoben werden. (siehe Kapitel 5.14 Inhaltselement(e) verschieben oder kopieren ) Inhalt löschen Inhaltselement löschen 16

17 4.3 Neuen Inhalt anlegen Auf einer Seite können verschiedene Inhaltselemente aneinandergereiht werden, also z. B. ein Element Text, dann Bilder, dann z. B. eine Textbox und dann nochmal normaler Text. Das wären vier Inhaltslemente auf einer Seite. Neues Inhaltselement auf leerer Seite einfügen Zum Anlegen eines neuen Elements auf einer leeren Seite Neues Inhaltselement einfügen anklicken. Es wird zunächtst ein neues, leeres Inhaltselement Text angelegt. Soll das Inhaltselement kein Textelement sein, Typ des Inhaltselements aus der Liste auswählen, z. B. Bilder oder Text und Bilder. Es kommt eine Meldung Diese Änderung beeinflusst die zur Verfügung stehenden Eingabefelder. Die Änderungen speichern und die Anzeige aktualisieren? Mit OK bestätigen. Das gewünschte Element wird angelegt. Alternative Sie können auch den Button Neuer Inhalt verwenden, um ein neues Inhaltselement anzulegen. Nach Klick auf Neuer Inhalt erscheint die nebenstehende Auswahlliste. Wählen Sie ein Inhaltselement aus dieser Liste aus. Unterhalb der Auswahlliste müssen Sie bei Position auswählen über das Pfeilchen die Position auswählen, an der das Inhaltselement auf der Seite stehen soll. Das Element wird an entsprechender Stelle angelegt und kann befüllt werden. Hinweis: Hier werden nicht alle verfügbaren Inhaltselemente aufgeführt. 17

18 So sieht ein frisch eingefügtes, noch nicht bearbeitetes Inhaltselement Text aus: Wie bei fast allen Inhaltselementen kann eine Überschrift eingegeben werden. Es kann zwischen einer Seitenüberschrift, einer Unterüberschrift und einer Zwischenüberschrift gewählt werden. Alle Überschriften sind blau, sie unterscheiden sich jedoch in der Größe. Neues Inhaltselement nach bestehendem einfügen Mit dem Mauszeiger auf das Element halten, hinter dem Sie ein neues einfügen möchten. Klick auf Neuen Datensatz nach diesem einfügen. Es wird ein Element Text eingefügt. Soll das Inhaltselement kein Textelement sein, Typ des Inhaltselements aus der Liste auswählen, z. B. Bilder oder Text und Bilder (siehe vorherige Seite). Tipp: Wie Sie bestehende Inhaltselemente verschieben oder kopieren können, steht in Kapitel 5.14 Inhaltselement(e) verschieben oder kopieren. 18

19 4 4 Inhaltselemente terminieren Sie können einzelne Inhaltselemente terminieren, d. h. ein bestimmter Teil einer Seite kann mit einem Veröffentlichungsund / oder Ablaufdatum versehen werden. Nach dem Ablaufdatum wird das Inhaltselement nicht gelöscht, sondern ausgeblendet. Hinweis: Inhaltselement wie zum Bearbeiten aufrufen. Unter dem Texteditor stehen die Felder für das Veröffentlichungsdatum (Start) und das Ablaufdatum (Stopp). Über das - Symbol den gewünschten Tag auswählen. Wenn Sie ein Ablaufdatum eingeben, geht die Seite am eingetragenen Tag um Mitternacht offl ine. Wenn also z. B. eine Seite noch den ganzen Tag des 22.7 online sein soll, muss bei Ablaufdatum der eingetragen werden. Wenn Sie eines der beiden oder beide Datumsfelder genutzt und das Inhaltselement gespeichert haben, sieht das in der Übersicht beispielsweise so aus. Tipp: Erscheinungs- und Ablaufdatum für ganze Seiten siehe Kapitel 3.4 Seite terminieren. 4 5 Bearbeiten von Text Text kann über den so genannten Rich-Text-Editor (RTE) bearbeitet werden, der ähnlich wie bekannte Textverarbeitungsprogramme funktioniert. Zum Anwenden der Formatierungen, markieren Sie den Text und klicken dann auf das Symbol. Rich-Text-Editor (RTE) Fett Kursiv Nummerierung Aufzählung Einzug verkleinern Über dieses Symbol können Sie einen Textbereich in Fettschrift setzen. Über dieses Symbol können Sie einen Textbereich in kursive Schrift setzen. Über dieses Symbol können Sie eine nummerierte Aufzählung erstellen. Enter erzeugt einen neuen Aufzählungspunkt. Über dieses Symbol können Sie eine Aufzählung erstellen. Enter erzeugt einen neuen Aufzählungspunkt. Über dieses Symbol können Sie einen eingerückten Textabschnitt wieder in die Ausgangsposition bringen. 19

20 Einzug vergrößern Link und Downloads einfügen Tabelle einfügen Zur HTML-Ansicht wechseln Formatierung entfernen Auswahl kopieren Auswahl ausschneiden Aus der Zwischenablage einfügen Letzte Aktion rückgängig machen Letzte Aktion wiederholen Rich-Text-Eingabe im Vollbild Datum auswählen Über dieses Symbol können Sie einen Textabschnitt einrücken. Über dieses Symbol können Sie einen Hyperlink auf eine Seiten in Ihrem Auftritt, auf einen anderen Internetauftritt, auf eine adresse oder auf ein Dokument setzen. Über dieses Symbol können Sie eine Tabelle einfügen. Die Tabelleninhalte können Sie mit anderen Funktionen des Rich-Text-Editors bearbeiten. Über dieses Symbol wechseln Sie vom WYSIWYG-Modus ( What you see is what you get ) in den Text-Modus, der die einzelnen HTML-Tags enthält. Mit diesem Tool können Sie HTML- und Word-Formatierungsmerkmale entfernen. Achtung: Das Tool klappt nicht immer hundertprozentig! Über dieses Symbol können Sie einen markierten Textabschnitt kopieren. Über dieses Symbol können Sie einen markierten Textabschnitt ausschneiden. Über dieses Symbol können Sie einen Text aus der Zwischenablage einfügen. Über dieses Symbol können Sie Ihre letzte Aktion rückgängig machen. Über dieses Symbol können Sie Ihre letzte Aktion wiederholen. Der Rich-Text-Editor öffnet sich in einem separaten Fenster. Beim Klick auf dieses Symbol öffnet sich ein Kalender, in dem Sie ein Datum auswählen können. Hinweis: Bilder oder aus Word kopierte Schriftformate, Tabellen etc. werden im RTE eventuell angezeigt, beim Abspeichern aber nicht übernommen. Es kann in Einzelfällen passieren, dass nicht alle Formatierungen aus Word entfernt wurden. Dann kann es zu einer fehlerhaften Darstellung Ihrer Internetseiten kommen. Wir empfehlen daher, keinen Text direkt aus Word einzufügen. Stattdessen: Kopieren Sie Texte aus Word zunächst in einen reinen Texteditor und von dort in das Redaktionssystem. So können Sie eine fehlerhafte Darstellung auf alle Fälle vermeiden! (Texteditor unter Windows: Start Alle Programme Zubehör Editor) Um eine Zeilenschaltung im Text zu machen, drücken Sie die Hochstelltaste (Shift) + Eingabetaste (Enter / Return) gleichzeitig. Um eine Absatzschaltung zu machen, drücken Sie die Eingabetaste. Tipp: Über die Tastenkombination Strg + c können Sie markierten Text kopieren. Über die Tastenkombination Strg + x können Sie markierten Text ausschneiden. Über die Tastenkombination Strg + v können Sie den Text, der sich in der Zwischenablage befindet, einfügen. Über die Tastenkombination Strg + z können Sie die letzte Textänderung rückgängig machen. 20

21 4 6 Links und Downloads einfügen Links und Downloads werden über den Rich-Text-Editor (RTE) eingefügt. Tipp: Internetadressen (URLs wie z. B. oder -Adressen (z. B. kontakt@diakonie-musterkreis.de) können Sie direkt in den Texteditor eingeben und mit Enter bestätigen diese werden dann automatisch als Links gekennzeichnet und hinterlegt. Geben Sie aber immer noch durch normalen Text an, wohin Sie mit dem Link führen. Bei Downloads, längeren URLs (also Links auf Unterseiten eines anderen Auftritts) oder Verlinkungen innerhalb Ihres Auftritts gehen Sie wie folgt vor: Um Text zu verlinken, diesen zuerst markieren. Dann auf Link einfügen klicken. Das Fenster zum Einfügen von Links öffnet sich. Folgende vier Optionen gibt es: 1. Seite: Link auf Seite im eigenen Auftritt 2. Datei: Link auf Datei (Download) 3. Externe URL: Link auf Seite in anderem Auftritt 4. Verlinkung mit adresse 1 Seite: Verlinkung auf Seiten in Ihrem Auftritt Registerkarte Seite auswählen. Seite aus dem Seitenbaum auswählen und auf den Seitenna men klicken. Ein interner Link auf die gewünschte Seite in Ihrem Auftritt wird erzeugt. Der Link geht automatisch im selben Fenster auf. 21

22 2 Datei: Download einfügen ( Link auf eine Datei) Registerkarte Datei auswählen. Ordner im Verzeichnisbaum anklicken, in dem die Datei abgelegt ist. Die Dateien werden aufgelistet, sortiert nach Alphabet und Groß- / Kleinschreibung. Klick auf den Dateinamen erzeugt einen Download-Link auf die gewünschte Datei. Der Download geht automatisch in einem neuem Fenster auf. Falls die Datei noch nicht in Ihrem Dateiordner liegt, müssen Sie sie zunächst hochladen: Ordner auswählen, in den die Datei geladen werden soll. Bei Pfad wird dieser angezeigt. Bei Dateien hochladen über Durchsuchen die gewünschte Datei auswählen. Durch Klick auf Hochladen wird die Datei in den entsprechenden Ordner geladen. Tipp: Als Download-Dateien sollten Sie PDF- oder RTF-Dateien anbieten. Geben Sie hinter dem Link unbedingt auch Dateiart und -größe an, damit die Besucher Ihrer Seite wissen, was sie herunterladen. Beispiel: Broschüre über die Landeskirche [PDF, 120 KB]. Wenn Sie im Popup vor dem Einfügen mit dem Mauszeiger über das Dateisymbol fahren, werden Ihnen Dateiname, Art und Größe angezeigt. 22

23 3. Externe URL: Link auf Seite in einem anderen Internetauftritt Registerkarte Externe URL auswählen. URL (= Internetadresse) eingeben, z. B. Klick auf Link setzen. Alle anderen Felder können Sie leer lassen. Ein externer Link auf die gewünschte Internetadresse (URL) wird erzeugt. Der Link geht automatisch in einem neuen Fenster auf Verlinkte adresse Registerkarte auswählen. adresse eingeben. Klick auf Link setzen. Alle anderen Felder können Sie leer lassen. Hinweis: Nach Eingabe einer adresse wird diese automatisch verschlüsselt, sodass sie vor dem adressensammeln durch Roboter für Spam-Mails geschützt ist. Link entfernen: Verlinkung löschen, ohne dass der Text gelöscht wird Text markieren, der nicht mehr verlinkt sein soll. Link-Symbol auswählen. Ein Popup-Fenster öffnet sich. 23

24 Registerkarte Link entfernen anklicken. Tipp: Beschreiben Sie Links stets so, dass der Besucher Ihrer Seiten weiß, wohin Sie ihn führen: Was erwartet mich, wenn ich auf den Link klicke? Das sollte für den Nutzer klar sein, bevor er klickt. 24

25 5 Verschiedene Inhaltselemente anlegen 5.1 Überschrift Bei den meisten Inhaltselementen können Sie eine Überschrift gleich mit eintragen, die dann über dem jeweiligen Inhalt erscheint. Möchten Sie jedoch beispielsweise eine Seitenüberschrift und direkt darunter eine Zwischenüberschrift anlegen, benötigen Sie das Inhaltselement Überschrift. Seitenüberschrift Im Feld Überschrift Überschrift eintragen. Unter Typ Seitenüberschrift wählen. Zwischen- oder Unterüberschrift Im Feld Überschrift Überschrift eintragen. Unter Typ Erweiterung Unterüberschrift oder Zwischenüberschrift wählen. Alle Überschriften sind blau, sie unterscheiden sich jedoch in der Größe. Element speichern und schließen. Tipp: Verwenden Sie den Typ Seitenüberschrift nur einmal ganz oben auf einer Seite. 5.2 Bilder Zum Einfügen von Bildern Inhaltselement Text und Bilder oder Bilder wählen. Inhaltselement Text und Bilder In dem Inhaltselement Text und Bilder können Sie eine Überschrift, Text und ein Bild oder mehrere Bilder einfügen. (Bearbeitung des Textes siehe Kapitel 4.5 Bearbeiten von Text und 4.6 Links und Downloads einfügen ) Mehrere Bilder werden untereinander ausgegeben. Die angegebene Bildbreite und Bildposition gilt für alle Bilder. 25

26 Hinweis: Die im Handbuch angegebenen Bildgrößen beziehen sich darauf, dass die Navigationsleiste links steht und die rechte Spalte zugeschaltet ist (also drei Spalten). Der Inhaltsbereich ist dann 420 Pixel breit, das ist auch die Maximalgröße für die Bilder. Auf Seiten ohne rechte Spalte stehen Ihnen 685 Pixel zur Verfügung. Tipp: Für ein Text und Bilder -Element können Sie z. B. folgende Bildmaße verwenden: - Querformat: Originalbild x 800 Pixel, Eingabe im Feld Breite (Pixel) : 250 oder 300 Pixel - Hochformat: Originalbild 800 x Pixel, Eingabe im Feld Breite (Pixel) : 200 oder 250 Pixel Damit man das Bild in der Originalgröße anschauen kann, setzen Sie ein Häkchen bei Bei Klick vergrößern. Inhaltselement Bilder Mit dem Inhaltselement Bilder können Sie ein Bild oder mehrere Bilder in Reihen auf Ihrer Website einfügen. Wenn Sie eine Überschrift oder einen Einleitungstext über die Bilder setzen möchten, stellen Sie ein Text-Inhaltselement davor. Tipp: Für ein Bilder -Element empfehlen wir folgende Bildmaße für Querformat-Bilder: - Orginalmaße für alle Bilder x 800 Pixel - 1 Bild: wird automatisch auf die Maximalbreite 420 Pixel skaliert - 2 Bilder nebeneinander: werden automatisch auf je 200 Pixel Breite skaliert (332 Pixel ohne rechte Spalte) - 3 Bilder: 130 Pixel (220 Pixel ohne rechte Spalte) Wenn Sie ein Häkchen bei Bei Klick vergrößern setzen, wird das Bild in Originalgröße bzw. an die Bildschirmgröße angepasst angezeigt. Folgende Schritte gelten für beide Inhaltselemente Neben dem Feld Bilder (unter dem Textfeld) auf Ordner Dateien durchblättern klicken. Die Dateiordnerliste ( Verzeichnisbaum ) öffnet sich. Sie können eigene Bilder oder Bilder aus dem landeskirchlichen Internetauftritt ( einfügen. Daher haben Sie zwei Hauptordner zur Auswahl: [Medien] D : Bilder aus Ihrem Baukasten Medien Landeskirche: Bilder von Über das Suche-Feld können Sie nach bestimmten Dateien bzw. Bildern suchen. Auch hier müssen Sie zunächst einen Ordner auswählen, indem Sie diesen anklicken. 26

27 Neues Bild hochladen und einfügen Ordner, in den das Bild geladen werden soll, durch Mausklick auswählen. Der ausgewählte Ordner wird unter Pfad angegeben. Hinweis: Achten Sie darauf, dass Sie einen Ordner Ihres Baukastens ausgewählt haben und nicht einen von Medien Landeskirche (Pfad: fileadmin/mediapool/landeskirche/ ). Sie können keine Bilder in den landeskirchlichen Medienordner laden. Klicken Sie stattdessen auf einen Medienordner Ihres Baukastens. Über Durchsuchen ein Bild oder mehrere Bilder von Ihrem Rechner auswählen. Klick auf Hochladen lädt Bilder in den angegebenen Ordner in Ihrer Dateiverwaltung. Auf den Dateinamen des Bildes klicken, das Sie einfügen möchten. Im Feld Bilder wird nun die eingebundene Bilddatei angezeigt. 27

28 Bereits hochgeladenes Bild einfügen Klicken Sie auf den Ordner und dann auf den Dateinamen des Bildes, das Sie einfügen möchten. Im Feld Bilder wird nun die eingebundene Bilddatei angezeigt. Hinweis: Bilder müssen mit einem Bildbearbeitungsprogramm bearbeitet und komprimiert werden, bevor sie im Internet veröffentlicht werden! Verwenden Sie keinesfalls Bilder direkt von Digitalkameras, weil diese unbearbeiteten Bilder zu groß sind und sehr lange Ladezeiten benötigen. Wählen Sie als Dateiformat JPEG für Fotos und GIF für Grafiken und Logos. Der Dateiname wird beim Hochladen übernommen. Nur 27 Zeichen werden vor der Dateierweiterung dargestellt. Leerzeichen werden automatisch zu Unterstrichen (_), Sonderzeichen (z. B. Umlaute und ß) werden nicht dargestellt. Verwenden Sie deshalb keine Sonderzeichen. Tipp: Ist in der Dateiliste das Feld Vorschaubilder anzeigen ausgewählt, werden kleine Vorschaubilder gezeigt. Ist Vorhandene Dateien überschreiben ausgewählt, werden Dateien, die gleich heißen, ersetzt. 28

29 Bild aus Auswahl entfernen Durch Markieren der Bilddatei (via Klick) und Klick auf Entfernen können Bilder aus der Auswahl entfernt werden. Beschriftung Hier kann eine Bildunterschrift eingeben werden (siehe Abb. oben). Verhalten: Bei Klick vergrößern Wenn Sie dieses Feld aktivieren, können die Besucher Ihrer Seite das Bild in der Originalgröße (maximal jedoch in Bildschirmgröße) anschauen, wenn sie auf das Bild klicken (siehe Abb. oben). Barrierefreiheit: Alternative Texte Der Alternativ-Text wird bei Seitenbesuchern, die wegen Blindheit oder Sehbehinderung auf einen Screenreader (liest Seiteninhalt vor) angewiesen sind, als Ersatz für die Bildinformation vorgelesen. Deshalb sollten Sie wenn Sie keine Bildunterschrift eingegeben haben wenigstens einen Alternativ-Text eintragen. Er erscheint auch, wenn man mit der Maus über das Bild fährt. Beschreiben Sie kurz, was auf dem Bild zu sehen ist (siehe Abb. unten). Bildeinstellungen: Bildbreite Über das Feld Breite legen Sie die Bildbreite fest; die Bildhöhe wird automatisch im richtigen Verhältnis angepasst. Geben Sie die gewünschte Bildbreite in Pixel an, z. B. 150 (siehe Abb. unten). Achtung: Der hier eingegeben Wert darf nicht größer als die tatsächliche Breite des Bildes sein (siehe Hinweis)! Hinweis: Die Maximalbreite von 420 Pixel auf Seiten mit rechter Spalte und 685 Pixel auf Seiten ohne rechte Spalte darf nicht überschritten werden. Größere Bilder werden automatisch auf diese Maximalbreite skaliert. Um größere Bilder anzeigen zu lassen, verwenden Sie die Funktion Bei Klick vergrößern. Außerdem sollte der eingegebene Wert nicht größer als die Originalgröße des Bildes sein, da dieses sonst aufgerastert und somit sehr unscharf dargestellt wird. Bildausrichtung Geben Sie die Position an, an der das Bild stehen soll: Oben mittig (beim Element Bilder so vorgegeben, keine Option möglich), Im Text rechts oder Im Text links. Wenn Sie nichts auswählen, steht das Bild bei Text und Bilder automatisch Im Text links. Bei Bilder ist die Option Oben mittig vom System vorgegeben und kann nicht verändert werden. 29

30 Element Text und Bilder : Element Bilder : 5.3 Banner Ein Banner ist ein verlinktes Bild. Sie können das Inhaltselement Banner entweder im Inhaltsbereich oder in der rechten Spalte (siehe Kapitel 11.3 Rechte Spalte ) verwenden. Maske wie beim Inhaltselement Bilder ausfüllen. Unter Link die Adresse der Seite eintragen, zu der der Besucher beim Klick auf das Bild gelangen soll. Element speichern und schließen. Die maximale Breite für Banner in der rechten Spalte beträgt 250 Pixel. 30

31 So sehen Banner in der rechten Spalte im Frontend aus: 5.4 Bildergalerien Der Diakoniebaukasten bietet zwei Bildergalerien: eine ohne Bildunterschriften: Bildergalerie 1: Impressionen ohne Text eine mit Bildunterschriften: Bildergalerie 2: 15 Bilder mit Text Bildergalerie 1 erstellen: Impressionen ohne Text Um viele Bilder ohne Bildunterschrift zu veröffentlichen, ist Bildergalerie 1: Impressionen ohne Text geeignet. Seite aufrufen, auf der die Bildergalerie erstellt werden soll. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Inhaltselement Plug-In einfügen auswählen. Eine Überschrift im Feld Überschrift für die Bildergalerie eingeben. Im Feld Ausgewähltes Plug-In Bildergalerie 1: Impressionen ohne Text auswählen. 31

32 Im Feld Erweiterungsoptionen über Klick auf Datensätze durchblättern Bilder auswählen. Durch Klick auf die Pfeilchen und kann ein markiertes Bild nach oben oder unten verschoben werden. Durch Klick auf Löschen können markierte Bilder wieder aus der Auswahl entfernt werden. Element speichern und schließen. Hinweis: Für die Bilderübersicht werden alle Bilder so skaliert, dass die längste Seite 100 Pixel hat. Wir empfehlen, ausschließlich gleich große Bilder für eine Galerie zu verwenden. 32

33 Bildergalerie erstellen: 15 Bilder mit Text Bei der Bildergalerie 2 können Sie jedem Bild eine Bildunterschrift mitgeben. Seite aufrufen, auf der die Bildergalerie erstellt werden soll. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Inhaltselement Plug-In einfügen auswählen. Im Feld Ausgewähltes Plug-In Bildergalerie 2: 15 Bilder mit Text auswählen. 33

34 Um Bilder für die Bildergalerie zusammenzustellen, gehen Sie so vor: In den Feldern Bild 1 bis Bild 15 jeweils auf den Ordner Datensätze durchblättern klicken und das gewünschte Bild einfügen (siehe Kapitel 5.2 Bilder ). In den Feldern Text 1 bis Text 15 die dazugehörige Bildunterschrift eingeben. Element speichern und schließen. Hinweis: Die Bildunterschrift wird im Frontend auf einem transparenten Balken am unteren Bildrand ausgegeben. Bei manchen Bildern (Porträts) wirkt das unschön. Dies sollten Sie bei der Bildauswahl beachten. 5.5 Bild-Text-Teaser Mit diesem Inhaltselement können Sie die Aufmerksamkeit und Neugierde des Besuchers wecken und ihn dann zu einer verlinkten Seite führen und zwar via Bild und Text (engl. teaser = Anreißer, Aufmacher, Lockangebot). Seite aufrufen, auf welcher der Bild-Text-Teaser stehen soll. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Als Inhaltselement-Typ Bild-Text-Teaser auswählen. Im Feld Überschrift die Überschrift für den Bild-Text-Teaser eingeben. Bei Link auf Link einfügen klicken. Ihr Seitenbaum öffnet sich. Klick auf die Seite, zu der der Bild-Text-Teaser führen soll. Teasertext (Anreißertext) ins Textfeld eintragen. 34

35 Neben dem Feld Bilder auf Ordner Dateien durchblättern klicken. Die Bilddatenbank öffnet sich. Gewünschtes Bild auswählen (siehe Kapitel 5.2 Bilder ). Im Feld Position Im Text rechts oder Im Text links auswählen. Unter Bildmaße Breite des Bildes in Pixel eintragen (z. B. 200). Element speichern und schließen. Hinweis: Das Bild kann auch weggelassen werden. So sieht das Inhaltselement Bild-Text-Teaser in der Außenansicht (Frontend) aus: 35

36 5.6. Diakonie Startseitenbox Speziell für Diakoniebaukästen gibt es das Inhaltselement Diakonie Startseitenbox. Die Eingabemaske ähnelt der des Bild-Text-Teasers. Sie können eine Überschrift und einen Text eingeben sowie ein Bild einfügen. Bei dem Bild können Sie die Bildbreite festlegen und einen alternativen Text eintragen. So sieht die Diakonie Startseitenbox im Frontend aus: 5.7 Teaserbox zweispaltig Ebenfalls gut geeignet für die Startseite, aber selbstverständlich auch für Unterseiten, ist die zweispaltige Teaserbox (engl. teaser = Anreißer, Aufmacher, Lockangebot). 36

37 Seite aufrufen, auf der die Teaserbox stehen soll. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Als Inhaltselement-Typ Teaserbox zweispaltig auswählen. Maske wie gewohnt ausfüllen. Wenn Sie die linke Textbox fertiggestellt haben, wechseln Sie bei den Reitern unter Konfigurationen auf Box Rechts. Maske ebenfalls ausfüllen. Element speichern und schließen. Hinweis: Im Textfeld keinen (weiteren) Link zusätzlich zum Feld Zielseite eintragen. Dieser Link bleibt ohne Funktion. Hinweis: Die Bilder werden in der Breite zwar auf die Maximalbreite der Boxen (205 Pixel bei einer Seite mit rechter Spalte bzw. 340 Pixel bei Seiten ohne rechte Spalte) skaliert, die Höhe ist aber nicht beschränkt. Ein Seitenverhältnis von 16:9 oder 4:3 und die gleiche Größe für beide Bilder ist ideal. Sie können die Box auch einspaltig verwenden, indem Sie nur die Box links ausfüllen. Die Box wird dann über die gesamte Breite ausgegeben: 37

38 5.8 Textbox Mit dem Inhaltselement Textbox kann man auf etwas Besonderes im Inhaltsbereich aufmerksam machen. Innerhalb der Box kann man Text mit den bekannten Werkzeugen gestalten und auch verlinken. 5.9 Tabelle Hinweis: Wir empfehlen Ihnen, Tabellen zu vermeiden. Tabellen führen immer wieder zu Problemen in der Darstellung, insbesondere auf mobilen Endgeräten. Hier werden Tabellen zum Teil gar nicht dargestellt. Auch die Bedienbarkeit der Seiten für Menschen mit Einschränkungen wird durch Tabellen verschlechtert (Barrierefreiheit). Inhaltselement Tabelle Mit dem Inhaltselement Tabelle können einfache Tabellen erstellt werden. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Inhaltselement Tabelle auswählen. Bei Tabellenspalten die gewünschte Spaltenzahl auswählen (kann nachträglich geändert werden). Inhaltselement speichern. Neben dem Textfeld auf das Tabellensymbol ( Tabellenassistent ) klicken. Sie bekommen eine einzeilige Tabelle mit der gewählten Spaltenanzahl angezeigt. Durch Klick auf das Plus-Symbol auf der linken Seite bekommen Sie fünf weitere Tabellenzeilen dazu, durch Klick auf das Plus-Symbol unterhalb der Tabelle fügen Sie eine neue Spalte ein. Über das Papierkorb-Symbol können Sie Zeilen und Spalten löschen. Über die Pfeilchen bei den einzelnen Tabellenzeilen und -spalten können Sie diese verschieben. 38

39 So sieht eine über diesen Weg angelegte Tabelle im Frontend aus: Hinweis: In einer über diesen Weg angelegten Tabelle sind Formatierungen oder Verlinkungen nicht oder nur per HTML möglich. Sie können Tabellen aber auch über den Rich-Text-Editor anlegen, dann sind Formatierungen und Links möglich (siehe nächster Abschnitt). Tabelle im Rich-Text-Editor anlegen Tabellen können nicht nur über das Inhaltselement Tabelle, sondern auch im Rich-Text-Editor angelegt werden. Damit kann direkt in einem Textelement eine Tabelle eingefügt werden. Im Gegensatz zum Inhaltselement Tabelle können hier auch Verlinkungen und Formatierungen innerhalb der Tabelle vorgenommen werden. Neues Inhaltselement Text anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Im Rich-Text-Editor Tabelle einfügen anklicken. Ein Popup zum Editieren der Tabelle öffnet sich. Wenn gewünscht einen Titel (Überschrift) für die Tabelle und die Anzahl der Zeilen und Spalten eingeben. Bei Köpfe können Sie angeben, ob eine dunkler hinterlegte Zeile oder Spalte zur Beschriftung der Zeilen bzw. Spalten eingefügt werden soll. 39

40 So sieht eine über diesen Weg angelegte Tabelle im Frontend aus: 5.10 MP3-Datei Im Baukasten können Sie Audiodateien, wie beispielsweise Predigten zum Nachhören, veröffentlichen. Maximale Größe einer Datei, die in den Baukasten geladen werden kann: 25 MB. Seite aufrufen, auf der die MP3-Datei wiedergegeben werden soll. Neues Inhaltselement anlegen (siehe Kapitel 4.3 Neuen Inhalt anlegen ). Als Inhaltselement-Typ Plugin einfügen auswählen. Beim Feld Ausgewähltes Plug-In: MP3 Player auswählen. 40

41 Eine Überschrift im Feld Überschrift für die MP3-Datei eingeben. Beschreibung In diesem Feld können Sie eine Beschreibung einfügen. Neben dem Feld Sound auf den Ordner Dateien durchblättern klicken. Die Dateiordnerliste öffnet sich. Neue MP3-Datei hochladen und einfügen Ordner auswählen, in den die Datei geladen werden soll. Der ausgewählte Ordner wird unter Pfad angegeben. Über Durchsuchen MP3-Datei von Ihrem Rechner auswählen. Klick auf Hochladen lädt Datei (max. 25 MB) in den angegebenen Ordner in Ihrer Dateiverwaltung. Auf die MP3-Datei klicken, die Sie einfügen möchten. Bereits hochgeladene MP3-Datei einfügen Klicken Sie auf den Ordner und dann auf die Datei, die Sie einfügen möchten. 41

42 5.11 Videos von YouTube anbieten am Beispiel von kirchenfernsehen.de Sie können von Youtube einen sogenannten Einbettungscode erhalten. Mit Hilfe dieses Codes können sie über das HTML-Inhaltselement des Baukastens ein YouTube-Video auf Ihrer Website anzeigen lassen. Dies ist für bestimmte Beiträge oder eine ganze Youtube-Playlist möglich. Dieser Vorgang wird im Folgenden am Beispiel eines Videos von kirchenfernsehen.de erklärt. Die Fernsehredaktion im Evangelischen Medienhaus berichtet auf regelmäßig über aktuelle Themen aus der Landeskirche. Neben regelmäßigen Sendungen wie Hallo Benjamin, Alpha & Omega oder Evangelisch in Württemberg werden wöchentlich zwei bis drei kurze Reportagen veröffentlicht. Alle Beiträge und Sendungen werden auch bei Youtube eingestellt. Darum können Sie die Videos von kirchenfernsehen.de ganz einfach in Ihren Baukasten einbinden. Anbieten eines bestimmten Beitrags Auf das entsprechende Video auswählen. Unter dem Video auf Teilen und dann auf Einbetten klicken. Über Mehr anzeigen weitere Optionen einblenden. Wenn Sie nicht möchten, dass nach dem von Ihren ausgewählten Beitrag die anderen Beiträge dieser Playlist abge spielt werden, entfernen Sie das Häkchen bei Playlist teilen ab aktuellem Video. Unterhalb der Vorschau bei Videogröße Benutzerdefinierte Größe auswählen und die Breite auf maximal 604 Pixel (wenn Sie in Ihrem Baukasten drei Spalten verwenden) oder 748 Pixel (wenn Sie in Ihrem Baukasten zwei Spalten verwenden) festlegen. Den Einbettungscode kopieren. 42

43 Rufen Sie in Ihrem Baukasten in typo3 die Seite auf, an der das Video erscheinen soll. Neues HTML-Inhaltselement an der entsprechenden Stelle anlegen. Den Einbettungscode von YouTube im Feld HTML-Code einfügen. Element speichern und schließen. Hinweis: Im HTML-Element selbst kann kein Text eingegeben werden. Deshalb sollten Sie über diesem ein Textelement einfügen und dort eine Überschrift und einen kurzen Erklärungstext einstellen. Auch die Überschrift, die Sie im HTML-Element eingeben können, ist für die Besucher Ihres Baukastens nicht sichtbar. Sie dient nur der Kennzeichnung des Elements in typo3. 43

44 Anbieten einer Playlist Unter finden Sie alle Playlists bzw. Sendungen von kirchenfernsehen.de. 44

45 Wählen Sie die Playlist aus, die Sie in Ihrem Baukasten anbieten möchten. Klicken Sie auf Teilen und dann auf Einbetten. Unterhalb der Vorschau bei Videogröße die Breite auf maximal 604 Pixel (wenn Sie in Ihrem Baukasten drei Spalten verwenden) oder 748 Pixel (wenn Sie in Ihrem Baukasten zwei Spalten verwenden) festlegen. Den Einbettungscode unterhalb von Einbetten kopieren. Rufen Sie in Ihrem Baukasten in typo3 die Seite auf, an der das Video erscheinen soll. Neues HTML-Inhaltselement an der entsprechenden Stelle anlegen. Den Einbettungscode von YouTube im Feld HTML-Code einfügen. Element speichern und schließen. Hinweis: Im HTML-Element selbst kann kein Text eingegeben werden. Deshalb sollten Sie über diesem ein Textelement einfügen und dort eine Überschrift und einen kurzen Erklärungstext einstellen. Auch die Überschrift, die Sie im HTML-Element eingeben können, ist für die Besucher Ihres Baukastens nicht sichtbar. Sie dient nur der Kennzeichnung des Elements in typo3. 45