Als Klartextformat bedarf das Schreiben von Webseiten normalerweise keiner speziellen Software. Trotzdem kann eine Software so manche spezielle Aufgabe vereinfachen. Da es nicht „die“ Software zur Web-Entwicklung gibt und sicherlich auch nie geben wird, folgt eine kurze, unvollständige Übersicht.
Damit ihre Webseiten auf möglichst vielen Webbrowsern funktionieren, sollten sie sie entsprechend testen. Eine Mindestauswahl ist: Firefox (Rendering-Engine: Gecko), Internet Explorer (Trident/Tasman), Google Chrome (WebKit) und Lynx auf zwei verschiedenen Betriebssystemen.
Webbrowser | Engine | Plattformen |
---|---|---|
Firefox | Gecko | Android, Linux, Mac, Windows |
Internet Explorer | eigene | Mac, Windows |
Opera | webkit | Android, Linux, Mac, Windows, weitere |
Safari | webkit | Mac |
Chrom(e/ium) | webkit | Android, Linux, Mac, Windows, weitere |
Lynx, Links | eigene | Textbrowser |
Weitere bei selfhtml und bei Wikipedia.
Für den Mozilla Firefox (und Google Chrome) existieren einige interessante Erweiterungen für Webentwickler. Allerdings sind diverse dieser Erweiterungen in den neusten Versionen von Firefox schon enthalten.
Firefox-Addon | Beschreibung |
---|---|
Web Developer | Werkzeugleiste für Webentwickler (enthalten) |
Firebug | HTML-Seiten analysieren und Fehler suchen (debuggen) (enthalten) |
FireFTP | Datei per FTP auf Webserver übertragen |
NoScript | JavaScript pro Site ein-/ausschalten |
Weitere bei Firefox Addons.
Bei den HTML-Editoren unterscheidet man textorientierte und WYSIWYG-Editoren (What you see is what you get). Textorientierte Editoren helfen dem Entwickler meist mit Grundgerüsten und Vorlagen für gängige HTML-Tags. Oft haben sie auch eine integrierte Vorschaufunktion und eine rudimentäre Projektverwaltung. WYSIWYG-Editoren arbeiten im Grunde genommen wie eine Textverarbeitung. Man erstellt eine Webseite so, wie sie nachher aussehen soll.
HTML-Editor | Beschreibung |
---|---|
Dreamweaver | Teurer WYSIWYG-HTML-Editor von Adobe |
NVU/Kompozer | Freier WYSIWYG-HTML-Editor von Mozilla (s. Firefox) |
Amaya | Freier WYSIWYG-HTML-Editor vom W3C ) |
Hagen | Freier, textorientierter HTML-Generator |
BlueFish | Freier, textorientierter HTML-Editor |
Weitere bei selfhtml und bei Wikipedia.
Wenn sie einen WYSIWYG-Editor ausprobieren möchten, sollten sie erste Erfahrungen mit den freien Editoren NVU oder Kompozer sammeln.
Es würde den Rahmen dieses Buches sprengen auf Webserver genauer einzugehen. Ein guter Einstiegspunkt für Informationen zu diesem Thema sind selfhtml und die Wikipedia (siehe Tabelle).
HTML-Editor | Beschreibung |
---|---|
Apache | Defacto-Standard Webserver |
Lighttpd | Kleiner, schneller Webserver |
Internet Information Services | Standardwebserver unter Windows |
Weitere bei selfhtml und bei Wikipedia.
FTP-Client | Beschreibung |
---|---|
ftp | Kommandozeilenprogramm für Linux und Windows |
FireFTP | Erweiterung für Firefox |
Filezilla | Freier FTP-Client |
Heutzutage können auch viele Dateibrowser (MS Explorer, Nautilus, Dolphin, Finder, …) bei Angabe des Dienstes (ftp://name:password@server.local) auf FTP-Server zugreifen.
Weitere bei selfhtml und bei Wikipedia.
Grafikprogramm | Beschreibung |
---|---|
The Gimp | Freies Grafikprogramm für Linux und Windows |
Pinta | Freies Grafikprogramm für Linux und Windows |
XNView | Grafikbetrachter und -manipulator |
IrfanView | Grafikbetrachter und -manipulator |
Weitere bei selfhtml und bei Wikipedia.
Portable Apps sind Anwendungen, die auf einem USB-Stick installiert werden. D.h. sie können auf beliebigen (Windows) Rechnern von dem Stick gestartet werden. Für uns nützliche Apps sind:
und vielleicht
Für fortgeschrittene Webanwendungen kann man außerdem einen Webserver wie Server2Go auf dem Stick installieren.