Wiki

Webeditoren

Webeditoren

Ein wichtiges Feld der Arbeit am PC ist der Bereich der Entwicklung, Gestaltung und Pflege von Internetauftritten. Will man Internetseiten von Hand erstellen oder bearbeiten, so geschieht dies in der Regel mit einem Editor. Da sich die Arbeit durch die Wahl eines geeigneten Editors wesentlich vereinfachen lässt, soll hier eine Auswahl vorgestellt werden. Hilfreich ist auch die Übersicht der allgemeinen Editoren. Nützliche Funktionen enthalten insbesondere die Programme gedit (GNOME), Geany (Xfce, LXDE) und Kate (KDE).

Profis bevorzugen dagegen zur Webentwicklung bzw. -programmierung oft komplette Entwicklungsumgebungen (IDE). Content Management Systeme (CMS) wie TYPO3 oder Joomla! lösen das Problem wiederum auf andere Weise: die Pflege wird durch den Anwender selbst online vorgenommen. Spezielle Kenntnisse sind dann nicht notwendig, auch wenn sie den Umgang mit einem CMS erleichtern.

Übersicht

Name Verwendung Plugins Code Completion Ubuntu-Paket Webseite
Amaya "Proof-of-Concept" WYSIWYG-Editor vom W3C nein ja amaya (universe) (nur bis Ubuntu 8.10) Amaya {en}
Bluefish fortgeschrittener HTML-/XML-Editor nein ja bluefish (universe) Bluefish {en}
CSSed ein einfacher CSS-Editor ja ja cssed (universe) CSSed {en}
gPHPEdit einfacher PHP-Editor nein ja gphpedit (universe) gPHPEdit {en}
Komodo Edit professioneller Editor für Webseiten, AJAX, Skriptsprachen ja ja - Komodo Edit {en}
KompoZer einsteigerfreundlicher WYSIWYG-Editor ja nein kompozer (universe) kompozer.net {en}
Screem fortgeschrittener HTML-/XML-Editor nein ja screem (nur bis Ubuntu 9.10) Screem {en}
Quanta+ fortgeschrittener HTML-Editor mit WYSIWYG-(Beta)-Feature ja ja quanta (universe) Quanta {en}
XML Copy Editor fortgeschrittener XML-Editor nein ja xmlcopyeditor (universe) (ab Ubuntu 10.04) (oder Fremdpaket) XML Copy Editor {en}

Programme

Zum Verständnis dieses Artikels sind folgende Seiten hilfreich:

Normale Editoren

cssed

CSSed {en} ist ein Editor, welcher speziell für die Erstellung von CSS-Dateien entwickelt wurde. CSS ist eine Möglichkeit, um die Gestaltung der Internetseite zu individualisieren. Die Menüführung des Editors ermöglicht es, diese Datei schon mit sehr geringen Kenntnissen zu erstellen.

Der Editor wird über das Paket

  • cssed (universe)

Wiki/Vorlagen/Installbutton/button.png

installiert [1] und per

cssed 

gestartet.

Bluefish

Im Gegensatz zu anderen Projekten wird dieses Programm bis heute weiterentwickelt. Weitere Informationen im Artikel Bluefish.

gPHPedit

gPHPEdit {en} ist ein Teil des GNOME-Projektes und ein einfacher Editor zur Erstellung von dynamischen Webseiten mithilfe von PHP. Beim Design beschränkte man sich auf das Wesentliche und erhielt daher einen sehr übersichtlichen Editor, der aber alle nötige Funktionalität enthält.

Der Editor wird über das Paket

  • gphpedit (universe)

Wiki/Vorlagen/Installbutton/button.png

installiert [1].

Screem

Screem {en} ist ein HTML/XML-Editor für GNOME, der fortgeschrittene Nutzer in ihrer Arbeit hervorragend unterstützt. Leider wurde die Weiterentwicklung schon Anfang 2006 eingestellt. So trüben mangelnde Aktualität und eine nur lückenhafte deutsche Übersetzung das ansonsten gute Bild.

Der Editor wird über das Paket

  • screem (bis Ubuntu 9.10 (Karmic Koala))

Wiki/Vorlagen/Installbutton/button.png

installiert [1].

WYSIWYG-Editoren

Diese Editoren zeigen dem Nutzer sofort das Aussehen der Internetseite an. Somit wird vor allem die Gestaltung des Internetauftrittes wesentlich erleichtert. Allerdings kann die Arbeit kompliziert werden, wenn man Elemente einfügen will, welche nicht von dem Editor unterstützt werden.

amaya

