HTML gezaubert

Web-Seiten mit Quanta+

01.11.2001
Wer im World Wide Web präsent sein will, hat die Wahl: Geld ausgeben für eine Auftragsarbeit oder Zeit investieren ins Selbermachen. Mit dem HTML-Editor Quanta+ fällt die Entscheidung für Letzteres leicht.

Zum Erstellen von Web-Seiten greifen Hartgesottene und erfahrene Linux-User selbstverständlich zu Vi oder Emacs. Doch wer sich seiner HTML-Kenntnisse noch nicht sicher ist, schaut sich erst einmal nach einem HTML-Editor um, dessen grafische Oberfläche die ersten Schritte zur eigenen Homepage erleichtert. Eines dieser Programme ist Quanta+ (http://quanta.sourceforge.net/).

Quanta fügt sich nahtlos in die Desktop-Umgebung KDE ein und gleicht vom Look&Feel und vom Verhalten her anderen KDE-Programmen. Jemand, der bereits mit KDE-Applikationen gearbeitet hat, wird sich sofort zurecht finden. Selbstverständlich läuft das Programm auch unter anderen Desktop-Umgebungen und Window-Managern.

Da die Entwicklungsschritte zwischen den einzelnen Beta-Versionen meist deutliche Verbesserungen aufweisen, empfiehlt es sich, die jeweils neueste Version zu installieren. Dieser Artikel bezieht sich auf die Version 2.0.pr2-60. Das Beta-Stadium sollte Sie nicht beunruhigen, denn das Programm arbeitet stabil.

Wie unter Linux allgemein üblich, wird es entweder auf einem X-Terminal mit quanta & oder – so vorhanden – über eines der Auswahlmenüs Ihres Desktop-Environments gestartet.

Der Arbeitsplatz

Abbildung 1: Die Quanta-Gesamtansicht

Auch wenn es auf den ersten Blick nicht so wirkt, ist Quanta+ inzwischen eine richtige kleine IDE. Dementsprechend komplex sind die Hilfsangebote und die Konfigurationsmöglichkeiten des Programms.

Nach dem Aufruf präsentiert es sich in einer dreigeteilten Ansicht (Abbildung 1). Ganz links finden Sie Ihren Verzeichnisbaum, rechts daneben das Editor-Fenster und darunter das Message Window, das die verschiedensten Meldungen ausgeben kann.

Sowohl die Dateibaumansicht als auch das Editor-Fenster bieten verschiedene Reiter an, durch die Sie sich von links nach rechts durchklicken können. Die Baumdarstellung verdeckt eine Übersicht über das spätere HTML-Dokument, die Projektansicht und den Zugriff auf die verschiedensten Manuals (HTML, Javascript, PHP4und CSS), die teils von der lokalen Festplatte, teils aus dem Internet hinzugelinkt werden.

HTML besteht aus einer Vielzahl von Formatanweisungen, die sich unterschiedlichen Funktionsgruppen zuordnen lassen. Entsprechend fassen die Quanta-Autoren ähnliche oder zusammenhängende Auszeichnungsmöglichkeiten auf Reitern oberhalb des Editorbereichs zusammen. Ein Klick darauf bringt eine entsprechende Werkzeugleiste zum Vorschein.

Der erste Reiter mit der Aufschrift Normal enthält Formatierungsanweisungen, wie Sie sie von einem Textverarbeitungsprogramm her kennen. Wenn Sie den Mauszeiger über einem Tool-Icon ruhen lassen, verrät Ihnen der Tooltipp die Funktion des entsprechenden Buttons.

Die übrigen Karteikarten bieten Buttons zur Schriftauswahl, Tabellen- und Listenerstellung, zur Gestaltung von Formularen und eine Gruppe Funktionen, die sich keiner der Kategorien eindeutig zuordnen lassen. Darunter fällt zum Beispiel ein Farbauswahldialog.

Erste Schritte

Auf der Normal-Karteikarte (Abbildung 1) fällt ganz links ein Icon auf, das nicht so recht mit den übrigen Tools zur Absatz- und Zeichenformatierung harmoniert. Ein Klick auf dieses leere Blatt mit Zauberstab sorgt für einen Quick-Start, bei dem Sie ein Assistent durch die wichtigsten Voreinstellungen Ihres HTML-Dokument führt: Titel, Hintergrundbild oder -farbe, Schrift- und Linkfarbe legen Sie so auf einfache Weise fest (Abbildung 2).

Mit einem Klick auf den OK-Button wird nun das Grundgerüst des HTML-Dokuments ins Editor-Fenster geladen und der Cursor zwischen die Body-Tags gesetzt, damit Sie sofort loslegen können.

Diese Grundeinstellung reicht freilich nicht aus, um einer Web-Seite ein ansprechendes Äußeres zu verleihen, sodass der Wunsch nach weiteren Formatierungsmöglichkeiten entsteht. Hier haben Sie nun zwei Möglichkeiten, eine HTML-Datei zu bearbeiten.

Entweder Sie wissen bereits, welches Element Sie als nächstes benötigen. Dann klicken Sie das entsprechende Icon an. Quanta erzeugt daraufhin sowohl das Anfangs-, als auch das Endtag und platziert den Cursor dazwischen, sodass Sie den zugehörigen Text sofort an der richtigen Stelle eingeben können. Oder Sie schreiben zunächst Ihren Text und überlegen sich im Nachhinein, wie er formatiert werden soll. In diesem Falle markieren Sie die entsprechende Stelle und klicken dann auf das Icon mit der gewünschten Formatanweisung. Quanta umschließt den markierten Text mit dem passenden Tag-Paar.

Einzelne Teile des Dokuments färbt der Editor ein. Dieses "Programmiererbunt" (in der Fachsprache Syntax-Highlightinggenannt) hilft bei der Orientierung im Quelltext und der Fehlerkorrektur. Sollten sich Syntaxelemente während der Eingabe farblich nicht passend verändern, hat sich eine Ungenauigkeit eingeschlichen. Hier gilt es, genauer hinzuschauen oder die Online-Hilfe zu konsultieren.

Wann immer Sie sich das Ergebnis Ihrer Bemühungen in der Browser-Ansicht ansehen wollen, klicken Sie in der Quanta-Werkzeugleiste auf das Icon mit dem Auge oder drücken [F6]. Damit schaltet das Programm auf die interne Vorschau um (Abbildung 4). Mit einem nochmaligen Druck auf [F6] kommen Sie zur Code-Ansicht zurück.

Die Vorschau genügt, um die entstehende Seite schnell zu überprüfen, garantiert aber nicht das gewünschte Aussehen in den verschiedenen Browsern. Hierzu müssen Sie die Datei abspeichern und in den jeweiligen externen Web-Browser laden.

LinuxCommunity kaufen

Einzelne Ausgabe
 
Abonnements
 

Ähnliche Artikel

  • Eigene Aktionen in Quanta definieren
    Ewig wiederkehrende Arbeitschritte sind der Alptraum jedes Web-Designers. Quantas benutzerdefinierte Aktionen erlauben es, den HTML-Editor perfekt an die eigenen Bedürfnisse anzupassen und viele Vorgänge zu automatisieren. Wir zeigen, was die aktuelle Version an Skripting-Möglichkeiten bietet und worauf sich HTML-Künstler in der nächsten Quanta-Release freuen können.
  • K-tools
    In dieser Rubrik stellen wir Monat für Monat Tools vor, die sich bei der Arbeit unter KDE als besonders nützlich erweisen, eine Aufgabe erfüllen, die sonst geflissentlich unbeachtet bleibt, oder einfach nur zu den netten Dingen im Leben gehören, die man – einmal entdeckt – nicht mehr missen möchte.
  • K-splitter
  • So gestalten Sie Ihre Homepage
    Die eigene Homepage zu gestalten ist nicht schwer – sie regelmäßig zu unterhalten hingegen sehr. Dieser Artikel verschafft Ihnen das nötige Wissen für die Gestaltung und den Unterhalt Ihres Internetauftritts.
  • In Code gegossene Ergebnisse der KDE-Konferenz
    Wenn sich 76 KDE-Entwickler und -Entwicklerinnen eine Woche lang zum gemeinsamen Programmieren treffen, hat der Desktop anschließend mehr Features und hoffentlich weniger Fehler. Wir wollten genauer wissen, was uns in KDE 3.2 und darüber hinaus erwartet.
Kommentare

Infos zur Publikation

LU 05/2015: Daten visualisieren

Digitale Ausgabe: Preis € 4,95
(inkl. 19% MwSt.)

Mit der Zeitschrift LinuxUser sind Sie als Power-User, Shell-Guru oder Administrator im kleinen Unternehmen monatlich auf dem aktuelle Stand in Sachen Linux und Open Source.

Sie sind sich nicht sicher, ob die Themen Ihnen liegen? Im Probeabo erhalten Sie drei Ausgaben zum reduzierten Preis. Einzelhefte, Abonnements sowie digitale Ausgaben erwerben Sie ganz einfach in unserem Online-Shop.

NEU: DIGITALE AUSGABEN FÜR TABLET & SMARTPHONE

HINWEIS ZU PAYPAL: Die Zahlung ist auch ohne eigenes Paypal-Konto ganz einfach per Kreditkarte oder Lastschrift möglich!       

Tipp der Woche

Grammatikprüfung in LibreOffice nachrüsten
Grammatikprüfung in LibreOffice nachrüsten
Tim Schürmann, 24.04.2015 19:36, 0 Kommentare

LibreOffice kommt zwar mit einer deutschen Rechtschreibprüfung und einem guten Thesaurus, eine Grammatikprüfung fehlt jedoch. In ältere 32-Bit-Versionen ...

Aktuelle Fragen

Admin Probleme mit Q4os
Thomas Weiss, 30.03.2015 20:27, 6 Antworten
Hallo Leute, ich habe zwei Fragen zu Q4os. Die Installation auf meinem Dell Latitude D600 verl...
eeepc 1005HA externer sound Ausgang geht nicht
Dieter Drewanz, 18.03.2015 15:00, 1 Antworten
Hallo LC, nach dem Update () funktioniert unter KDE der externe Soundausgang an der Klinkenbuc...
AceCad DigiMemo A 402
Dr. Ulrich Andree, 15.03.2015 17:38, 2 Antworten
Moin zusammen, ich habe mir den elektronischen Notizblock "AceCad DigiMemo A 402" zugelegt und m...
Start-Job behindert Bootvorgang, Suse 13.2, KDE,
Wimpy *, 20.02.2015 10:32, 4 Antworten
Beim Bootvorgang ist ein Timeout von 1 Min 30 Sec. weil eine Partition sdb1 gesucht und nicht gef...
Konfiguration RAID 1 mit 2 SSDs: Performance?
Markus Mertens, 16.02.2015 10:02, 6 Antworten
Hallo! Ich möchte bei einer Workstation (2x Xeon E5-2687Wv3, 256GB RAM) 2 SATA-SSDs (512GB) al...