Der kleine PeTra - das Plone-Handbuch der JLU Gießen

Rechtliche Grundlagen zum Einsatz des Plone CMS an der JLU

Zur Verwendung des Corporate Designs/Layouts & des CMS (Plone) der JLU
Hinweise zu Umleitungen/Subdomains für Webauftritte (an) der JLU ( vgl. Rundschreiben des Präsidenten 2012/15 )
Richtlinienkatalog für Plone-Redakteurinnen/Plone -Redakteure und Administratorinnen/Administratoren

Bilder und Dateien: Rechte/Copyright/Lizenzen

Bitte vergewissern Sie sich unbedingt, dass Sie ausreichende Rechte besitzen, Dateien und Bilder online zu stellen und prüfen Sie, welche Verwertungsrechte vorliegen. Bilder aus Bilderdatenbanken unterliegen in der Regel einer bestimmten Lizenz, die unbedingt eingehalten werden muss. Auch bei sogenannten "freien Inhalten", die bspw. einer Creative Commons Lizenz unterliegen, werden Bedingungen an die Nutzung geknüpft (z.B. Namensnennung des Autors etc.). Keinesfalls sollten Sie Bilder ungeprüft aus dem Internet verwenden. Im Zweifelsfall muss immer der Urheber die Erlaubnis zur Nutzung geben. Copyright- bzw. Urheberrechts-Verletzungen können zu kostspieligen juristischen Konsequenzen führen.

Auch bei selbst erstellten Bildern ist man nicht von rechtlichen Rahmenbedingungen befreit. Hier sind bspw. Persönlichkeitsrechte (z.B. Recht am eigenen Bild) zu berücksichtigen. Lassen Sie sich bei der Verwendung von Portrait-Fotos oder Bildern von Menschen generell immer schriftlich die Erlaubnis geben, das Bild dieser Person für die Webseiten der JLU verwenden zu dürfen (der Verwendungszweck sollte immer aufgeführt sein), Sie könnten sonst Persönlichkeitsrechte verletzen.

Bitte beachten Sie auch bei der Verwendung historischer Bilder, dass diese unproblematisch ist, wenn die Bilder lediglich eingescannt wurden. Abfotografierte Bilder können Lichtbildschutz nach § 72 UrhG genießen.

Einbindung von Social-Media-Buttons

Die Einbindung von Social-Media-Buttons wie dem "Like-Button" von Facebook oder dem "Follow"-Button von Twitter ist grundsätzlich nicht ohne Weiteres erlaubt, da dies datenschutzrechtlich und aus Sicherheitsaspekten äußerst bedenklich ist. Vor der Verwendung müssen der Datenschutzbeauftragte, der Personalrat und der IT-Sicherheitsbeauftragte befragt werden. Hierzu muss ein Antrag an den Präsidenten/Dez B gestellt werden.

Die grundsätzliche Verlinkung auf Facebook, Twitter und Co. (z.B. durch ein Bild, das mit einem Hyperlink versehen ist) ist hingegen unbedenklich.

Werbung auf den Webseiten der JLU

Werbung in jeglicher Form ist auf den Webseiten der JLU grundsätzlich nicht erlaubt, Sponsoring in Einzelfällen. Siehe hierzu auch das Merkblatt zu Werbung und Sponsoring an der JLU .

Verlinkungen / Urteil des EuGH

Grundsätzlich ist bei einer Verlinkung auf fremde Webseiten zu prüfen, ob die dort befindlichen Inhalte rechtmäßig veröffentlicht sind, d.h. sich dort keine Urheberrechtsverstöße identifizieren lassen. Dies muss jedoch auf eigene Gefahr überprüft werden.
Nach einer Entscheidung des EuGH vom September 2016 und der Bestätigung durch das Landgericht Hamburg gilt für Verlinkungen, die mit Gewinnerzielungsabsichten gesetzt werden, dass die Frage der rechtmäßigen Erstveröffentlichung der verlinkten Inhalte strenger geprüft werden muss (so genau, dass widerleglich vermutet wird, dass die linksetzende Person es wusste, falls die Inhalte rechtswidrig veröffentlicht waren). Unabhängig von der Frage, ob man Webseiten der JLU im Einzelfall eine Gewinnerzielungsabsicht unterstellen könnte, gilt also: Prüfen Sie auf jeden Fall sorgfältig, ob die Erstveröffentlichung der Inhalte der verlinkten Seite rechtmäßig war.

Für Redakteure der JLU gilt also: Die Verlinkung fremder Werke verletzt nicht das Urheberrecht, wenn der Verlinkende nach sorgfältiger Prüfung zu dem Ergebnis kommt, dass die Veröffentlichung des Werks auf dem fremden Server offensichtlich rechtmäßig erfolgte. Im Zweifelsfalle wenden Sie sich bitte immer zunächst an die Koordination Webauftritt oder direkt an die Rechtsabteilung der JLU .

