Volle Kontrolle über Webseiten: die besten HTML-Editoren

Ob man eine gute Idee für einen Webauftritt in die Tat umsetzen kann, ist auch eine Frage des richtigen Editors. ZDNet stellt vier Werkzeuge vor, mit denen man sowohl die grafische Gestaltung als auch die Interaktivität optimieren kann.

HTML-Editoren sind unverzichtbar, wenn man Webseiten erstellen möchte, die sich vom Einheitslook eines Homepagebaukastens oder einer Web-Visitenkarte abheben. Viele WYSIWYG-Editoren machen auf den ersten Blick den Eindruck, als wären sie so einfach zu bedienen wie eine moderne Textverarbeitung. Schnell stellt man jedoch fest, dass eine Webseite größere Herausforderungen stellt.

Ein Grund liegt darin, dass sich das Layout dynamisch der Fenstergröße anpassen muss. Tabellenspalten dürfen nicht zu klein werden. Der Webseiten-Autor muss entscheiden, unter welchen Bedingungen einzelne Wörter noch umgebrochen werden dürfen. Schließlich gilt es zu beachten, dass Besucher mit unterschiedlichen Browsern und Betriebssystemen auf die Webseite zugreifen.

Früher ging es vor allem darum, HTML-Seiten mit unterschiedlichen Browsern zu testen. Deren Features haben sich jedoch im Laufe der Jahre angeglichen. Heute gilt es vielmehr, nicht nur unter Windows zu testen. Eine Webseite, die mit der Schriftart Verdana erstellt wurde, sieht unter Mac OS und Linux möglicherweise unvorteilhaft aus, weil Verdana nur unter Windows standardmäßig installiert ist.

Will man eine Interaktivität schaffen, die über einfache Hyperlinks hinausgeht, muss man Programmiertechniken wie Javascript, DHTML oder PHP, verwenden. Hier bieten WYSIWYG-Editoren oft wenig Unterstützung, ein zweiter Editor, der den Anwender durch Syntax-Coloring und Syntax-Checking unterstützt, muss her. Viele Anwender verwenden deshalb nicht nur einen Editor während der Webseitenerstellung, sondern gleich mehrere.

Seit vielen Jahren schwören zahlreiche Heimanwender auf den HTML-Editor Phase 5, in dem weit mehr steckt, als man auf den ersten Blick denken mag. Er verwaltet komplette Websites als einzelne Projekte, merkt sich Vorgaben und beherrscht nicht nur enorm viele HTML-Tags, die man auf Knopfdruck in Dokumente einfügt, sondern auch Javascript.

Der HTML-Editor NVU erstellt und verwaltet Webseiten. Er basiert auf der Mozilla-Suite-Komponente "Composer". Mit Hilfe des WYSIWYG-Editors, der zuverlässigen HTML-Code generiert, ist das Entwerfen von Webseiten bequem und auch ohne HTML-Kenntnisse möglich. Per integriertem FTP-Dateimanagement lassen sich Webpages direkt über das Internet ändern, auch mehrere Seiten gleichzeitig über Tabs.

Ultraedit 32 ist einer der beliebtesten Editoren für Binär- und Textdateien. Er zeichnet sich durch seine unübertroffene Funktions- und Einstellungsvielfalt aus und überzeugt mit vorbildlicher Bedienerfreundlichkeit. Zu den zahlreichen Funktionen gehören unter anderem vielfältige Konvertierungsmöglichkeiten und Versionsvergleiche. Er zeigt die erstellte Webseite nicht grafisch an, kann jedoch die HTML-Syntax überprüfen.

Der Editor Notepad++ ist ein Profi-Tool für Programmierer. Syntax-Coloring beherrscht er für fast alle Programmiersprachen, von Fortran bis hin zu Objective-C. Das gilt auch für Sprachen, die man zum Erstellen von Webseiten nutzt, beispielsweise HTML, PHP, ASP, ASPX, Perl, Python und CSS.

Fanden Sie diesen Artikel nützlich?
Noch keine Bewertung vorhanden.

Aktuelle Job-Angebote

ZDNet.de Live

Sex ...

Sex Tech: EFF Exposes Dating Site Security, Fileporn Shutdown, Facebook Sex Predator t.co/...

11.02.12, 00:20 von ZDNet
Guinn ...

Guinness World Record for Facebook comments now 1 million t.co/...

11.02.12, 00:20 von ZDNet
Chart ...

Chart Show: "wenn ich Candle in the Wind" höre, denke ich sofort an Lady Di" ... ach? Nein! Wie das nur?!? #gigafail

10.02.12, 23:39 von coke4all
Chrom ...

Chrome for Android -- best mobile browser t.co/...

10.02.12, 22:35 von ZDNet
UL, ...

UL, Drexel University partner to establish research hub t.co/...

10.02.12, 22:15 von ZDNet
wow! ...

wow! ein wirklich schickes Android, das nicht Tablet-Größe hat: t.co/... ... leider nur mäßige technische Daten.

10.02.12, 21:25 von coke4all
Googl ...

Google arbeitet angeblich an Home Entertainment System mit Cloudanbindung t.co/...

10.02.12, 21:10 von zdnet_de
Why ...

Why are young Japanese men losing interest in sex? t.co/...

10.02.12, 20:55 von ZDNet
What ...

What AMD's new roadmap means for users t.co/...

10.02.12, 20:40 von ZDNet
Manch ...

Manchester City is expanding its online reach to Japan t.co/...

10.02.12, 20:35 von ZDNet
Fours ...

Foursquare evolving into one-stop shop with NFC support t.co/...

10.02.12, 20:35 von ZDNet
Websi ...

Website der Gelben Seiten baut Bewertungsfunktionen aus t.co/...

10.02.12, 20:30 von zdnet_de
Motor ...

Motorola: Android-Updates verzögern sich wegen der Hardware-Vielfalt t.co/...

10.02.12, 20:00 von zdnet_de
Aktie ...

Aktienkurse dort wo man sie am liebsten sieht: auf dem Mülleimer! t.co/...

10.02.12, 19:50 von coke4all
Faceb ...

Facebook details Zuckerberg's $500,000 salary, 45% bonus t.co/...

10.02.12, 19:45 von ZDNet
New ...

New Microsoft Office University product comes with tougher verification rules t.co/...

10.02.12, 19:35 von ZDNet
#Prad ...

#Prada Phone by #LG 3.0 ausgepackt und ausprobiert - #smartphone #android t.co/...

10.02.12, 19:30 von cnet_de
Schon ...

Schon im Test: Prada Phone by LG 3.0 mit Android und superhellem Display t.co/...

10.02.12, 19:30 von cnet_de
Beta ...

Beta von Chrome 18 erweitert Hardwarebeschleunigung t.co/...

10.02.12, 19:30 von zdnet_de