Neben Bildern, Videos und Flash-Animationen werden die Inhalte einer Website maßgeblich mit Texten übermittelt.
Für das Web zu schreiben, stellt andere Anforderungen als die Redaktion von Texten für den Druck. Jedes Kommunikationsmedium hat seine eigenen Charakteristiken. Beim Internet sind das vor allem die technische Grundlage (Display eines Computers oder Mobilgeräts), die Art der Informationsaufnahme (eher ein schnelles Scannen als dauerhaftes Lesen) und die Verfügbarkeit praktisch unbegrenzter Alternativen (man bedenke, wie viele Websites sich ein und demselben Thema widmen).
Um die Aufmerksamkeit des Lesers zu wecken, ihn zum Lesen anzuregen und im besten Fall von der Qualität unseres Angebots zu überzeugen, müssen die Textinhalte für die Veröffentlichung im Web geeignet sein: Vor allem müssen die Inhalte interessant präsentiert werden, sie müssen prägnant aber nicht steril sowie effizient sein. Die zu übermittelnde Botschaft sollte in kurze Abschnitte gegliedert werden. Dies erleichtert zum einen das Verständnis und wirkt zum anderen visuell aufgelockerter und weniger drückend. Und für eine bessere Lesbarkeit der Texte ist es schließlich wichtig, die typografischen Aspekte zu berücksichtigen, also zu entscheiden, wie Überschriften, Hervorhebungen, der Textkörper, Bildunterschriften und anderes formatiert werden sollen.
Diese Aspekte zu durchdenken und die Texte mit Sorgfalt zu verfassen, ist äußerst wichtig, wenn man eine Website erstellen will, die auf ihre Besucher positiv wirken soll. Langweilige Inhalte, vager Ausdruck, Grammatik, Orthografie- und Interpunktionsfehler lassen eine Website sofort nachlässig wirken und ein zweiter Besuch wird mit großer Wahrscheinlichkeit ausbleiben.
Abgesehen von dieser kurzen, aber notwendigen Betrachtungen zum Thema Web Writing stellt Ihnen WebSite X5 einen internen Editor zur Verfügung, in dem Sie Ihre Texte verfassen und formatieren können. Selbstverständlich können auch fertige, mit anderen Programmen erstellte Texte durch einfaches Kopieren und Einfügen verwendet werden.
Darüber hinaus haben Sie die Möglichkeit, mit WebSite X5 die Anzeige von Texten in Registerkarten (Tabs) zu strukturieren. Dies ist ein praktischer, effizienter Weg, um viele Informationen auch auf dem relativ begrenzten Raum einer Website übersichtlich zu präsentieren.
Die Funktionen, die Sie für die Gestaltung eines Tabellen-Objekts benötigen, sind in folgende Bereiche gegliedert: Inhalt und Registerkarten-Stil.
In diesem Bereich finden Sie einen Editor, in den Sie Text direkt eingeben und anschließend formatieren können. Der Editor enthält eine Werkzeugleiste am oberen Rand, einen Arbeitsbereich, in den der Text eingegeben wird, und unten einige Tabs, über die Registerreiter aktiviert werden können, um den Text zu strukturieren.
Es stehen folgende Funktionen zur Verfügung:
|
|
Ausschneiden [Strg+X] - Kopieren [Strg+C] - Einfügen [Strg+V]
Mit der Funktion Einfügen werden alle eventuell vorhandenen Formatierungen aus dem Text entfernt und die im Editor festgelegten angewendet.
|
|
Inhalte einfügen
Mit diesem Befehl wird zuvor mit den entsprechenden Funktionen, Ausschneiden und Kopieren, ausgeschnittener oder kopierter Text eingefügt. Der so eingefügte Text behält seine Originalformatierungen.
Mit den Funktionen Ausschneiden, Kopieren und Einfügen können Texte übernommen werden, die zuvor mit anderen Textbearbeitungsanwendungen erstellt wurden.
|
|
Abbrechen [Strg+Z] - Wiederherstellen [ALT+UMSCHALT+BACKSPACE]
Zum Annullieren/Wiederherstellen der zuletzt durchgeführten/annullierten Operation.
|
|
Link einfügen [Strg+L]
Mit dieser Funktion können Sie markierte Textpassagen verlinken. Die Einstellungen für den Hyperlink können im Dialogfenster Link vorgenommen werden.
|
|
Bild einfügen
Fügen Sie ein Bild (Formate .JPG, .GIF, .PNG, .BMP) in den Text ein. In ein Textobjekt eingefügte Bilder werden automatisch neu dimensioniert, wenn sie größer sind als die im Layout-Schema zugewiesene Zelle. Außerdem kann die Größe der Bilder durch Ziehen an den Ankerpunkten frei angepasst werden. Für spezielle Layouts wird jedoch empfohlen, das eigens hierfür bereitgestellte Bildobjekt zu verwenden.
|
|
HTML-Code aktivieren
Mit dieser Funktion können Sie HTML-Code direkt auf der Seite eingeben. Im HTML-Modus werden die Zeichen < und > nicht als "kleiner als" bzw. "größer als" interpretiert, sondern in diese Zeichen eingefügter Text wird als HTML-Tag gelesen.
|
|
Rollover-Einstellungen
Hiermit können Sie Text mit RollOver-Effekt konfigurieren: Das heißt, der Text ist nicht mehr statisch, sondern kann gescrollt werden. Die RollOver-Einstellungen werden im Dialogfenster RollOver vorgenommen.
|
|
An Zellenbreite anpassen
Mit dieser Einstellung wird das Layout des Textes simuliert, das er im Inneren der Layout-Zelle haben wird.
|
|
Heller/dunkler Hintergrund
Hier können Sie den Hintergrund des Text-Editors hell oder dunkel einstellen. Dies erleichtert zum Beispiel die Eingabe von hellem Text, der mit dem jeweils gewählten Template im Kontrast stehen soll.
|
 