Verarbeitung personenbezogener Daten

Mit Hilfe von Plone können über Webformulare personenbezogene Daten zum Zwecke der Speicherung und/oder Weiterverarbeitung gesammelt werden. Beispielhaft ist hier die Anmeldung zu einer Tagung zu nennen. Hierbei werden z.B. Namen und E-Mailadressen gesammelt, in Excel-Tabellen übertragen, an weitere Personen weitergegeben und hieraus z.B. Teilnahmelisten, Serienbriefe o.ä. erstellt. Sobald personenbezogen Daten in einem solchen oder vergleichbaren Sinne gesammelt, weiterverarbeitet und/oder gespeichert werden, ist das Verfahren in Form eines internen Verfahrensverzeichnisses zu dokumentieren. Das ausgefüllte Verfahrensverzeichnis ist dem Datenschutzbeauftragten der JLU Gießen vorzulegen. Eine Vorlage für ein Verfahrensverzeichnis erhalten Sie auf Nachfrage von der Rechtsabteilung der JLU .

Nutzerfreundlichkeit / Barrierefreiheit / Pflegbarkeit

Nutzerfreundliche und möglichst barrierearme Webseiten sind Hauptziele des Webauftritts der JLU! Zur nutzerfreundlichen Webseitengestaltung ließe sich an dieser Stelle so manches Buch füllen - aus unserer Sicht besonders gut gelungen und immer noch ein Standardwerk ist Don't make me think! - Web Usability: Das intuitive Web von Steve Krug .

Plone bietet von Haus aus alle Voraussetzungen zur barrierefreien Webseitengestaltung. Aber nicht alle Aspekte der Barrierefreiheit können durch technische Vorgaben gelöst werden, hier ist immer auch Ihre Mitarbeit erforderlich. So sollten Sie zum Beispiel Bilder mit einem aussagekräftigem Titel versehen, damit auch Blinde mit einem Screenreader die Inhalte der Webseite erfassen können. "Bild_1" ist sicher kein hilfreicher Titel.

Nutzerfreundlichkeit betrifft aber nicht ausschließlich die Webseitenbesucher: auch die Pflegbarkeit der Webseiten ist ein wichtiges Anliegen. So sollten Sie Webseiten beispielsweise stets technisch so einfach wie möglich anlegen, um eine spätere Pflege der Webseite zu vereinfachen. Wägen Sie insbesondere bei optischen Wünschen stets ab, ob die Realisierung einer späteren Pflegbarkeit entgegen steht. Die Kunst der Webseitengestaltung richtet sich nicht ausschließlich nach außen - auch innerhalb der JLU muss eine gewisse Aktualität der Webseiten gewährleistet werden können. Technisch anspruchsvoll gestaltete Webseite mögen zwar die Bewunderung der nachfolgenden Webredakteure nach sich ziehen, können aber durchaus auch eine stringente Pflege der Webseiten verhindern, sofern das Know-How verloren geht. Auch ist eine mit vergleichsweise einfachen Mitteln gestaltete Webseite deshalb nicht weniger anspruchsvoll.

Im Folgenden daher ein paar konkrete Tipps, wie Sie die Pflegbarkeit und Nutzerfreundlichkeit erhöhen können:

vermeiden Sie doppelte Inhaltspflege - schon nach einem Semester wird in der Regel vergessen, die Telefonnummer auf beiden Webseiten zu aktualisieren.
halten Sie sich an die Vorgaben bei den Kurznamen (URLs), insbesondere was die Verwendung von Groß- und Kleinschreibung, Unterstrichen, etc. betrifft. Für die Auffindbarkeit Ihrer Webseiten im Netz ist dies wichtig, denn Suchmaschinen orientieren sich besonders an der URL.
erstellen Sie Webseiten so, dass sie auch von anderen Redakteuren ohne HTML-Kenntnisse bearbeitet werden können. Dies ist bei Verwendung des Editors die Regel. In Einzelfällen kann die Verwendung von Code dennoch sinnvoll sein - stimmen Sie sich gern vorab mit uns ab.
komplexe Konstrukte wie geschachelte Webseiten können doppelte Pflege verhindern, sind in jedem Falle aber immer auch anspruchsvoller bei der Wartung
Tabs können helfen, viel Inhalt auf einer Webseite abzubilden, ohne dass man scrollen oder eine neue Webseite öffnen muss. Man wechselt auf einer Webseite einfach zwischen Tabs hin- und her. Verwenden Sie jedoch dieses Feature nicht exzessiv oder gar als Navigationsersatz: Im Zweifelsfalle schafft eine eigene obere Navigation für eine Seite mehr Klarheit als Webseitenbesucher mit einer übernommenen oberen Navigation, einer linken Feinnavigation und zusätzlichen Tabs zu überfordern. Eine eigene obere Navigationsleiste kann über die Koordination Webauftritt auf Wunsch eingerichtet werden.
Content Panels bieten Ihnen die Möglichkeit, Webseiten anspruchsvoll zu gestalten. Durch die Möglichkeit, Inhalte dynamisch einzubinden, eignen sie sich insbesondere für Start- und Übersichtsseiten. Abgesehen davon sollten Sie sparsam mit Content Panels umgehen: eine Seite bietet für die meisten Fälle sämtliche Features, ist schneller bearbeitet und beinhaltet nicht zuletzt die eigentlichen Inhalte, während der Content Panel hauptsächlich ein Gestaltungstool für Einstiegsseiten darstellt.