Amaya {en} ist ein Webeditor, welcher vom W3C {en} entwickelt und gepflegt wird. Mithilfe dieses Editors lassen sich nicht nur HTML-Dokumente (also Webseiten), sondern auch Dateien in allen anderen vom W3C entwickelten Formaten erstellen. Sämtliche Elemente der Webseiten lassen sich durch Steuerelemente einfügen und bearbeiten.

Der Editor wird über das Paket

  • amaya (universe, bis Ubuntu 8.10 (Intrepid Ibex))

Wiki/Vorlagen/Installbutton/button.png

installiert [1] und per

amaya 

gestartet.

Komodo Edit

Komodo Edit {en} ist eine frei erhältliche, abgespeckte Variante der professionellen kommerziellen Enwicklungsumgebung Komodo IDE. Der Quellcode des Editors ist über Open Komodo {en} erhältlich.

Das Programm ist für eine Vielzahl von Sprachen geeignet, was die Code-Completion und das Syntax-Highlighting angeht, hat seine Stärken aber vor allem bei der Programmierung mit Skriptsprachen wie Python, Perl, Ruby oder PHP. Dennoch wird auch auf die Programmierung in HTML, CSS und JavaScript großer Wert gelegt. Hier spielt das Mozilla-Toolkit, auf dem die Oberfläche programmiert wurde, seine Stärken aus - man kann mit einem Klick die Webseite im eingebetteten Firefox betrachten.

Um das Programm zu installieren lädt man sich das aktuelle Archiv {dl} (40 MB) herunter und entpackt dieses [3]. Zum Installieren dann in das entpackten Verzeichnis wechseln und folgenden Befehl in einem Terminal-Fenster [4] ausführen:

./install.sh 

Das Programm dann in ein passendes Unterverzeichnis vom Homeverzeichnis installieren. Während der Installation legt das Installationsprogramm ein Desktop-Symbol an, mit welchen man dann einfach den Editor öffnen kann.

Hinweis!

Fremdsoftware kann das System gefährden.

KompoZer

Das Programm ist der Nachfolger von Nvu, der wiederum aus dem Mozilla Composer entstanden ist. Weitere Informationen im Artikel KompoZer.

Quanta+

Quanta+ {en} wurde für KDE entwickelt und ist kostenlos verfügbar. Es gibt auch eine kommerzielle Version namens Quanta Gold {en} . Quanta+ enthält bereits eine breite Palette an Funktionen, die teilweise durch Plugins verfügbar sind (zum Beispiel "CVS" und "Kompare" zum Vergleich von Änderungen).

Der Editor wird über das Paket

  • quanta (universe)

Wiki/Vorlagen/Installbutton/button.png

installiert [1].

Das Besondere an Quanta ist, dass man eine Vorschau und den HTML-Code übereinander sieht. Man kann in beiden editieren. So werden z.B. Tabellen gleich beim Schreiben übersichtlich angezeigt, und man behält trotzdem die volle Kontrolle über den Code.

Da Quanta nicht von selbst erkennt, welchen Zeichensatz eine Datei hat, empfiehlt es sich, unter "Menü Tools -> encoding" UTF-8 einzustellen. Beim Einstieg kann eine deutschsprachige Anleitung {de} weiterhelfen.

Quanta ist noch nicht auf KDE4 portiert. In den Lucid Lynx-Quellen ist jedoch bereits die KDE4-Version des Plugins cervisia. Auch die deutschsprachige Unterstützung fehlt in den Lucid Quellen.

Wie Quanta trotzdem in deutscher Sprache und mit funktionierendem Cervisia-Plugin verwendet werden kann, ist in diesem Thread beschrieben.

XML Copy Editor

XML Copy Editor {en} ist ein speziell auf die Bearbeitung von XML ausgelegter Editor. Folgende Funktionen sind enthalten:

  • integrierter Support für XHTML, XSL, DocBook und TEI

  • DTD/XML Schema/RELAX NG Validation

  • XSLT, XPath

  • Syntax-Hervorhebung, Falteneditor und Tag-Vervollständigung

  • Tag Locking, Tag-free editing

Der Editor wird über das Paket

  • xmlcopyeditor (universe, ab Ubuntu 10.04 (Lucid Lynx))

Wiki/Vorlagen/Installbutton/button.png

installiert [1]. Nach der Installation ist unter GNOME ein Eintrag im Menü unter "Anwendungen -> Entwicklung -> XML Copy Editor" zu finden.

Über SourceForge sind Fremdpakete {en} (.deb) für frühere Ubuntu-Versionen erhältlich.

Hinweis!

Fremdpakete können das System gefährden.


Diese Revision wurde am 29. Juli 2010 um 12:30 Uhr von noisefloor erstellt.
Dieser Seite wurden folgende Begriffe zugeordnet: Übersicht, Editor, Programmierung, Internet

Passwort vergessen?