Webprogramming Tools: Difference between revisions

From Medien Wiki
mNo edit summary
Line 1: Line 1:
== Editoren ==
== Editoren ==
Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen:
Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen:
* [https://addons.mozilla.org/de/firefox/addon/1843 Firebug Add-On] (Firefox)
* [https://addons.mozilla.org/de/firefox/addon/1843 Firebug Add-On] (Firefox-Add-On)
* [https://addons.mozilla.org/de/firefox/addon/60 Web Developer Toolbar] (Firefox)
* [https://addons.mozilla.org/de/firefox/addon/60 Web Developer Toolbar] (Firefox-Add-On)
* [http://www.aptana.org/studio Aptana Studio] (Free, open source, cross platform)
* [http://www.aptana.org/studio Aptana Studio] (Free, open source, cross platform)
* [http://notepad-plus.sourceforge.net Notepad++] und [http://sourceforge.net/projects/cssexplorerplug CSS Xplorer Plugin] (Windows)
* [http://netbeans.org/downloads/index.html Netbeans] (Free, open source, cross platform)
* [http://macrabbit.com/espresso/ Espresso von MacRabbit] (Mac)
* [http://notepad-plus.sourceforge.net Notepad++] und [http://sourceforge.net/projects/cssexplorerplug CSS Xplorer Plugin] (Windows,Free, open source)
* [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac)
* [http://macrabbit.com/espresso/ Espresso von MacRabbit] (Mac, kostenpflichtig)
* [http://www.panic.com/coda/ Coda von Panic] (Mac)
* [http://macrabbit.com/cssedit/ CSSEdit von MacRabbit] (Mac, kostenpflichtig)
* [http://bluefish.openoffice.nl/ Bluefish] (Linux)
* [http://www.panic.com/coda/ Coda von Panic] (Mac, kostenpflichtig)
* [http://bluefish.openoffice.nl/ Bluefish] (Linux,Free, open source)


== Browser integration: Safari ==
== Browser integration: Safari ==

Revision as of 20:45, 18 September 2011

Editoren

Neben der manuellen Editierung in einem Texteditor, gibt es viele komfortable Tools, die das sehr übersichtlich erledigen:

Browser integration: Safari

bietet ab Version 4 einen komfortablen Debugger für Webseiten an (Konsole, HTML, CSS, Script-Debugger und Ressourcen-Analyse). Zum Aktivieren in den Safari-Einstellungen "Erweitert" den Punkt "Menü 'Entwickler' in der Menüleise anzeigen". Danach kann man per Rechtsklick Elemente inspizieren ("Element-Informationen").

Browser integration: Firefox

Die Add-ons Web Developer und Firebug sind für Webentwickler mit Mozilla Firefox schier unverzichtbar.


Siehe auch: CSS#Editieren von Stylesheets




Diese Seite ist Teil der Werkmodule Grundlagen der Webprogrammierung und WebApps - Grundlagen Webprogrammierung von Michael Markert für Interface Design / Fakultät Medien an der Bauhaus-Universität Weimar.