Das Login für Redakteure erfolgt unten auf jeder Seite im CMS mit der persönlichen JLU-Benutzerkennung und dem dazugehörigen Netzpasswort. Bitte loggen Sie sich nach dem Bearbeiten wieder aus (unten links auf Ihren Namen klicken und abmelden).

Um Webseiten bearbeiten oder unveröffentlichte Webseiten einsehen zu können, benötigen Sie zunächst die entsprechenden Rechte. Die Rechtevergabe erfolgt dezentral.

Ihre Ansprechpartner in den jeweiligen Bereichen für die Rechtevergabe sind:

FB 01: webmaster-fb01
FB 02: webmaster
FB 03: Ferdinand.Diedam , Monika.Carle
FB 04: Michael.Novian
FB 05: Germanistik: Ralf.Gruenspahn ; Romanistik: der geschäftsführende Direktor; Slavistik: der geschäftsführende Direktor; Anglistik: xun.luo
FB 06: Liane.Umsonst
FB 07: marc.strickert
FB 08: Daniela.Mathewes
FB 09: Nadine.Ackermann / Claus.Mueckschel
FB 10: Martin.Diener
FB 11: abed.atiq
GCSC: webmaster
Präsidialverwaltung (Bereich "Organisation"): webmaster-org

Kurzanleitung (für Administratoren):

Unter dem Reiter Freigabe -> s- bzw. g-Kennung in das Suchfeld eingeben
Nach erfolgreicher Suche Rechte entsprechend zuweisen (Administrator-Recht = "kann anderen Nutzern Rechte zuweisen"). Die Rechte vererben sich auf Unterseiten.
Beachten Sie : Um Rechte nicht ausschließlich für eine Standardansichtsseite zu vergeben (die keine Unterseiten hat, auf die sich die Rechte vererben könnten), sondern für einen ganzen Bereich (auf den sich die Rechte vererben können), klicken Sie zunächst auf "Inhalte", um zum Ordner zu wechseln, dann auf "Freigabe"

Ausführliche Anleitung (für Administratoren):

Die Rechtevergabe ist nicht gleichzusetzen mit dem "Status" einer Webseite, der darüber bestimmt, ob eine Webseite veröffentlicht ist und weltweit unangemeldet eingesehen werden kann, oder nicht.

Die Rechte werden über den Reiter "Freigabe" bearbeitet. Suchen Sie nach einer Kennung, der Sie Rechte zuweisen möchten (z.B. "gz224") und vergeben Sie dann die Rechte:

Rechte

Rechte vererben sich auf Unterseiten. Um die Rechte einer Kennung nachträglich anzupassen, gehen Sie auf die Seite, ab der die Rechte ursprünglich vergeben wurden. Setzen Sie nun die Rechte für die Kennung neu. Sollen auf einer Unterseite sämtliche Rechte neu vergeben werden, ohne dass auf den darüber liegenden Seiten Rechte entzogen werden, so entfernen Sie einfach den Haken bei "Berechtigungen von übergeordneten Ordnern übernehmen" und vergeben Sie die Rechte neu.

Das "Ansehen"-Recht kann vergeben werden von Kennungen, die bearbeiten, hinzufügen oder veröffentlichen können. Mit dem Ansehen-Recht können unveröffentlichte Webseiten nach Login angesehen werden. Im Übrigen kann die Rechtevergabe immer nur von Kennungen vorgenommen werden, die das Recht "Website-Administrator" besitzen. Diese Kennungen können dann die übrigen Rechte (bearbeiten, hinzufügen, veröffentlichen) vergeben. Auch zusätzlich das Recht "Website-Administrator" selbst, sodass ab einer bestimmten Webseite eine Kennung mit diesem Recht die Rechteverwaltung komplett selbst übernehmen aber auch weiter übertragen kann.

