Hier finden Sie einige nützliche Tipps und Hinweise für einen reibungslosen Umgang mit unserem CMS. Wenn Sie sich an diesen orientieren, ist die Website sehr einfach zu bedienen.

Wichtig ist, dass Sie alle Texte, die Sie für die Website vorbereitet haben, als unformatierten Text einfügen. Das bedeutet, dass Sie die Texte nicht aus einem Textbearbeitungsprogramm wie Microsoft Word kopieren und dann direkt in das Editor-Fenster des Datensatzes einfügen, sondern diesen zunächst zwischenspeichern.

Beispiel „TextEdit“: formatiert	Beispiel „TextEdit“: unformatiert

1. Öffnen Sie den Text in dem Textbearbeitungsprogramm, z.B. Microsoft Word
2. Markieren Sie die Textstellen, die Sie in die Website einfügen möchten und kopieren Sie diese
3. Öffnen Sie dann das Windows-Standardprogramm Editor (zu finden unter Windows-Zubehör)
4. Fügen Sie den Text dort ein (Sie sehen direkt, dass sich der Text verändert hat: alle vorherigen Formatierungen (Schriftart, -größe, etc.) sind nun nicht mehr vorhanden.\\)
5. Kopieren Sie nun den unformatierten Text aus dem Editor und fügen Sie diesen in das Editor-Fenster des Datensatzes ein.

Öffnen Sie den vorformulierten Text in dem Textbearbeitungsprogramm Ihrer Wahl, zum Beispiel Microsoft Word. Markieren Sie die Textstellen, die Sie in die Website einfügen möchten, kopieren Sie diese, öffnen Sie dann das MacOS-Standardprogramm TextEdit (zu finden unter Programme) und fügen Sie den Text dort ein. Der Text bleibt zunächst formatiert. Klicken Sie dann in der Menüleiste auf Format und anschließend auf In reinen Text umwandeln (oder nutzen Sie das Shortcut Shift+Command+T). Sie sehen jetzt, dass sich der Text verändert hat: alle vorherigen Formatierungen (Schriftart, -größe, -gewicht, -farbe, etc.) sind nun nicht mehr vorhanden.
Zu guter Letzt kopieren Sie nun den unformatierten Text aus TextEdit und fügen Sie diesen in das Editor-Fenster des Datensatzes ein.

Wenn Sie eigene Bilder in Ihre Website einbinden möchten, sollten Sie diese zunächst so bearbeiten, dass diese Web-optimiert sind:

• Farbraum RGB
• Auflösung 72 dpi
• Maße 800×600 px

Diese Einstellungen haben den Vorteil, dass die Dateigröße relativ gering bleibt und damit die Ladezeit für Benutzer Ihrer Website reduziert wird. All diese Einstellungen können Sie in einem Bildprogramm Ihrer Wahl vornehmen.

Beispielhaft der Ablauf anhand von Adobe Photoshop:

1. Öffnen Sie das gewünschte Bild in Adobe Photoshop.
2. Bild → Modus → RGB-Farbe zur Bearbeitung des Farbraumes
3. Bild → Bildgröße zur Bearbeitung der dpi
4. Klicken Sie dann auf das Freistellungswerkzeug (oder nutzen Sie den Shortcut C)
5. Wählen Sie in den Einstellungen des Tools Benutzerdefiniert aus (→ 800px für die lange und 600px für die kurze Seite für optimale Darstellung für alle Bildschirmgrößen)
6. Ziehen Sie nun den gewünschten Bildausschnitt, oder – sofern die originalen Bildmaße eine Potenz von 800×600 px sind – markieren Sie das gesamte Bild und tippen Sie dann Enter.

Farbraum	Auflösung	Maße

• Hinweis: Duplizieren Sie Ihr Bild stets bevor Sie es bearbeiten, sodass Ihnen das Original in hoher Auflösung erhalten bleibt.

Basics	Bilder	Tabelle

Um auf Ihrer Website Text einfügen zu können, steht Ihnen bei jedem Datensatz-Typ ein Textfeld zur Verfügung. Dieser Text-Editor gleicht der Benutzeroberfläche eines Standard-Textbearbeitungsprogramms (z.B. Microsoft Word).

