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 01/2015: E-Books im Griff

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

Ubuntu 14.10 und VirtualBox
Ubuntu 14.10 und VirtualBox
Tim Schürmann, 08.11.2014 18:45, 0 Kommentare

Wer Ubuntu 14.10 in einer virtuellen Maschine unter VirtualBox startet, der landet unter Umständen in einem Fenster mit Grafikmüll. Zu einem korrekt ...

Aktuelle Fragen

PCLinuxOS Version 2014.08 "FullMonty" Umstellung auf deutsch
Karl-Heinz Welz, 19.12.2014 09:55, 2 Antworten
Hallo, liebe Community, ich bin 63 Jahre alt und möchte jetzt nach Jahrzehnten Windows zu Linux...
ICEauthority
Thomas Mann, 17.12.2014 14:49, 2 Antworten
Fehlermeldung beim Start von Linux Mint: Could not update ICEauthority file / home/user/.ICEauth...
Linux einrichten
Sigrid Bölke, 10.12.2014 10:46, 5 Antworten
Hallo, liebe Community, bin hier ganz neu,also entschuldigt,wenn ich hier falsch bin. Mein Prob...
Externe USB-Festplatte mit Ext4 formatiert, USB-Stick wird nicht mehr eingebunden
Wimpy *, 02.12.2014 16:31, 0 Antworten
Hallo, ich habe die externe USB-FP, die nur für Daten-Backup benutzt wird, mit dem YaST-Partition...
Steuern mit Linux
Siegfried Markner, 01.12.2014 11:56, 2 Antworten
Welches Linux eignet sich am besten für Steuerungen.