Hinweis: Achten Sie darauf, Nutzern Rechte ab einem Ordner zu vergeben! Ist einem Ordner z.B. eine Seite als Standardansicht zugewiesen und Sie klicken auf "Freigabe" und setzen die Rechte, dann setzen Sie die Rechte für die Seite, nicht für den Ordner. Es wird ein Hinweis auf diese Tatsache gegeben. Sie sollten nämlich Rechte nicht für einzelne Seiten vergeben, sondern ab einem Ordner, so dass sich die Rechte vererben (auf Unterordner und Unterseiten). Klicken Sie also im entsprechenden Warnhinweis des Systems auf "klicken Sie hier" oder wechseln Sie über den Reiter "Inhalte" in den Ordner und setzen Sie nun die Rechte.

Die Rechtevergabe erfolgt separat für den deutschen und englischsprachigen Webseitenbereich!

Nur Administratoren können Rechte vergeben - aber nicht das Admin-Recht selbst
Nur Administratoren können Kurz-URLs vergeben
Nur OE-Administratoren können Portlets bearbeiten

Wenn Sie diese Rechte benötigen, können Sie uns gern kontaktieren oder wenden Sie sich an Ihren Bereichs-Administrator (siehe oben).

Sie möchten Seiten anlegen, die nur von JLU-Mitgliedern eingesehen werden können?

Schalten Sie den Bereich privat, geben Sie dem Nutzer "angemeldeter Benutzer" unter der "Freigabe" das Recht "kann ansehen". Damit können ausschließlich Mitglieder der JLU diese Seiten nach Login mit JLU-Kennung und dazugehörigem Netzpasswort ansehen.

Möchten Sie den Nutzerkreis weiter einschränken, geben Sie ausschließlich einzelnen JLU-Nutzern das Recht "kann ansehen". Schalten Sie die Vererbung der Rechte von übergeordneten Seiten aus, indem Sie den Haken bei "Berechtigungen von übergeordneten Ordnern übernehmen" entfernen.

Möchten Sie externen Personen passwortgeschützte Seiten zugänglich machen, melden Sie sich bitte bei uns.

Kurzanleitung:

Ordner anlegen (hinzufügen -> Ordner)
Parallelordner oder Unterordner hinzufügen (Navigationsstruktur erzeugen)
Jedem Ordner unter "Darstellung" eine Auflistungsart seiner Inhalte zuweisen bzw. eine Seite (oder einen Content Panel) als Standardansicht geben
Objekte veröffentlichen, die uneingeschränkt zur Verfügung stehen sollen

Navigation mit Ordnern anlegen, Seiten hinzufügen und ggf. eine Seite als Standardansicht eines Ordners einrichten:

Eine gute Nachricht vorweg: Sie benötigen keine HTML-Kenntnisse, um Webseiten mit dem Content Management System (CMS) Plone zu erstellen bzw. zu bearbeiten. Sie bedienen lediglich den Editor, der in den Grundfunktionen dem Programm Word nachempfunden ist. Die Dateistruktur ähnelt dem Dateiexplorer unter Windows und dürfte Ihnen daher ebenfalls bekannt vorkommen.

Gehen wir davon aus, dass Ihnen Schreibrechte für einen Bereich zugewiesen wurden, so dass Sie direkt loslegen können. Sie werden nun in der Regel

1. einen Ordner anlegen:

Füllen Sie nun das "Formular" aus. Als erstes geben Sie den letzten Teil der neuen Internetadresse für diesen Ordner ein (Feld: Kurzname). Dieser Kurzname ist als Bestandteil der neuen Internetadresse ohne Sonderzeichen, Leerzeichen und ohne gemischte Groß- und Kleinschreibung o.ä. anzugeben.

Der Kurzname ist ein Teil der Webadresse (URL) des Artikels. Er sollte keine Leerzeichen, Unterstriche oder vermischte Groß- und Kleinschreibungen enthalten.

Der Kurzname sollte mit dem Titel einer Webseite immer möglichst (grob) übereinstimmen. Das hat Vorteile für den User: man folgt einem Link „kurse“ und landet auf „Kurse“ und nicht „Termine“ o.ä. Auch ist es wichtig für die Google-Platzierung (man rutscht im Google-Ranking nach unten, wenn die Zeichenfolge von Titel und URL nichts mit einander zu tun haben).

Der Titel ist - was die Schriftzeichen angeht - frei wählbar (i.d.R. Großschreibung, Sonderzeichen und Leerzeilen erlaubt) und wird als Überschrift des Ordners angezeigt werden und als Beschriftung in der Navigation (der Ordner wird ein neuer Navigationseintrag). Die "Beschreibung" ist für einen einleitenden Text gedacht, der auch in Auflistungen und Suchresultaten automatisch angezeigt werden kann. Wörter aus diesem Feld können auch von Google priorisiert als Stichwörter für die Google-Suche indiziert werden. Haben Sie diese Felder ausgefüllt (Felder mit einem roten Kreis neben der Beschriftung sind Pflichtfelder), können Sie "speichern": Ihre erste Webseite ist fertig!

