HTML-Code-Objekt

Schritt 3 - Erstellen der Seiten >

HTML-Code-Objekt

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Für jeden Inhalt, der auf einer Seite angezeigt werden kann, bietet WebSite X5 ein spezifisches Objekt, wie Text, Bild, Flash-Animation, E-Mail-Formular usw. Dank der Möglichkeit, darüber hinaus auch HTML-Code-Objekt zu verwalten, werden die Möglichkeiten praktisch unbegrenzt. Mit dem HTML-Code-Objekt können direkt Code-Blöcke eingefügt werden, um spezifische Funktionen umzusetzen, auch wenn diese standardmäßig nicht vorgesehen sind.

Sie Optionen für die Erstellung eines HTML-Code-Objekt sind in folgende Bereiche gegliedert: HTML-Code und Erweitert.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Optionen im Bereich HTML-Code

In diesen Bereich können Sie in dem dort verfügbaren Editor HTML-Code eingeben, der in die Website übernommen werden soll.

Der Editor im Bereich HTML-Code bietet folgende Optionen:

Ausschneiden [CTRL+X] - Kopieren [CTRL+C] - Einfügen [CTRL+V]

Ausschneiden, Kopieren und Einfügen von ausgewähltem Text.

Abbrechen [Strg+Z] - Wiederherstellen [ALT+UMSCHALT+BACKSPACE]

Zum Annullieren/Wiederherstellen der zuletzt durchgeführten/annullierten Operation.

Widgets einfügen

Fügt den Code des ausgewählten Widgets ein: Klicken Sie auf den Pfeil neben der Schaltfläche, um die Liste aller verfügbaren Widgets.

Um das Schreiben/Lesen des Codes zu erleichtern, enthält der HTML-Editor:

die automatische Nummerierung der Codezeilen;
dieSyntaxhervorhebung (Syntax highlighting). Mit dieser Funktion werden bestimmte Elemente des Codes in unterschiedlichen Farben dargestellt, ohne dass dies die Bedeutung der Textsequenzen beeinflusst;

Man kann sich leicht vorstellen, dass die Einführung dieser Funktionen nicht nur das Schreiben von Code beschleunigt, sondern auch dazu beiträgt, die Struktur des eingefügten Codes klarer und lesbarer zu machen, was daher ermöglicht, eventuelle Fehler einfacher zu identifizieren.

Hinweise zur Kompatibilität mit Vorgängerversionen:

Verfügbare Objekte - In der vorherigen Version 10 wurdeHTML-Code-Objekt durch eine Reihe von Widgets begleitet. In der aktuellen Version 11 wurden die Widgets verbessert und als optionale Objekte eingefügt, die direkt bei Schritt 3 - Erstellen der Seitenverwendet werden können.

Im Bereich Eigenschaften stehen folgende Optionen zur Verfügung:

Breite: Hier wird die Breite des HTML-Code-Objekt angezeigt. Dieser Wert wird auf der Grundlage des im Layout-Schema verfügbaren Platzes automatisch definiert.
Höhe: Hier kann die Höhe des HTML-Code-Objekt eingestellt werden.
Automatische Höhe aktivieren: Sorgt dafür, dass das Objekt automatisch sich an der minimale erforderlich Höhe anpasst damit es korrekt angezeigt wird, damit keine Scroll-Leiste benutzt wird. Die Option ist nur wirksam, wenn das Objekt innerhalb einer Zeile des Layout-Schema platziert ist, wo keine andere Objekte vorhanden sind, dessen Höhen die Höhe des Layout der Seite festlegen.
Bildlaufleisten anzeigen: Diese Option ist standardmäßig aktiviert und bewirkt das automatische Einfügen einer Bildlaufleiste, wenn das HTML-Code-Objekt höher ist, als unter Höhe eingestellt wurde.
Klicken Sie um zu erweitern/minimierenAnleitung: Die Optionen des Bereichs Erweitert

Mit den Funktionen dieses Bereichs können Sie ein Stylesheet (CSS) erstellen und/oder die Liste der Dateien definieren, die mit dem aktiven Objekt HTML und Widgets verknüpft werden sollen.

Im Bereich CSS-Code befindet sich ein Editor (identisch mit dem im Tab HTML-Code), in den Sie den Code für ein Stylesheet eingeben können. Zur Erinnerung: Mit Stylesheets definieren Sie die grafischen Eigenschaften der HTML-Seiten, mit denen sie verknüpft sind.

Im Bereich Mit dem HTML-Code verlinkte Dateien hingegen werden alle verknüpften Dateien in einer Übersicht angezeigt, die neben den Dateinamen auch deren Serverpfad enthält.

Um die Liste der mit dem HTML-Code verknüpften Dateien zusammenzustellen, stehen Ihnen folgende Optionen zur Verfügung:

Hinzufügen...: Öffnet das Dialogfenster Verlinkte Datei hochladen, in dem Sie eine neue verknüpfte Datei auswählen können.
Bearbeiten...: Öffnet ebenfalls das Dialogfenster Verlinkte Datei hochladen, in dem Sie die Einstellungen für die aus der Liste der verknüpften Dateien ausgewählte Datei ändern können.
Entfernen: Löschen einer markierten Datei aus der Übersicht der verlinkten Dateien.