9. Februar 2010 um 15:08

Editoren für die Gestaltung von Webseiten

Autor: Marc Koschel abgelegt unter Webdesign1 Kommentar

Was benötigt man für die Entwicklung von Webseiten?

Webseiten werden im Allgemeinen in (X)HTML geschrieben. Doch nicht nur. Die Angaben zum Layout werden mit Hilfe von Cascading Stylesheets (CSS) hinzugefügt. Funktionalitäten oder Programme werden mit Hilfe von Scriptsprachen (JavaScript, PHP, ASP) ergänzt. Da alles eigentlich reiner Text ist, benötigt man nicht viel. Das Programm Editor, welches jeder Windoesinstallation beiliegt, oder TextEdit bei MAC OX sind absolut ausreichend.

Aptana Editor

Aptana Editor

Komfort darf man aber bei diesen Programmen nicht erwarten. Wer viele Webseiten programmiert wird sich zumindest einen Editor zulegen, der das Syntax Highlighting beherscht. 1) Am komfortabelsten sind die sogenannten WYSIWYG-Editoren. WYSIWYG steht für What You See Is What You Get (Was du siehst ist das, was du erhälst), die es ermöglichen sollen, Webseiten mehr oder weniger ohne die Kenntnis von HTML erstellen zu können. Dabei bieten Sie eine grafische Oberfläche, auf der man seine Webseite mit einzelnen Elementen bequem mit Drag & Drop erstellen kann.

Ich möchte Editoren für (X)HTML, PHP und CSS vorstellen. Ich trenne die Listen nicht zwischen HTML und PHP Editoren, da die meisten beide Sprachen (und weitere) beherschen. Ich kennzeichne jedoch jeden Eintrag, ob das Programm primär für HTML oder für PHP entwickelt wurde. Die meisten HTML und PHP Editoren können aufgrund der Syntaxhervorhebung auch als CSS Editor benutzt werden. Dennoch werde ich eine eigene Liste für CSS Editoren erstellen. Die Liste hat nicht den Anspruch vollständig zu sein. Programme, die hier nicht aufgeführt sind, es aber sollten, kann man mir über die Kommentarfunktion mitteilen.

Liste der (X)HTML und PHP Editoren

Für Windows

  1. Adobe Contribute (HTML)
  2. Adobe Dreamweaver (HTML)
  3. Alleycode HTML Editor (HTML)
  4. Aptana (Java) (PHP/HTML)
  5. Arachnophilia (Java) (HTML)
  6. Bluevoda (HTML)
  7. CoffeeCup HTML Editor (HTML)
  8. Evrsoft First Page 2006 (HTML)
  9. HTML-Kit (HTML)
  10. Jase (HTML)
  11. LiveEditor (HTML)
  12. KompoZer (HTML)
  13. Microsoft Expression (HTML)
  14. Namo Web Editor (HTML)
  15. NuSphere PhpED (PHP)
  16. NetObjects Fusion (HTML)
  17. Phase 5 (HTML)
  18. PHP Coder (PHP)
  19. PHPEclipse (Java) (PHP)
  20. PHPEdit (PHP)
  21. SeaMonkey Composer (HTML)
  22. Serif WebPlus (HTML)
  23. UltraEdit (HTML)
  24. Visual Web Developer (HTML)
  25. Weaverslave (PHP)
  26. Web Architect 9 (früher: SuperHTML) (HTML)
  27. Webcraft (früher: Webweaver) (HTML)
  28. Webocton-Scriptly (HTML)
  29. WYSIWYG Web Builder (HTML)
  30. (X)HTML-Format (Java) (HTML)
  31. Zend Studio (PHP)

Für Mac OS X

  1. Adobe Contribute (HTML)
  2. Adobe Dreamweaver (HTML)
  3. Apple iWeb (HTML)
  4. Aptana (Java) (PHP/HTML)
  5. Arachnophilia (Java) (HTML)
  6. Goldfish (HTML)
  7. PageSpinner (HTML)
  8. PHPEclipse (Java) (PHP)
  9. RapidWeaver (HTML)
  10. Sandvox (HTML)
  11. SeaMonkey Composer (HTML)
  12. Smultron (HTML)
  13. Softpress Freeway (HTML)
  14. Taco HTML Edit (HTML)
  15. (X)HTML-Format (Java) (HTML)
  16. Zend Studio (PHP)