Dieser Ordner kann nun Bilder, Dateien und Text-Seiten enthalten, er ist somit ein wichtiger "Container" (wie der Leitz-Ordner im Aktenschrank, der Seiten, Bilder und Dateien enthalten kann).

2. zum Ordner weitere Ordner hinzufügen (Navigationsbaum aufbauen):

Bauen Sie nun Ihren Navigationsbaum auf: fügen Sie diesem Ordner weitere Ordner hinzu, um Unterordner (neue Navigationsebenen) anzulegen. Diese werden eingerückt unterhalb des ersten Ordners in der Navigation links angezeigt. Gehen Sie eine Ebene nach oben (z.B. über den Reiter "Inhalte") und fügen Sie einen weiteren Ordner hinzu, um einen Ordner/Navigationseintrag parallel zum ersten Ordner in der Navigation zu erstellen:

Parallele Ordner	Die Kursreihe 2 hat 3 Unterordner, u.a. den Ordner Henning Peters, der wiederum 8 (parallele) Unterordner hat

3. die Darstellung der Inhalte des Ordners wählen:

Sie können über den Reiter "Darstellung" entscheiden, wie der Ordner seine Inhalte automatisch darstellen soll - als Liste, Tabelle, Tabs, etc.:

4. Seiten hinzufügen (für Webseiten mit Texten und Bildern)

Ein Ordner fungiert als Container für Text-Seiten, Bilder und Dateien. Er kann beliebig viele Webseiten mit Texten und Bildern beinhalten. Fügen Sie also einem Ordner über den Reiter "Hinzufügen" eine Seite hinzu. Der Webseitentyp "Seite" hat nun neben den bereits bekannten Feldern "Kurzname" und "Titel" zusätzlich das Feld "Haupttext". Hier können Sie nun mit Hilfe des Editors Text und Bilder einfügen und layouten.

Sie können beliebig viele Text-Seiten in einen Ordner speichern. Eine Seite begrenzt jedoch Ihren Navigationsbaum: Sie können einer Seite keine weiteren Objekte hinzufügen, nur einem Ordner (ihrem Container).

Um Ihrem Ordner eine schönere Gestalt zu geben als die Optionen unter dem Reiter "Darstellung" zulassen, können Sie eine von Ihren Seiten im Ordner als Standardansicht des Ordners auswählen, sodass immer diese Seite angezeigt wird, sobald auf den Ordner in der Navigation geklickt wird.

5. eine Seite als Standardansicht des Ordners einrichten:

Ist in einem Ordner eine Seite enthalten, kann diese dem Ordner als Standardansicht zugewiesen werden (immer, wenn der Ordner angeklickt wird, wird diese Seite angezeigt). Wählen Sie unter "Darstellung" des Ordners -> Inhalte aus dem Ordner-> die als Standardansicht des Ordners anzuzeigende Seite aus:

Bitte achten Sie darauf, dass die Index-Seite (also die Seite, die als Standardansicht des Ordners eingerichtet ist) denselben Titel wie der Ordner trägt. Sie würden Ihre Webseitenbesucher nur unnötig verwirren, wenn diese beispielsweise auf den Punkt "Forschung" (der Titel des Ordners) in der Navigation klicken und eine Seite "Studium und Lehre" ausgegeben wird (der Titel der Seite, die als Standardansicht eingestellt ist). Das klingt banal, es kann aber im Eifer des Gefechtes durchaus vorkommen, dass die Anpassung vergessen wird.

Möchten Sie den Titel des Ordners und der Seite ändern, klicken Sie nach Änderung des Titels der Seite auf den Reiter "Inhalte". Damit signalisieren Sie dem System, dass Sie nicht die als Standardansicht des Ordners eingerichtete Seite sehen/bearbeiten möchten, sondern den Ordner. Dementsprechend zeigt der Reiter "Inhalte" nun auch das tatsächliche Konstrukt an: über "bearbeiten" bearbeiten Sie nun den Titel des Ordners, die Inhalte des Ordners listen die Seite als Unterseite des Ordners auf. Ein Klick auf den Reiter "Anzeigen" zeigt wiederum die Seite an, die als Standardansicht des Ordners eingerichtet wurde. Wechseln Sie also über die Reiter "Inhalte" und "Ansicht" um wahlweise die Standardansichts-Seite des Ordners bzw. den Ordner selbst zu bearbeiten.

Alternativ lesen Sie den Text, der beim Bearbeiten der Standardansichtsseite eines Ordners als Erstes erscheint:

6. Veröffentlichen / Status der Webseite

Neu angelegte Webseiten sind zunächst nur privat einsehbar, d.h. nur für die Kennungen der JLU Gießen nach Login im System einsehbar/bearbeitbar, die Lese- bzw. Schreibrechte auf dieser Seite besitzen.

