Benutzer-Werkzeuge

Webseiten-Werkzeuge


grundsaetzliches

Arbeiten im Internet

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.

Unformatierter Text

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

Ablauf unter Windows

  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.

Ablauf unter MacOS

Ö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.

Bildbearbeitung

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
Bild BildBild
  • Hinweis: Duplizieren Sie Ihr Bild stets bevor Sie es bearbeiten, sodass Ihnen das Original in hoher Auflösung erhalten bleibt.

Text-Editor in unseren CMS-Datensätzen

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.

  • vorhanden 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

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

  • Live-Vorschau

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.

grundsaetzliches.txt · Zuletzt geändert: 2019/03/20 12:39 von Seltmann GmbH