Für Linux

  1. Amaya WebBrowser (HTML)
  2. Aptana (Java) (PHP/HTML)
  3. Arachnophilia (Java) (HTML)
  4. Bluefish (HTML)
  5. GPHPEdit (HTML)
  6. KompoZer (HTML)
  7. NuSphere PhpED (PHP)
  8. PHPEclipse (Java) (PHP)
  9. Quanta Plus (HTML)
  10. SCREEM (HTML)
  11. SeaMonkey Composer (HTML)
  12. (X)HTML-Format (Java) (HTML)
  13. Zend Studio (PHP)

Liste der CSS Editoren

Für Windows

  1. Rapid CSS
  2. Simple CSS
  3. StyleMaster
  4. TopStyle

Für Mac OS X

  1. CSSEdit
  2. Simple CSS
  3. SkEdit
  4. StyleMaster
  5. TextMate
Fußnoten

  1. Syntaxhervorhebung (engl. syntax highlighting) bezeichnet die Möglichkeit eines Computerprogrammes, bestimmte Wörter und Zeichenkombinationen in einem Text abhängig von ihrer Bedeutung in unterschiedlichen Farben, Schriftarten und -stilen darzustellen. Syntaxhervorhebung wird vor allem in Texteditoren zur Bearbeitung von ausgezeichneten Dokumenten, Programm-Quelltexten und Konfigurationsdateien eingesetzt. Hervorgehoben werden dabei Schlüsselwörter und andere Sprachelemente.Syntaxhervorhebung verbessert die Lesbarkeit von Texten: Strukturen im Text sind leichter zu erkennen, das „Querlesen“ wird vereinfacht, Kommentare erscheinen abgesetzt vom eigentlichen Code und Tippfehler fallen schneller auf, da in vielen Fällen ein Tippfehler zu einer veränderten Darstellung führt.

    Die Syntaxhervorhebung gehört heutzutage zur Standardfunktionalität vieler integrierter Entwicklungsumgebungen und Texteditoren. Auch die MediaWiki-Engine, die von den Projekten der WikiMedia entwickelt und genutzt wird, unterstützt mit GeSHi inzwischen eine Erweiterung zur Syntaxhervorhebung vieler Sprachen. (Seite „Syntaxhervorhebung“. In: Wikipedia, Die freie Enzyklopädie. Bearbeitungsstand: 29. Oktober 2009, 01:23 UTC. URL: http://de.wikipedia.org/w/index.php?title=Syntaxhervorhebung&oldid=66141952 (Abgerufen: 9. Februar 2010, 11:24 UTC) )


Der Autor: Marc Koschel

Marc Koschel

Marc Koschel lebt in der Nähe von Mannheim. Er ist als Berater bei einem Softwarekonzern angestellt. Seit Mitte der Neunziger Jahre erstellt er im privaten Umfeld Webseiten, entweder für seine vielfältigen Projekte oder für Freunde und Bekannte. Sein fundiertes Wissen über (X)HTML, PHP und CSS gaben ihm Anlass den Kurs HTML für Kinder an der Matthäus Kirche Mannheim anzubieten. Ebenso ist Marc schon seit frühester Kindheit ein begeisterter Fotograf. Er begann sein ambitionierte Hobbyfotografen Karriere mit einer analogen Minolta X 700 und später mit einer Minolta Xi 7. Seit 2000 fotografiert Marc digital. Zunächst mit einer Olympus CL2500, dann mit einer Canon EOS 30D. Neben dem Fotografieren hat er sich auf Workflows zum Be-/Verarbeiten digitaler Bilder am Computer (Apple Mac) spezialisiert

Topic: Webdesign
Schlagworte: CSS, Editor, html, PHP, teaser, Webdesign, XHTML
Link speichern bei:
  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • Ping.fm
  • Technorati
  • LinkedIn
  • BlinkList
  • Google Bookmarks
  • Reddit
  • StumbleUpon
  • LinkArena

Verwandte Artikel

Kommentare

Ein Kommentar »»

  • 1.Das HTML Einsteigerseminar – ein Tutorial | koschel.IT

    Pingback vom 09. Februar 2010 um 15:11

    [...] so stimmt dies nur bedingt. Eine Liste mit von mir empfohlenen Editoren finden Sie im Artikel Editoren für die Gestaltung von Webseiten. Falls noch kein Editor zur Verfügung steht, empfehle ich, um nun loslegen zu können, es [...]


Einen Kommentar hinterlassen

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

Validatoren richtig verstehen

Ich habe heute den sehr lesenswerten Artikel "Alles valide oder was?" von Dirk Jesse gelesen. Er erläutert in diesem A [...]

24. August 2010 in Webdesign von Marc Koschel
Barrierefreie Informationstechnik-Verordnung
vom 17. Juli 2002 (BGBl. I S. 2654)

BITV Am 17. Juli 2002 trat die BITV in Kraft und verpflichtet alle öffentlichen Seiten Ihre Internetauftritte barrierefrei zu gestalten um dem § 11 Abs. 1 Satz 2 des B [...]

17. August 2010 in Webdesign von Marc Koschel
500 photographers by Pieter Wisse

500 photographers ist ein Blog des Niederländers Pieter Wisse, der 100 Wochen lang jeder Woche fünf aktive Fotografen und ihre Arbeiten vorstellt. Begonnen hat er am 5. April 2010. Er schrà [...]

12. August 2010 in Fotografie von Marc Koschel
Kompletter Workflow in Aperture 3 von Chase Jarvis

Chase Jarvis ist Fotograf und Regisseur. Auf seinem Blog Chase Jarvis Tech hat er ein Video vorgestellt, in dem er den kompletten Workflow der [...]

23. Juni 2010 in Allgemeines von Marc Koschel
Diskussion: Lösungsansätze zur Planung und Umsetzung einer Web-Präsenz

Struktur Dieser Artikel bezieht sich auf den vorherigen Artikel "Diskussion: Eine Web- [...]

22. Juni 2010 in Webdesign von Marc Koschel
Diskussion: Eine Web-Präsenz planen und umsetzen

Ausgangssituation und Ziel Ich betreibe mehrere verschiedene Websites zu unterschiedlichen Themen. Insgesamt sind dies sieben Webprojekte , jedoch sind aktuell drei Projekte inaktiv. [...]

6. Juni 2010 in Webdesign von Marc Koschel
Verschlagwortung von Fotos

Sind Schlagworte sinnvoll? Das Verwalten der Fotomassen, welche sich heutzutage auf den Festplatten von Hobby-, Amateur- und Profifotografen ansammeln, will gut durchdacht sein. [...]

15. Mai 2010 in Fotografie von Marc Koschel
Aperture vs. Lightroom: Top 10 Features Lightroom 3 beta

Vergleich zwischen Aperture und Lightroom In meinem Artikel Aperture vs. Lightr [...]

25. April 2010 in Fotografie von Marc Koschel
Fotos von iPhoto nach Aperture 3 übernehmen

Vollständiger Import nach Aperture 3 Ich bin gefragt worden, ob beim Import von Fotos aus iPhoto nach Aperture 3 die Schlagwörter mit übernommen werden. Beide Produkte stammen [...]

24. April 2010 in Fotografie von Marc Koschel
Aperture vs. Lightroom: Top 10 Features Aperture 3

Vergleich zwischen Aperture und Lightroom In meinem Artikel Aperture vs. Lightr [...]

13. April 2010 in Fotografie von Marc Koschel
Datenschutz und Soziale Netzwerke

Der gläserne Mensch Nun haben wir es nochmals offiziell gesagt bekommen: Letze Woche ging es durch alle Medien — Tageszeitungen, Tagesschau, heute Journal und auf den Newsseiten i [...]

30. März 2010 in Social Networks von Marc Koschel

Unterstützen Sie mich mit einem Klick

XFN Friendly

Add to Technorati Favorites

Schlagworte