Sollen Ihre Ordner und Seiten weltweit uneingeschränkt zur Verfügung stehen, brauchen Sie nur noch die Ordner und Seiten über den Reiter "Status" links mittig zu Veröffentlichen:

Mehrere Webseiten auf einmal können Sie über den Reiter "Inhalte" unter "Status ändern" veröffentlichen:

Wenn Sie den Haken bei "Auf alle Inhalte im Ordner anwenden" setzen, werde auch gleich alle Unterseiten eines Ordners mit veröffentlicht: Status-> Erweitert

Kurzanleitung Links/E-Mail-Adresse:

Zu verlinkenden Text markieren, auf das nun erscheinende Kettensymbol (Link einfügen/ändern) klicken, Link setzen
Interner Link: Bricht auch bei Änderung der Internetadresse nicht
Externer Link: Für alle Links außerhalb des Systems der JLU
E-Mail-Adresse: E-Mailadresse anlegen, siehe ausführliche Anleitung - E-Mailadressen sind automatisch spam-geschützt

Kurzanleitung Bilder einfügen:

Bilder in das System laden (hinzufügen -> Bild), bitte beachten Sie die Datenschutzhinweise in der ausführlichen Anleitung!
Bild auf Webseite über Icon "Bild einfügen" einfügen
Der Status des Bildes (veröffentlicht/privat) richtet sich nach dem Status des Ordners, in dem sich das Bild befindet

Kurzanleitung Dateien einfügen:

Datei in das System laden (hinzufügen -> Datei)
Datei ggf. veröffentlichen
Datei auf Webseite intern verlinken

Ausführliche Anleitung:

Grundmerkmal von Webseiten sind Verlinkungen und Bilder. Hier erfahren Sie, wie sie intern und extern verlinken, E-Mail Adressen angeben und Bilder einfügen.

Verlinken von Webseiten:

In Plone unterscheiden wir zwischen internen Links (Verlinkung innerhalb des Haupt-Systems Plone an der JLU; Links bleiben erhalten, auch wenn sich die Internetadresse durch Umstrukturierung der Webseiten oder Änderung des Kurznamens ändert) und externen Links (z.Z. Verlinkung auf alles, was sich nicht unterhalb von www.uni-giessen.de befindet). Externe Links müssen aktualisiert werden, sobald sich die Internetadresse der Zielseite ändert.

Interne Links:

Innerhalb der Webseiten im Hauptsystem der JLU können Sie intern verlinken, sodass Sie diese Links nur noch anpassen müssen, wenn die Zielseite nicht mehr existiert bzw. gelöscht wurde. Wir empfehlen Ihnen dringend, so weit es geht intern zu verlinken (spart Ihnen Zeit und Mühe).

Zunächst markieren Sie den zu verlinkenden Text (oder das zu verlinkende Bild). Sodann erscheint im Editor das Symbol für Link einfügen/bearbeiten:

Intern Verlinken

Sie können nun das System nach der Zielseite durchsuchen:

Link auswählen

Externe Links:

Markieren Sie den extern zu verlinkenden Text, klicken Sie auf das Symbol für Link einfügen/bearbeiten (siehe oben), wählen Sie die Option "extern", geben Sie die von der externen Webseite kopierte URL ein, fertig:

Extern

Angabe von E-Mail-Adressen:

Sie können eine E-Mail-Adresse elegant mit Ihrer E-Mail-Adresse hinterlegen, sodass ein Klick auf den mit dieser E-Mail-Adresse hinterlegten Text das auf dem jeweiligen Rechner installierte E-Mail-Programm öffnet und man sofort eine E-Mail schreiben kann. E-Mailadressen werden grundsätzlich Spam-geschützt hinterlegt. Geben Sie einfach die E-Mailadresse im Editor an. Dann klicken Sie auf das Symbol für "Link einfügen/bearbeiten" (das "Kettensymbol") und geben dort unter dem Reiter "E-Mail-Adresse" die komplette E-Mailadresse ein.

E-Mail

Die vollständige E-Mail-Adresse wird auf der Webseite angezeigt, im Quelltext wird sie allerdings erst nach einem Klick auf die E-Mail-Adresse generiert. Damit sind so angegebene E-Mail-Adressen automatisch spam-geschützt, auch wenn die E-Mailadresse für Menschen sichtbar auf der Webseite erscheint. Bösartige Bots, die Webseiten automatisiert nach E-Mail-Adressen abgrasen, gelangen so nicht an die hinterlegte E-Mail-Adresse, Webseitenbesucher aber können Ihnen direkt eine E-Mail schicken.

Bitte veröffentlichen Sie nicht ungefragt E-Mail-Adressen, die keine Funktionsadressen sind! Lassen Sie sich am besten schriftlich (z.B. per E-Mail) die Einverständniserklärung geben.