|
Schrift - Schriftgröße
Hier können Sie eine Schrift (einen Font) auswählen und dessen Größe definieren.
Das Dropdown-Menü enthält alle Zeichensätze, die auf dem lokalen Computer installiert sind, für alle Webschriften und die integrierten Google Fonts über das Fenster Einstellungen | Web-Font. Die Schriftarten können dank der dazugehörigen Symbole leicht identifiziert werden:
|
Google Fonts: integrierte Schriftarten über das Fenster Einstellungen | Web-Font von WebSite X5 , die mit dem Gogle-Server verbunden sind.
|
|
Web Fonts: integrierte Schriftarten über das Fenster Einstellungen | Web-Font von WebSite X5 , die auf dem Server der Website veröffentlicht werden.
|
|
Safe Fonts: Schriften, die in der Regel auf allen Geräten vorhanden sind, daher müssen sie nicht veröffentlicht werden.
|
|
   
|
Fett [Strg+B] - Kursiv [Strg+I] - Unterstrichen [Strg+U] - Anschlag [CTRL+T]
Mit diesen Schaltflächen werden auf markierten Text jeweils die entsprechenden Schriftschnitte angewendet.
|
 
|
Textfarbe - Hintergrundfarbe des Textes
Mit Klick auf diese Schaltflächen können Sie gewünschte Farbe für den Text bzw. den Texthintergrund auswählen.
|
|
Format zurücksetzen
Entfernt eventuelle Formatierungen des ausgewählten Texts, so dass dieser mit dem in Textstilausgewählten Stil übereinstimmt.
|
 
|
Aufzählung - Nummerierte Liste
erstellen jeweils eine Aufzählung (mit Punkten) und eine nummerierte Liste. Über die TAB-Taste können die einzelnen Listeneinträge markiert werden, um Unterebenen zu erstellen.
Mit diesem Befehl können Sie eine Liste mit Aufzählungszeichen erstellen.
|
 
|
Zeileneinzug verkleinern / Zeileneinzug vergrößern
Hier können Sie den Einzug eines Absatzes vergrößern bzw. verkleinern.
|
   
|
Linksbündig - Zentriert - Rechtsbündig - Blocksatz
Stellen Sie hier die Ausrichtung Ihres Textes ein.
|
  
