HTML- und CSS-Dateien sind reine (ASCII-)Textdateien, in denen eine Reihe von Schlüsselwörtern vorkommen. Textverarbeitungen wie MS Word mit eigenem Beschreibungsformat und ohne Syntaxhervorhebung sind daher als Werkzeug ungeeignet. Neben den kommerziellen Editoren, die das Erstellen von HTML- und CSS-Dateien durch Syntaxhervorhebung und menügestützte Eingabe unterstützen, gibt es auch – für Privatanwender – kostenlose, zum Teil sehr leistungsstarke Editoren. Die folgende Tabelle enthält eine (sehr) kleine Auswahl (eine recht umfangreiche Liste gibt es im Google-Directory zu CSS-Tools: Computers > Data Formats > Style Sheets > CSS > Tools):
| Editor | Quelle | Kurzbeschreibung (für Phase 5 von Monika, für die CSS-Editoren von Tim) |
|---|---|---|
| Phase 5 | www.qhaut.de | HTML-Editor für Windows 9X/ME/NT mit eingebautem kleinen CSS-Editor (unterstützt Formatierung, aber nicht Positionierung: dies muß ganz von Hand gemacht werden). Phase 5 ist einer der besten HTML-Editoren, die man als Freeware bekommen kann: sehr übersichtlich gestaltet, mit vielen Funktionen. Der Editor verwaltet komplette Websites als Projekt, merkt sich Vorgaben, bietet eine Browservorschau und einen Bildbetrachter, beherrscht sehr viele HTML-Tags, die auf Knopfdruck eingefügt werden und bietet eine Syntaxhervorhebung für Quelltexte verschiedener Sprachen (html, css, sql, perl, php und viele weitere Programmier- und Skriptsprachen). Direkt mit Menüleisten wird u.a. das Erstellen von Text, Tabellen, Listen und Formularen sowie die Auswahl von Farben in HTML und die Definition von Formatierungen in CSS unterstützt. Weitere Funktionen sind das dateiübergreifende Suchen / Ersetzen, eine integrierte Rechtschreibprüfung, ein Editor für die Syntax-Schemata, das Erstellen von Textbausteinen ("Tastaturvorlagen"), das Auslagern von wiederkehrenden Dokumentteilen in Include-Dateien,das Setzen von Lesezeichen (Positionsmarken) u.v.m. Auf der Homepage des Herstellers gibt es ein Nutzerforum. |
| SimpleCSS | www.hostm.com/css | Ein schöner schlanker Editor nur für CSS-Dateien mit übersichtlicher Gliederung der wichtigsten Funktionen des CSS. Jederzeit ist der Zugriff auf den Quellcode möglich. Die Elemente im Quellcode werden automatisch alphabetisch geordnet. Der Editor ist Freeware. Sprache ist Englisch. |
| Morphon CSS Editor | www.morphon.com/csseditor/index.shtml | Ein Java-CSS-Editor und deshalb machmal etwas träge. Gliederung der Funktionen ist nicht so übersichtlich wie im SimpleCSS. Jederzeit ist der Zugriff auf den Quellcode möglich. Die Elemente im Quellcode werden automatisch alphabetisch geordnet. Der Editor ist Freeware. |
| TopStile 3 Lite | www.bradsoft.com/topstyle | Viel Werbung für die Vollversion. Abgespeckte Variante ist nicht besser als der Texteditor. |
Für die Überprüfung von Quellcode sind die (Online-)Validatoren des W3-Konsortiums von besonderer Bedeutung:
| für (X)HTML: | http://validator.w3.org |
| für CSS: | http://jigsaw.w3.org/css-validator |
Ein praktisches Tool, um mit CSS formatierte Listen zu erstellen, ist List-O-matic, das unter www.accessify.com/tools-and-wizards/list-o-matic/list-o-matic.asp zu finden ist.