Die HTML-Code-Ansicht


Der Editor verfügt auch über die sogenannte HTML-Codeansicht. Fortgeschrittene Anwender können die Seite mit HTML-, Javascript- sowie CSS optimieren.

 Die Code-Ansicht ist nur eine Zusatzfunktion, Programmierkenntnisse sind für die allgemeine Bedienung der bluetronix Software nicht erforderlich.

Die HTML-Code Ansicht stellt die unterschiedlichen Tag-Elementen in verschiedenen Farben in einer übersichtlichen Form dar. Über die Code-Ansicht kann auf den gesamten HTML-Code (<HTML> <HEAD> und <BODY>) zugegriffen werden.

Beispiel für die Code-Ansicht

Öffnen Sie eine neue Seite im Editor und wechseln Sie in die Code-Ansicht. Die sogenannten Tags werden in spitzen Klammern „< ... >“ dargestellt. Fügen Sie hinter dem Body-Tag „<BODY>“ den folgenden Code ein:

<b>Dies ist der "Bold"-Tag für Fettschrift</b>

Klicken Sie erneut auf Code-Ansicht, um in die normale Ansicht zu wechseln. Der Text wird in Fettschrift dargestellt.

Wechseln Sie erneut in die Code-Ansicht und geben Sie den folgenden Code ein:

<a href="javascript:alert('Hallo')">Hier klicken</a>

Klicken Sie erneut auf Code-Ansicht, um in die normale Ansicht zu wechseln und Speichern Sie die Seite. Schließen Sie den Editor und klicken Sie auf Ihrer Homepage auf „Hier klicken“.

Der obige Code erzeugt mit <a href=““> ... Text ... </a> einen Link. In href=“...“ wird das Ziel des Links festgelegt. Hier im Beispiel wird eine Javascript-Funktion (alert) aufgerufen, welche die Meldung „Hallo“ in einem Meldungsfenster anzeigt.

Im Internet finden Sie zahlreiche Webseiten und Communities, welche sich dem Thema HTML, Javascript etc. widmen.

Homepage Software Kapitelauswahl