Hochladen von Bildern und Anzeigen von Bildern

Zunächst müssen Sie ein Bild ins System laden, um es auf beliebig vielen Webseiten anzeigen zu können. Tauschen Sie das Bild nachträglich gegen ein anderes Bild aus, wird es auf allen anzeigenden Webseiten ebenfalls ausgetauscht. Sie müssen ein Bild also nur einmal hochladen, auch wenn es mehrmals angezeigt werden soll. Zum Hochladen eines Bildes in einen Ordner (ein Bild kann nur einem Ordner hinzugefügt werden, keiner Seite) klicken Sie auf "Hinzufügen" und wählen die Option "Bild" aus:

Ordnerdarstellung

Bitte achten Sie darauf nur Bilddateien (z.B. JPEG, GIF, PNG) als Bild zu speichern, keine PDFs, etc.!

Das Bild können Sie nachträglich austauschen, indem Sie über den Reiter "Inhalte" zum Bild navigieren (Bilder sind automatisch aus der Navigation ausgeschlossen), auf "bearbeiten" gehen, und das Bild austauschen.

Sie können es über das Symbol "Bild einfügen" auf jeder Webseite anzeigen lassen:

Sie navigieren also mittels "Sie sind hier" zum Bild, wählen das Bild aus, dann wählen Sie aus, ob der Text an der Stelle hinterlegt werden soll, wo Sie den Cursor gesetzt haben (Option "Inline"), oder ob er rechtsbündig eingefügt werden soll oder linksbündig. Anschließend wählen Sie unter "Größe" die gewünschte Anzeigegröße des Bildes. Ein Bild können Sie von der Anzeige auf einer Webseite entfernen, indem Sie es markieren (klicken Sie auf das Bild im Bearbeitungsmodus) und z.B. mit der Taste "entfernen" entfernen, oder mit Hilfe der Backspace-Taste. Bilder können Sie wie Text verlinken.

Eine Bildunterschrift (z.B. für Details zum Bild oder Copyright-Angaben) erzeugen Sie, indem Sie im Feld "Bildbeschreibung" den Text eingeben und den Haken bei "Zeige Bildbeschreibung als Bildunterschrift" setzen.

Wichtig ist ebenfalls die Wahl eines aussagekräftigen Titels für das Bild (insbesondere für die Suchmaschinenoptimierung), aber auch eine aussagekräftige Beschreibung des Bildes ist zentral, denn diese wird insbesondere von Screenreadern für Blinde ausgelesen (Stichwort: "Barrierefreiheit"). .

Der Status eines Bildes (veröffentlicht/privat) richtet sich nach dem Status des Ordners, in dem es sich befindet. Möchten Sie also Bilder im System haben, aber nicht weltweit veröffentlichen, laden Sie diese Bilder in einen privat geschalteten Ordner.

Bildergröße:

Bilder in der Größe "great" bzw. "large" werden immer dann in Originalgröße angezeigt, wenn sie kleiner ins System geladen wurden. Das heißt, wenn Sie Bilder in Originalgröße anzeigen möchten, stellen Sie sie in der Größe "great" bzw. large ein. Bilder, die größer als die Seitenbreite sind, werden, sofern sie als "great" eingebunden aind, automatisch mit maximal der Seitenbreite angezeigt.

Wichtiger Hinweis zum Datenschutz bei der Verwendung von Bildern

Bitte beachten Sie unbedingt die Bilderrechte! Lesen Sie die Lizenzbedingungen bei gekauften Bildern gründlich und befolgen Sie die Anweisungen bezüglich der Copyrighthinweise und ggf. anderer Angaben. Bilder von Personen sollten Sie nie ungefragt ins Netz stellen. Lassen Sie sich (auch von Mitarbeitern!) immer schriftllich (z.B. per E-Mail) von auf Bildern abgebildeten Personen bestätigen, dass diese mit der Veröffentlichung ihres Bildes auf den Webseiten der JLU Gießen einverstanden sind.

Wichtige Bildmaße

Möchten Sie eine Slideshow ohne rechte und linke Spalte wie z.Z. auf der Startseite der JLU Gießen erzeugen, betragen die Maße der Bilder der Slideshow 1184 px x 316 px. Ein Bannerbild oberhalb der grauen Navigationsleiste hat idealerweile die Maße 722 px x 108 px. Eine Slideshow ohne rechte, aber mit linker Spalte beträgt 960px.

Für Slideshows fügen Sie bitte Bilder mit 1200px Breite ein und stellen Sie die Bildgröße auf "great".

Hochladen von Dateien und Verlinken auf Dateien

