Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.

Transkript

1 5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor Allgemeine en Die allgemeinen en beschreiben bekannte Schaltflächen wie "Kopieren", "Ausschneiden", "Suchen" und "Ersetzen". Die folgende Tabelle erklärt die en der einzelnen Schaltflächen. Inhalt ausschneiden Inhalt kopieren Inhalt einfügen Inhalt aus Textdatei einfügen. Es öffnet sich ein Editorfenster, in das Sie Ihren Inhalt einfügen können. So übernehmen Sie den Inhalt ohne Formatierungen. Inhalt aus Word einfügen. Diese steht zur Zeit noch nicht zur Verfügung Den letzten Schritt rückgängig machen Den letzten Schritt wiederherstellen Suchen. Ein Editorfenster öffnet sich. Tragen Sie hier den Begriff ein, nachdem Sie suchen. Beachten Sie, dass von der aktuellen Cursorposition im Dokument weitergesucht wird. Suchen und ersetzen. Alles auswählen Formatierung entfernen Tabelle 8: Allgemeine en im Editor

2 Textfunktionen Zur Textbearbeitung stehen ebenso alle wichtigen en zur Verfügung. Zur Übersicht dient die folgende Tabelle. Textfarbe ändern (Text-) Hintergrundfarbe ändern Schriftformatierung: fett Schriftformatierung: kursiv Schriftformatierung: unterstrichen Schriftformatierung: durchgestrichen Schriftformatierung: tiefer gestellt Schriftformatierung: hoch gestellt Schriftart ändern Schriftgröße ändern Tabelle 9: Textfunktionen im Editor Listen Mit Hilfe des Editors ist es nun ganz einfach möglich, selbständig Listen in die Webseite einzufügen. Es gibt zwei Optionen: durchnummeriert und Bulletpoints. Zum Entfernen einer Listen-Formatierung klicken Sie einfach bei markiertem Absatz erneut auf die Schaltfläche. Nummerierte Liste einfügen Liste mit Bulletpoints einfügen Tabelle 10: Listenfunktionen im Editor

3 Einzug und Ausrichtung Das Ausrichten von Text und Grafiken können Sie ebenfalls mit Hilfe der Schaltflächen im Editor erledigen. Dazu stehen folgende en zur Verfügung: Texteinzug verringern Texteinzug erhöhen Linksbündig ausrichten Zentriert ausrichten Rechtsbündig ausrichten Textausrichtung Bocksatz Tabelle 11: Einzug und Ausrichtung im Editor Hyperlinks und Uploads Mit Hilfe des Editors ist es möglich, selbständig an jeder beliebigen Stelle des Textes Links einzufügen. Hierzu steht ein umfangreiches Tool zur Verfügung. Um einen Link einzufügen, markieren Sie die entsprechenden Wörter und klicken auf das Symbol. Danach öffnet sich eine Dialogbox, in der Sie alle nötigen Einstellungen für die Verlinkung, inkl. eines Uploads einer verlinkten Datei, vornehmen können. Hyperlink hinzufügen Hyperlink entfernen Tabelle 12: Hyperlinkfunktionen im Editor Anker setzen. Anker sind Markierungen in der Seite, die mit einem Link direkt angesprungen werden können

4 Hyperlink einfügen Bild 34: Hyperlink einfügen im Editor: Link Info Im ersten Dialog der Hyperlink-Box können Sie eintragen, wohin Sie verlinken möchten. Standardmäßig verlinken Sie auf eine URL (Webadresse). Möglich sind auch Anker oder -Adressen. Wählen Sie danach aus, welcher Art die Zieladresse ist bzw. welches Protokoll verwendet wird das Ziel aufzurufen. Möglich sind hier "http", "https", "ftp", "news" oder ein von Ihnen definiertes Protokoll. Das Kontextmenü ändert sich entsprechend Ihren Einstellungen und fragt die nötigen Informationen ab. Im Karteireiter "Zielseite" können Sie einstellen, wie die Zielseite aufgerufen werden soll. Da Ihre maklerseite eine Einseitenlösung ist, spielt die Option "Frame" keine Rolle für Sie. Die en "Gleiches Fenster" und "Neues Fenster" erklären sich selbst. Interessant ist die "Popup". Hier können Sie die Eigenschaften des Fensters beeinflussen, in dem sich das neue Dokument öffnen soll. Bild 35: Hyperlink einfügen im Editor: Popup

