Alles anzeigen

Arbeiten im HTML-Modus

Um in den HTML-Modus (Quellcodebearbeitung) zu wechseln, klicken Sie unten im Hauptfenster auf die Registerkarte HTML, oder drücken Sie F6. Sie können auch gleichzeitig im HTML- und Bearbeitungsmodus arbeiten. Klicken Sie hierzu im Menü Ansicht auf Modus, und klicken Sie auf Bearbeiten & HTML.

Namo Web Editor icon reveal Arbeiten im HTML ModusFeatures und Optionen zum Bearbeiten von Quellcode

Das Arbeiten im HTML-Modus von Namo WebEditor entspricht weitestgehend dem Verwenden eines Texteditors, wobei Ihnen jedoch zur einfacheren HTML-Bearbeitung zusätzliche Funktionen zur Verfügung stehen. Zu den Standardfunktionen, die alle ein- und ausgeschaltet bzw. angepasst werden können, zählen die Folgenden:

Codeunterstützung

Wenn Sie mit der Eingabe eines Tag-, Attribut- oder CSS-Eigenschaftennamens oder eines CSS-Werts beginnen, wird eine Dropdownliste der möglichen Eingaben unterhalb der Einfügemarke angezeigt. Bei der weiteren Eingabe werden, basierend auf den eingegebenen Zeichen, geeignete Namen/Werte vorgeschlagen. Wenn das gewünschte Element markiert ist, können Sie es durch Drücken der Tabulatortaste oder Eingabetaste einfügen. Sie können außerdem mithilfe der Maus einen Bildlauf durch die Liste durchführen; durch einen Doppelklick auf ein Element wird dieses eingefügt.

Namo Web Editor 8.source editing.html mode Arbeiten im HTML Modus

Farbdarstellung Quelle

Verschiedene Teile des Quellcodes werden entsprechend ihrer Funktion mit Farben versehen. Zu den farbigen Elementen gehören Tags, Attributnamen und -werte, Entitäten, Kommentare, CSS-Auswahlen und -Eigenschaften usw. Neben einer Farbcodierung für HTML wird auch eine Farbdarstellung für ASP-, PHP-, JSP- und JavaScript-Code unterstützt.

Zeilennummerierung

Im Quellcode werden Zeilennummern am linken Rand angezeigt.

Hervorhebung der aktuellen Zeile

Die aktuelle Zeile (welche die Einfügemarke enthält) wird hervorgeboben, damit Sie problemlos erkennen können, wo Sie sich im Quellcode befinden.

Automatischer Einzug

Wenn Sie hinter einer eingerückten Zeile eine neue Codezeile beginnen, rückt Namo WebEditor die neue Zeile um dasselbe Maß ein.

Weicher Zeilenumbruch

Zeilen, die zu lang sind, um in das Fenster zu passen, werden am rechten Rand “weich umgebrochen”, damit Sie keinen horizontalen Bildlauf durchführen müssen, um eine ganze Zeile anzuzeigen.

Um diese oder andere Einstellungen zu ändern, wie z.B. die im HTML-Modus verwendete Schriftart, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle des HTML-Fensters und klicken auf Bearbeitungsoptionen Quelle.

Namo Web Editor icon reveal Arbeiten im HTML ModusEinfügen von Elementen im HTML-Modus

Mithilfe von Befehlen und Symbolleistenschaltflächen können Sie im HTML-Modus schnell verschiedene Typen von Elementen einfügen, ohne diese eingeben zu müssen. Die Befehle, Untermenüs und Schaltflächen zum Einfügen von Elementen im HTML-Modus werden im Folgenden beschrieben.

Im Menü Einfügen:

  • Bild > Bild, Clipart
  • Hyperlinks
  • Horizontale Linie
  • Zeilenumbruch
  • Formular
  • Skript > Body-Skript
  • Objekt
  • Kommentar
  • Andere > Datum und Uhrzeit, Geschütztes Leerzeichen

Im Menü Tabelle:

  • Neue Tabelle

Auf der Standardsymbolleiste:

Namo Web Editor button insert clipart Arbeiten im HTML Modus

Clipart einfügen

Namo Web Editor button insert image Arbeiten im HTML Modus

Bild einfügen

Namo Web Editor button create table Arbeiten im HTML Modus

Tabelle erstellen

Namo Web Editor button hyperlink Arbeiten im HTML Modus

Hyperlinks

Auf der Formatierungssymbolleiste:

Namo Web Editor bullet disk Arbeiten im HTML Modus

Schriftart

Namo Web Editor bullet disk Arbeiten im HTML Modus

Schriftgröße

Namo Web Editor button bold Arbeiten im HTML Modus

Fett

Namo Web Editor button italic Arbeiten im HTML Modus

Kursiv

Namo Web Editor button underline Arbeiten im HTML Modus

Unterstrichen

Namo Web Editor icon reveal Arbeiten im HTML ModusHilfe zu Tags und Eigenschaften

Namo WebEditor bietet eine umfassende HTML/CSS-Online-Referenz. Drücken Sie Umschalt+F1, um das entsprechende Fenster zu öffnen.

Verwandte Themen

Dialogfeld “Einstellungen” – Registerkarte “HTML-Quellcode”

Arbeiten im HTML-Modus