{{{#!vorlage Wissen [:Pakete_installieren: Installation von Programmen] [:Packprogramme: Archive entpacken] [:Terminal: Ein Terminal öffnen] }}} [[Inhaltsverzeichnis(1)]] Ein wichtiges Feld der Arbeit am PC ist der Bereich der Entwicklung, Gestaltung und Pflege von Internetauftritten (siehe auch [:Webentwicklung:]). 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). Einsteiger sind in der Regel mit einem Programm wie [#Bluefish Bluefish] gut beraten. 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 = Eine alphabetische Liste. {{{#!vorlage Tabelle '''Name''' '''Verwendung''' '''Plugins''' '''Code Completion''' '''Ubuntu-Paket''' '''Webseite''' +++ [:Atom:] Editor für HTML5/CSS/JS und andere Sprachen Ja Ja <:>snap, Fremdpaket, PPA [https://atom.io/ Atom] {en} +++ [#Bluefish Bluefish] fortgeschrittener HTML-/XML-Editor Nein Ja Paket '''bluefish''' (''universe'') [http://bluefish.openoffice.nl/ Bluefish] {en} +++ [#BlueGriffon BlueGriffon] einsteigerfreundlicher WYSIWYG-Editor, HTML5 Ja Ja <:>Fremdpaket [http://bluegriffon.org/ BlueGriffon] {en} +++ [:Eclipse:] Durch Plugins für HTML5/CSS/JS und andere Sprachen nutzbare IDE Ja Ja <:>snap, Fremdpaket [https://www.eclipse.org/ Eclipse] {en} +++ Google Webdesigner Grafischer Editor für HTML5-basierte Designs und animierte Grafiken aus dem Hause Google Nein Ja <:>Fremdpaket [https://www.google.de/webdesigner/ Google Webdesigner] {de} +++ [#gPHPedit gPHPEdit] einfacher PHP-Editor Nein Ja Paket '''gphpedit''' (''universe'') [sourceforge:gphpedit:] {en} +++ [#Komodo-Edit Komodo Edit] professioneller Editor für Webseiten, AJAX, Skriptsprachen Ja Ja <:>manuelle Installation [http://www.activestate.com/komodo_edit/ Komodo Edit] {en} +++ [:Sublime Text:] kommerzieller professioneller Editor für Webseiten, AJAX, Skriptsprachen Ja Ja <:>PPA [http://www.sublimetext.com/ Sublime Text] {en} +++ [:Visual_Studio_Code:] kostenloser Quelltext-Editor von Microsoft unter der MIT-Lizenz (Open Source) Ja Ja <:>Fremdpakete [https://code.visualstudio.com/ Visual Studio Code] {en} +++ [#XML-Copy-Editor XML Copy Editor] fortgeschrittener XML-Editor Nein Ja Paket '''xmlcopyeditor''' (''universe'') [sourceforge2:xml-copy-editor:XML Copy Editor] {en} }}} = Normale Editoren = [[Bild(./bluefish_logo.png, 64, align=right)]] == Bluefish == Im Gegensatz zu anderen, inzwischen eingestellten Projekten wird dieses Programm bis heute aktiv weiterentwickelt. Weitere Informationen im Artikel [:Bluefish:]. [[Bild(./gphpedit_logo.png, 48, align=right)]] == gPHPedit == [sourceforge:gphpedit:gPHPEdit] {en} ist ein Teil des GNOME-Projekts und ein einfacher Editor zur Erstellung von dynamischen Webseiten mithilfe von [:PHP:]. Beim Design beschränkte man sich auf das Wesentliche. Das Ergebnis ist ein sehr übersichtlicher Editor, der fast alle notwendigen Funktionen enthält (eine Druckfunktion fehlt). Wird nicht mehr aktualisiert, daher keine farbliche Darstellung der Befehle von PHP 7. Der Editor wird über das folgende Paket installiert [1]: {{{#!vorlage Paketinstallation gphpedit, universe }}} [[Bild(./xmlcopyeditor_logo.jpg, 48, align=right)]] == XML Copy Editor == [sourceforge.net2:xml-copy-editor:XML Copy Editor] {en} ist ein speziell auf die Bearbeitung von [wikipedia:Extensible_Markup_Language: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 Das Programm kann über das folgende Paket installiert [1] werden: {{{#!vorlage Paketinstallation xmlcopyeditor, universe }}} Nach der Installation ist bei Ubuntu-Varianten mit einem Anwendungsmenü ein entsprechender Eintrag unter "Entwicklung -> XML Copy Editor" zu finden. = WYSIWYG-Editoren = Diese Editoren zeigen dem Nutzer sofort das Aussehen der Internetseite an. Somit wird vor allem die Gestaltung eines Internetauftrittes wesentlich erleichtert. Allerdings kann die Arbeit kompliziert werden, wenn man Elemente einfügen will, welche nicht vom Editor unterstützt werden. [[Bild(./bluegriffon_logo.png, 48, align=right)]] == BlueGriffon == [:BlueGriffon:] blickt auf eine lange Geschichte zurück: als Nachfolger des Mozilla Composer geplant, zwischenzeitlich durch Nvu obsolet geworden, der wiederum durch das 2011 eingestellte Kompozer abgelöst wurde. Erstmals im Mai 2011 veröffentlicht und seitdem laufend aktualisiert, bietet das Programm wie Kompozer ein schnelles Umschalten zwischen Code- und Webansicht und eignet sich damit ebenfalls für Einsteiger. Eine interessante Neuerung sind integrierte Werkzeuge für HTML 5. Die HTML-Vorschau basiert auf Gecko 2.0, der Rendering-Engine von Firefox 4 oder neuer. [[Bild(./komodoedit_logo.png, 48, align=right)]] == Komodo Edit == [http://komodoide.com/komodo-edit/ Komodo Edit] {en} ist eine abgespeckte Variante der professionellen kommerziellen Entwicklungsumgebung [:Entwicklungsumgebungen#KomodoIDE:Komodo IDE]. Der Quellcode des Editors ist über [github:Komodo/KomodoEdit:GitHub] {en} erhältlich, die Programmsprache ist englisch. Das Programm ist für eine Vielzahl von Sprachen geeignet, was Code-Completion und Syntax-Highlighting angeht, hat seine Stärken aber vor allem bei der Programmierung von Skriptsprachen wie Python, Perl, Ruby oder PHP. Zusätzlich wird auch die Programmierung mit HTML, CSS und JavaScript unterstützt. Hier spielt das Mozilla-Toolkit, mit dem die Programmoberfläche erstellt wurde, seine Stärken aus – man kann mit einem Klick die Webseite im eingebetteten Firefox betrachten. [[Vorlage(Fremd, Software, "")]] Um das Programm zu installieren, lädt man sich das [http://komodoide.com/download/#edit aktuelle Programmarchiv] {dl} (ca. 70 MiB) herunter und entpackt dieses [2]. Zum Installieren dann in das entpackte Verzeichnis wechseln und folgenden Befehl in einem Terminal-Fenster [3] ausführen: {{{#!vorlage Befehl ./install.sh }}} Das Programm dann in ein passendes Unterverzeichnis im [:Homeverzeichnis:] installieren. Während der Installation legt das Installationsprogramm ein Desktop-Symbol an, mit dem man den Editor bequem öffnen kann. = Links = * [http://www.linux-magazin.de/Heft-Abo/Ausgaben/2008/01/Web-Stuhl/ Web-Stuhl - HTML-Editoren im Test] {de} - Vergleich von Kompozer, Bluefish sowie Quanta Plus; Artikel Linux-Magazin 01/2008 * [:Webentwicklung:] {Übersicht} Übersichtsartikel * [:Editoren:] {Übersicht} Übersichtsartikel # tag: Programmierung, Internet, Editor, Übersicht