5 Im Karteireiter "Upload" können Sie alternativ auch eine Datei auswählen, die verlinkt werden soll. Mit Hilfe dieser wird die Datei auch direkt auf den Server geladen und steht direkt zur Verfügung. Bild 36: Hyperlink einfügen im Editor: Upload Zu guter Letzt können Sie im Karteireiter "Erweitert" noch einige Einstellungen für die Darstellung des Hyperlinks vornehmen. Hierzu sind aber genauere Kenntnisse des Auszeichnungssprachen HTML und CSS nötig. Bild 37: Hyperlink einfügen im Editor: Erweiterte en

6 Anker einfügen Haben Sie zuvor in die Webseite Anker eingefügt, werden diese nach Auswahl des Menüpunktes "Anker in dieser Seite" im Karteireiter "Linkinfo" angezeigt. Sie müssen dann nur noch den entsprechenden Anker aus der Liste auswählen Verlinkung einfügen Wenn Sie in Ihrem Text eine Verlinkung auf eine -Adresse einfügen möchten, wählen Sie in der Hyperlink Dialog Box "Link Info" die Auswahl " ". Daraufhin ändert sich die Dialogbox und Sie können den Empfänger, die Betreffzeile und einen vorgegebenen Text eintragen, der standardmäßig in die des Besuchers eingetragen wird, wenn er den Link verwendet und sein -Programm sich öffnet. Zu guter Letzt können Sie im Karteireiter "Erweitert" noch einige Einstellungen für die Darstellung des Hyperlinks vornehmen. Hierzu sind aber genauere Kenntnisse des Auszeichnungssprachen HTML und CSS nötig. Bild 38: Hyperlink einfügen: Verlinkung

7 Bilder und Uploads Mit Hilfe des Editors ist es ebenso einfach möglich, Bilder in der Webseite zu laden und diese auszurichten. Hierzu öffnet sich ebenfalls eine Dialogbox, die Ihnen umfangreiche Einstellungen zu dem betreffenden Bild ermöglicht. Gleiches gilt auch für das Einfügen von Flashelementen. Bild einfügen Flash einfügen Tabelle 13: Bilder und Flashelemente einfügen im Editor In der Dialogbox können Sie Bilder vom Server auswählen, eigene Bilder hochladen und diese verlinken. Im Dialog "Bild-Info" nehmen sie zusätzlich noch Einstellungen zu Größe, Ausrichtung, Rahmen und Freiraum vor. Ein Vorschaufenster zeigt Ihnen, wie sich das gewählte Bild zu bestehendem Text ausrichtet. Bild 39: Bilder einfügen im Editor

8 Tabellen und Linien Möchten Sie in Ihre Webseite Tabellen einfügen, bietet der Editor hierfür ebenfalls ein eigenes Dialogfester an. Es öffnet sich bei Klick auf den Button "Tabelle einfügen": Hier können Sie die Tabelle genau definieren, die Sie einfügen möchten. Einstellbar sind: Anzahl der Zeilen und Spalten, Höhe und Breite, Rahmen, Ausrichtung und Zellenabstände. So können Sie einfach und unkompliziert Tabellen für Ihre Webseite erstellen. Bild 40: Einfügen einer Tabelle im Editor Möchten Sie eine Trennlinie in die Seite einfügen, klicken Sie einfach auf die staste. Die Linie wird automatisch eingefügt.