Dateien laden Sie wie Bilder ins System (zu Ordner hinzufügen->Datei). Auch Dateien sind automatisch aus der Navigation ausgeschlossen. Sie können nun beliebig oft auf eine Datei verlinken (Text markieren, intern verlinken). Dateien können Sie wie Bilder austauschen. Sie müssen nicht das Objekt oder die interne Verknüpfung löschen. Sie sollten darauf achten, Dateien nur einmal ins System zu laden und dann auf diese Datei mehrfach zu verlinken. Sonst müssen Sie viele Dateien bei einer Aktualisierung austauschen. Der Status einer Datei verhält sich unabhängig vom Ordner, Dateien müssen also separat veröffentlicht werden.

Bitte verwenden Sie im Web keine Office-Dateien (Word, Excel, etc.), damit schließen Sie Nutzer von Linux-Systemen automatisch vom Zugriff auf diese Dateien aus (Office-Programme und Linux-Distributionen sind inkompatibel). Laden Sie so weit wie möglich ausschließlich PDF-Dateien ins Netz. Dieses P ortable D ocument F ormat kann auf allen Betriebssystemen mit einem PDF Reader geöffnet werden. Diese PDF-Dateien sollten keine Scans sein, dadurch entstehen Bilder, die nicht barrierefrei sind! Achten Sie bei der Erstellung von PDF-Dateien immer auch auf die Barrierefreiheit, das HRZ bietet Schulungen dazu an.

Texte formatieren

Über den Reiter "Format" können Sie markierte Texte und über den Reiter "Tabelle" eingefügte Tabellen formatieren. Bitte beachten Sie dabei, dass auch mehrere Formatierungen gleichzeitig möglich sind. Entfernen Sie den Haken bei der ursprünglichen Formatierung, wenn Sie ausschließlich die neue Formatierung wünschen (insbesondere wichtig bei Tabellen: der neue Tabellenstil wirkt sich erst dann aus, wenn der alte Stil entfernt wird).

Formatvorlagen nutzen:

Beim Bearbeiten nahezu aller Arten von Plone-Elementen lassen sich Vorlagen ganz einfach über das Text-Menü einfügen.

Beim Ersetzen der Platzhalter-Bilder bitte darauf achten, dass zunächst ein Doppelklick auf die Bilder erfolgen muss. Dann kann das Bild entweder über die interne Suche nach dem Bild ersetzt werden, oder - ggf. besser - über "Bild einfügen - extern" mit Einfügen der exakten URL auf das in Plone hochgeladene Bild ersetzt werden. Bei der zweiten Option sollte das Bild unbedingt möglichst klein in Plone geladen worden sein, damit der Skalierungsprozess kein Nachladen des Bildes auf der Seite erzeugt.

Zum Bearbeiten der Buttons bitte nicht in den Button klicken, sondern den Cursor zunächst rechts neben den Button setzen und dann mit den Pfeiltasten in den Button navigieren. Hat sich die Farbe des Buttons geändert, können Sie mit der Shift- und den Pfeiltasten den Text markieren, anpassen und verlinken.

Vorlagen einfügen

Die folgenden Vorlagen stehen dabei zur Auswahl:

Vorlage Bild-Text-Kachel vertikal 1-spaltig
Vorlage Bild-Text-Kachel horizontal links
Vorlage Bild-Text-Kachel horizontal rechts
Vorlage Bild-Text-Kachel vertikal 2-spaltig
Vorlage Bild-Text-Kachel vertikal 3-spaltig
Vorlage Button für versteckten Text
Vorlage Akkordeon mit 3 ausklappbaren Texten
Vorlage Akkordeon mit 19 ausklappbaren Texten
Link-Button primär
Link-Button sekundär
Vorlage Link-Button-Gruppe
Vorlage Bannerbild - blauer Titel - Text
Vorlage 3 Bilder als Galerie
Vorlage 4 Bilder als Galerie
Vorlage 6 Bilder als Galerie
Vorlage 8 Bilder als Galerie

Vorlage Bild-Text-Kachel vertikal 1-spaltig

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Vorlage Bild-Text-Kachel horizontal links

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Vorlage Bild-Text-Kachel horizontal rechts

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Vorlage Bild-Text-Kachel vertikal 2-spaltig

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Vorlage Bild-Text-Kachel vertikal 3-spaltig

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Vorlage Button für versteckten Text

Collapse Title

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

Vorlage Akkordeon mit 3 ausklappbaren Texten

Accordion Item #1

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the


         .accordion-body

, though the transition does limit overflow.

Accordion Item #2

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the


         .accordion-body

, though the transition does limit overflow.

Accordion Item #3

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the


         .accordion-body

, though the transition does limit overflow.

Vorlage Akkordeon mit 19 ausklappbaren Texten

Accordion Item #1

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the


         .accordion-body

, though the transition does limit overflow.

Accordion Item #2

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the


         .accordion-body

, though the transition does limit overflow.