.
  • hilfecenter

    Basics

  • Bilder

     
    Bilder auf der Website sollten Web-optimiert sein:

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

    Textformatierung

     
    Alle Texte, die auf die Website sollen, müssen mit Hilfe von Textprogrammen als unformatierter Text eingefügt werden.

    Texteditor

     
    Um auf der Website Text einzufügen, steht ein Textfeld zur Verfügung, welches Standard-Textbearbeitungs­programmen gleicht.
  • Bilder

  • Farbraum
    Auflösung
    Maße
  • Wenn du eigene Bilder auf die Website stellen möchtest, sollten diese Web-optimiert sein:

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

    Vorteile sind eine geringere Dateigröße und damit weniger Ladezeit für die Besucher der Website.
    Diese Einstellungen können in einem Bildprogramm deiner Wahl vorgenommen werden.

    Beispielhaft der Ablauf anhand von Adobe Photoshop:

    1 // Öffnen des gewünschten Bildes in Adobe Photoshop.
    2 // Bild → Modus → RGB-Farbe zur Bearbeitung des Farbraumes
    3 // Bild → Bildgröße zur Bearbeitung der dpi
    4 // Klicke auf das Freistellungswerkzeug (oder Shortcut C)
    5 // Einstellungen des Tools → Benutzerdefiniert
    (800px lange und 600px kurze Seite, optimale Darstellung für alle Bildschirmgrößen)
    Für quadratische Bilder wähle 800x800 px.
    6 // Ziehe den gewünschten Bildausschnitt und tippe Enter.


    Hinweis: Dupliziere das Bild stets vor der Bearbeitung, sodass das Original in hoher Auflösung erhalten bleibt!


  • Bildgröße anpassen
    Bilderverwaltung
  • Bilder Upload

    Wenn du Bilder hochlädst, so ist bereits ein Haken bei Tinify gesetzt. Dieser Haken bewirkt, dass die Dateigröße der Bilder reduziert wird, was Speicherplatz spart und die Ladezeit der Webseite verringert.
    Sollte die Meldung kommen, dass du 500 Bilder im Monat überschritten hast, so kannst du uns gerne kontaktieren.

    Den Haken bei Bildgröße anpassen, solltest du entfernen, wenn das Bild bereits die richtige Größe hat. Ist der Haken gesetzt, wird das Bild auf die Maße zugeschnitten angezeigt.

    Setzt du den Haken bei Bilderverwaltung anzeigen, so kannst du bereits hochgeladene Bilder anzeigen und auswählen.


  • Text-Formatierung

  • formatiert
    unformatiert
  • Unformatierter Text

    Alle Texte für die Website müssen als unformatierter Text eingefügt werden. Das bedeutet, dass die Texte nicht aus einem Textbearbeitungsprogramm wie Microsoft Word kopiert und dann direkt in das Editor-Fenster des Datensatzes eingefügt werden können, sondern diese zunächst zwischengespeichert und umformatiert werden sollen.

    Ablauf unter Windows

    1 // Öffne den Text im Textbearbeitungsprogramm, z.B. Microsoft Word
    2 // Markiere die Textstellen, die du in die Website einfügen möchtest und kopiere diese
    3 // Öffne dann das Windows-Standardprogramm Editor (zu finden unter Windows-Zubehör)
    4 // Füge den Text dort ein

    Man sieht direkt, dass sich der Text verändert hat: alle vorherigen Formatierungen (Schrift, Schriftgröße, etc.) sind nun nicht mehr vorhanden.

    5 // Kopiere den unformatierten Text aus dem Editor und füge ihn in das Editor-Fenster des Datensatzes ein.

    Ablauf unter MacOS

    1 // Öffne den Text in dem Textbearbeitungsprogramm, z.B. Microsoft Word
    2 // Markiere die Textstellen, die du in die Website einfügen möchtest und kopiere diese
    3 // Öffne dann das MacOS-Standardprogramm TextEdit (unter Programme)
    4 // Füge den Text dort ein. Der Text bleibt zunächst formatiert. Klicke dann in der Menüleiste auf Format und anschließend auf In reinen Text umwandeln (oder nutze den Shortcut Shift+Command+T). 

    Man sieht direkt, dass sich der Text verändert hat: alle vorherigen Formatierungen (Schrift, Schriftgröße, etc.) sind nun nicht mehr vorhanden.

    5 // Kopiere den unformatierten Text aus dem Editor und füge ihn in das Editor-Fenster des Datensatzes ein.
  • Texteditor

  • Basics
    Bilder
    Tabelle
  • Um auf der Website Text einzufügen, steht 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. Unterüberschrift

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

    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

    setzt den Text fettgedruckt
    setzt den Text kursiv
    unterstreicht den Text
    streicht den Text durch

    Listen-Darstellung

    Liste mit Bulletpoints (•)
    nummerierte Liste

    Änderungen zurücknehmen / Änderungen wiederherstellen

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

    Links

    Link einfügen
    vorhandenen Link entfernen
    Fenster für URL oder bereits hochgeladenes Dokument, anzuzeigender Text, Link-Titel und Ziel.

    → Ziel

    Keines → öffnet Link im selben Fenster
    Neues Fenster → öffnet neuen Tab für das Link-Ziel

    Um ein bereits hochgeladenes Dokument auszuwählen, klicke rechts auf das Symbol und wähle aus dem Dropdown-Menü aus.

    Um ein Dokument hochzuladen, muss man dieses ganz oben im Menü unter VerschiedenesDatei-Upload hochladen. Ziehe dazu die Datei in das Feld. Unten sieht man eine Liste mit allen bereits hochgeladenen Dateien.

    Hinweis: Die Dateien dürfen eine Größe von 10 MB nicht überschreiten. Falls die Datei zu groß ist oder nicht hochgeladen werden kann, melde dich gerne bei uns.

    PDFs können auch mit einem kostenlosen Tool wie z.B. SmallPDF verkleinert werden: www.smallpdf.com

    Medien

    Bild einfügen
    Video einfügen
    Bild hochladen oder ein bestehendes Bild aus der Bilderverwaltung verknüpfen.

    Wenn ein Bild bereits einmal hochgeladen wurde, ist es vorteilhafter, es über die Bilderverwaltung auszuwählen, anstatt es erneut hochzuladen; dies spart viel Speicherplatz. Setze dazu bei Bilderverwaltung anzeigen den Haken und wähle bei Original das gewünschte Bild aus. Bestätige mit OK.

    Video → Verweis auf das zuvor hochgeladene Video (am Besten zwei verschiedene Formate nutzen), das Poster (Vorschaubild) verknüpfen und die Maße in Pixeln angeben.

    Hinweis: Wir empfehlen ausdrücklich, Videos über externe Plattformen (z.B. YouTube, Vimeo, etc.) einzubinden. Nutze dafür den zweiten Tab im Video-Fenster (Einbetten), dort kann man den Einbett-Code von einer Plattformen einfügen. Beachte dabei, stets das Video im Datenschutzmodus zu nutzen.

    Live-Vorschau der Änderungen

    Live-Vorschau
    Zeigt den Inhalt des Textfeldes wie er auf der Website dargestellt wird. So kann man prüfen, ob alles korrekt dargestellt wird, bevor man es speichert und damit auf der Website sichtbar schaltet.

    Tabellen

    Erstellen einer Tabelle

    Trennlinie

    horizontale Linie zur Trennung von Bereichen

    Tiefstellen/Hochstellen

    Tiefstellen von Textteilen
    Hochstellen von Textteilen
    So können u.a. auch mathematische Funktionen übersichtlich eingebunden werden.