Ausrichtung des Textes:

• setzt den Text linksbündig
• zentriert den Text
• setzt den Text rechtsbündig
• formatiert den Text im Blocksatz

Absatzformatierung

• Standardabsatz
• Hauptüberschrift
• 1. sowie 2. Subüberschrift

Hinweis: Bitte beachten Sie, dass pro Unterseite – nicht pro Datensatz – H1 (Hauptüberschrift) nur einmal benutzt werden darf. Alle anderen Überschriften bitte in absteigender Hierarchie.

Farbeinstellungen

• Schriftfarbe des Textes anpassen
• Hintergrundfarbe des Textes anpassen

Quelltext

• Bearbeitung des Quelltextes (→ bei Beherrschung von HTML können hier Änderungen direkt im Quellcode durchgeführt werden.)

Hervorheben einzelner Textpassagen steuern:

• setzt den Text fettgedruckt
• setzt den Text kursiv
• unterstreicht die entsprechende Passage
• streicht den Text durch

Listen Darstellung

• Liste mit Bulletpoints (•)
• nummerierte Liste

Änderungen zurückzunehmen / Änderungen wiederherstellen.

• macht die letzte Änderung rückgängig
• stellt die letzte Rücksetzung wieder her

Links

• Link einfügen

→ Fenster für die URL oder ein bereits hochgeladenes Dokument, den anzuzeigenden Text, Link-Titel und das Ziel.

Als Ziel kann entweder keines ausgewählt werden, was den Link im selben Fenster öffnet, oder Neues Fenster, welches einen neuen Tab für das Link-Ziel öffnet.

Um ein bereits hochgeladenes Dokument auszuwählen klicken Sie rechts auf das Symbol und wählen Sie aus dem Dropdown Menü aus. Um ein Dokument hochzuladen, müssen Sie das Dokument im Datei-Upload ganz oben im Menü unter Verschiedenes hochladen. Ziehen Sie dazu die Datei in das Feld. Unten sehen Sie eine Liste mit allen bereits hochgeladenen Dateien. Die Dateien dürfen eine Größe von 10 MB nicht überschreiten. Falls die Datei zu groß ist oder nicht hochgeladen werden kann, melden Sie sich gerne bei uns.

• vorhandenen Link entfernen

Medien

• Bild hochladen oder ein bestehendes Bild aus der Bilderverwaltung verknüpfen
• Video einfügen → Verweis auf das zuvor hochgeladene Video (am Besten zwei verschiedene Formate nutzen), das Poster (Vorschaubild) verknüpfen und die Maße in Pixeln angeben.
• Wenn ein Bild bereits einmal hochgeladen wurde, ist es sinnvoller es über die Bilderverwaltung auszuwählen anstatt es erneut hochzuladen; dies spart viel Speicherplatz. Setzen Sie dazu bei Bilderverwaltung anzeigen den Haken und wählen Sie bei Original das gewünschte Bild aus. Bestätigen Sie mit OK.

Hinweis: Wir empfehlen ausdrücklich, Videos über externe Plattformen (z.B. auf YouTube, Vimeo, etc.) einzubinden. Nutzen Sie dafür einfach den zweiten Tab im Video-Fenster (Einbetten), indem Sie dann problemlos den Einbett-Code von einer dieser Plattformen einfügen können.

Live-Vorschau Ihrer Änderungen

• Die Live-Vorschau zeigt den Inhalt des Textfeldes wie er auf der Website dargestellt wird. So kann man schauen ob alles korrekt dargestellt wird, bevor man es speichert und damit auf der Website sichtbar schaltet.

Tabellen

• Erstellen einer Tabelle über ein Raster, einer bestehenden Tabelle weitere Zeilen oder Spalten hinzufügen oder Teile davon löschen

Trennlinie

• horizontale Linie zur Trennung von Textbereichen

Tiefstellen/Hochstellen

• Tiefstellen von Textteilen
• Hochstellen von Textteilen

So können Sie u.a. auch mathematische Funktionen übersichtlich einbinden.