Die Oberfläche von Quanta kann fast beliebig verändert werden.
Speziell über den Menüpunkt Fenster/MDI-Modus kann man die Oberfläche Quantas total umkrempeln. Aber eigentlich ist da die Grundeinstellung die beste (IDEAI-Modus). Zu viele Fensterchen erschweren nur die Übersicht.
Die beiden Seitenfenster und das Nachrichtenfenster können außerdem mit den Mini-Icons an ihren rechten oberen Ecken ab- und angedockt, geschlossen oder überlappt werden.Das Abdocken bringt meines Erachtens nicht viel, das Überlappen kann praktisch sein, wenn man mit sehr verschachtelten Ordnerstrukturen arbeitet. Das Nachrichtenfenster ist sonst zu schmal, um den Unterordner des Unterordners des... noch übersichtlich darzustellen.
Ersatzmenü für Imagemap:
Den Werkzeugleisten (1.) und dem Editor-Fenster (2.) sind eigene Kapitel gewidmet.
Navigationsfenster (3.)
Dateien
Mit dem Computer-Icon am linken Rand des Programm-Fensters öffnet man den Reiter Dateien. Er bietet Zugang zum gesamten Dateisystem. Über das Kontextmenü kann man neue Ordner erstellen, Dateien öffnen, kopieren oder mal eben ganze Ordner ins Projekt einfügen, usw.
Projekt
DAS zentrale Feature von Quanta ist die Projekte-Verwaltung. Schon nach kurzer Zeit weiß man gar nicht mehr, wie es jemals ohne funktioniert hat.
Im Navigations-Fenster des Screenshots ist der Projekt-Reiter aufgeklappt. Er stellt das jeweils geöffnete Projekt in einer Baumstruktur dar (incl. der Vorlagen und Projekt-Werkzeugleisten). Ein Doppelklick öffnet das gewünschte Dokument.
Die Dateien in Fettschrift sind gerade geöffnet. Über das Kontextmenü kann man Dateien verschieben, löschen, hochladen...
Vorlagen
Die Vorlagen sind sortiert nach globalen, lokalen und Projektvorlagen. Eine Vorlage kann ein ganzes Dokument sein, oder ein kleiner Text-Schnipsel. Je nachdem, welcher Kategorie eine Vorlage beim Erstellen zugeordnet wurde, steht sie immer oder nur in einem speziellen Projekt zur Verfügung. Gespeichert wird eine Vorlage über Datei/Als Vorlage Speichern....
Dokumentstruktur
Dieser Reiter stellt die Struktur des momentan geöffneten Dokumentes dar. Allerdings: In Version 3.4.2 wurde der <body>-Tag mit allen verschachtelten Elementen in einer Zeile dargestellt, worunter die Übersichtlichkeit empfindlich litt.Seit Version 3.5 funktioniert das Tool so, wie es sollte, und zwar für (X)HTML, PHP und (mit gewissen Einschränkungen) für Javascript. Die Baumstruktur hat sogar Icons für Absätze, Bilder, Kommentare usw. Auf Fehler in der Dokument-Struktur wird durch kleine rote Buttons in der Symbolleiste links am Editor-Fenster aufmerksam gemacht.
Ein Tipp: Stellt in Einstellungen/Quanta Einrichten.../Parser um auf Aktualisieren in Echtzeit. Sonst hat Quanta bei Änderungen am Quelltext während der DOM-Analyse Stabilitätsprobleme.
Skripte
Ebenfalls wieder in einer Baumstruktur unterteilt nach global, lokal und Projekt, hat man über diesen Reiter Zugang zu diversen Skripten.
Nachrichtenfenster (4.)
Mit den beiden Icons (Version 3.4.2) am unteren Rand des Programmfensters kann man das Nachrichten- und Probleme-Fenster öffnen. Das Nachrichtenfenster klappt automatisch auf, wenn ein Quanta-Skript (z.B. die externe Vorschau oder HTML-Tidy) gestartet wurde und gibt die Ergebnisse aus. Auf das HTML-Tidy Skript wird im Kapitel Praxistipps genauer eingegangen.
In Version 3.5 sind das Annotations-Fenster und (bei Aufruf des Plugins) das Konsole-Fenster hinzugekommen. Das Konsole-Fenster ist einfach eine KDE-Shell im Nachrichtenfenster, die ihren Pfad der jeweiligen Datei anpasst (cd).
Das Annotations-Fenster bezieht sich auf spezielle Kommentare:
Wird ein Kommentar mit <!--@annotation eingeleitet (das müsst ihr natürlich nicht von Hand schreiben, es gibt ein "Annotate"-Gadget für die Werkzeugleiste), kann dieser Kommentar gesondert in einem .log-Dokument gespeichert oder an Team-Mitglieder gesendet werden - ein Feature hauptsächlich für die Teamarbeit.
Handbuch & Attribut-Editor (5.)
Die beiden Icons ganz rechts am Fensterrand öffnen die Dokumentation und den Attribut-Editor.
In Quanta gleich mit dabei ist ein umfassendes englisches Handbuch für PHP, Javascript, HTML und CSS. Bei Unsicherheiten, ein Tag oder Attribut betreffend, kann man schnell mal nachlesen. Da der Großteil davon offline zur Verfügung steht, ist es eine gute Alternative, falls sefhtml gerade nicht erreichbar ist.
Die Dokumentation öffnet sich je nach Einstellung in Einstellungen/Quanta einrichten/Benutzerschnittstelle in einem neuen Tab im Editor-Fenster oder darunter als Nachrichtenfenster. Ein neuer Tab ist auf jeden Fall besser, da man eine größere Fläche zum Lesen hat.
Der Attribut-Editor listet die Attribute und dazu gehörenden Werte des Tags auf, in dem der Cursor gerade steht. Über das Dropdown-Menü kann man schnell zu den übergeordneten Tags wechseln.
Weitere Attribute hinzufügen geht einfach durch Klick auf das gewünschte Attribut und einfügen des Wertes. Hauptsächlich gedacht ist das Tool für die Attribut-Verwaltung in der VPL-Ansicht.