|
Text rechts - Standardeinstellung - Text links
Diese Schaltflächen sind aktiv, wenn ein in den Text eingefügtes Bild markiert wird. Sie können festlegen, ob der Text rechts oder links vom Bild verlaufen oder das Bild in den Textfluss eingebettet werden soll.
|
|
Mit Rechtsklick kann außerdem das Kontextmenü aufgerufen werden, das folgende Optionen enthält: Abbrechen, Ausschneiden, Kopieren, Einfügen, Inhalte einfügen und Alles markieren.
Wenn dieses Kontextmenü durch Klicken auf ein in den Text eingefügtes Bild aufgerufen wird, erscheint auch der Befehl Eigenschaften des Bildes über den das gleichnamige Fenster aufgerufen werden kann Eigenschaften des Bildes.
Unten im Arbeitsbereich befinden sich Registerkarten, oder Tabs, die sich auf die einzelnen erstellten Textseiten beziehen.
Als Standard ist nur eine Registerkarte mit dem Namen "Blatt 1" vorgesehen: Werden keine weiteren Registerkarten hinzugefügt, bleibt die Tab-Anzeige für Text inaktiv. Um eine neue Registerkarte hinzuzufügen und zu bearbeiten, klicken Sie auf die Schaltfläche  rechts von den bereits vorhandenen Registerkarten. Alternativ können Sie per Rechtsklick auf eine bestehende Registerkarte das Kontextmenü öffnen und dort die gewünschte Option auswählen.
| ▪ | Registerkarte hinzufügen: Fügt eine neue Registerkarte ein (und aktiviert die entsprechende Textseite), die in einem Dialogfenster benannt werden kann. |
| ▪ | Aktive Registerkarte umbenennen...: Öffnet ein Fenster zum Umbenennen der aktiven Registerkarte. |
|
Die Registerkarten sollten aussagekräftig benannt werden, da diese Namen automatisch für die Schaltflächen übernommen werden, mit denen im Text navigiert werden kann, wenn Registerkarten - Horizontal oder Registerkarten - Vertikal als Anzeigemodus ausgewählt wurden.
|
| ▪ | Aktive Registerkarte löschen: Löscht die aktive Registerkarte und die zugehörige Textseite. |
| ▪ | Aktive Registerkarte nach links verschieben / Aktive Registerkarte nach rechts verschieben: Ändern der Reihenfolge der Registerkarten, indem die aktive nach links oder rechts verschoben wird. Die Registerkarten können auch per Drag&Drop in die gewünschte Position gezogen werden. |
|
Mit den Funktionen in diesem Bereich, der nur dann aktiv ist, wenn mindestens eine zweite Registerkarte hinzugefügt wurde, können der grafische Stil und der Anzeigemodus der Registerkarten definiert werden.
Zunächst muss der Anzeigemodus für die Seiten aus den verfügbaren Alternativen gewählt werden:
|
Registerkarten - Horizontal: Wie bei traditionellen Karteikarten werden die Inhalte auf Registerkarten präsentiert, die mit den horizontal oben oder unten angeordneten Reitern angezeigt werden können.
|
|
Registerkarten - Vertikal: Wie bei einem Planer werden die Inhalte auf Registerkarten präsentiert, die mit den vertikal links oder rechts angeordneten Reitern angezeigt werden können.
|
|
Slideshow: Wie in einer Slideshow für Bilder können die Textseiten mit seitlich eingeblendeten Pfeilsymbolen gescrollt werden, aber es sind keine Reiter verfügbar, die die Namen der einzelnen Seiten anzeigen.
|
Je nach gewähltem Anzeigemodus stehen verschiedene Optionen zur Verfügung.
Bei den Typen Registerkarten - Horizontal und Registerkarten - Vertikal kann die Grafik der Navigations-Buttons mit folgenden Optionen gestaltet werden:
| ▪ | Position: Legen Sie hier fest, wo die Registerreiter für die Textnavigation positioniert werden sollen, d.h. oben oder unten beim Typ Registerkarten - Horizontal bzw. rechts oder links beim Typ Registerkarten - Vertikal. |
| ▪ | Stil: Definiert die Form der Registerreiter für die Textnavigation. |
| ▪ | Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes. |
| ▪ | Größe: Definiert die Breite und Höhe der Registerreiter in Pixeln. Wenn Sie die Option Größenverhältnis beibehalten aktiviert lassen, bleibt bei der Größeneinstellung die Proportion zwischen Breite und Höhe erhalten. |
Für die Typen Registerkarten - Horizontal und Registerkarten - Vertikal können auch die Optionen im Bereich Farbe genutzt werden:
| ▪ | Text/Hintergrund/Randfarbe: Einstellung der Textfarbe, des Hintergrunds und der Ränder für die Registerreiter. |
| ▪ | Aktiver Text/ Aktiver Hintergrund: Definieren die Text- und Hintergrundfarben, die die Registerreiter bei Mauskontakt annehmen sollen. |
Beim Typ Slideshow hingegen stehen für die Navigations-Buttons folgende Optionen zur Verfügung:
| ▪ | Anzeige: Definiert, ob die Registerreiter Immer sichtbar, Unsichtbar (automatischer Start) oder Sichtbar bei Mauskontakt sein sollen. |
| ▪ | Stil: Auswahl von Bildern für die Grafik der Registerreiter. |
Für alle Anzeigemodi können schließlich die Optionen im Bereich Allgemein genutzt werden:
| ▪ | Feldhöhe: Bei Aktivierung der Option kann die Höhe der Textseiten eingestellt werden. |
|
Das Objekt übernimmt automatisch die Höhe des längsten der auf den Seiten eingefügten Inhalte. Wird die Feldhöhe mit der entsprechenden Option festgelegt, erscheint auf allen Textseiten mit längeren Inhalten eine Scroll-Leiste.
|
| ▪ | Automatische Wiedergabe [Sek]: Bei Aktivierung dieser Option kann ein Zeitintervall in Sekunden eingestellt werden, das verstreichen muss, bevor automatisch die nächste Textseite angezeigt wird. |
| ▪ | Innenabstand: Definiert den Rand in Pixeln, also den Freiraum zwischen dem Rahmen und dem Inhalt der Textseiten. |
| ▪ | Effekt: Definiert für die Textseiten einen Einblend-Effekt. |
|
Praktische Anwendung:
Zusatzinformationen:
