Die besten visuellen Editoren

Wenn starrte hinunter Codezeilen entmutigend für Sie klingt, können Sie einen visuellen Editor für HTML und CSS für Ihren nächsten Web-Design-Projekt. Visuelle Editoren bieten eine intuitive Oberfläche, in die Sie entwerfen, erstellen und bearbeiten eine Website. Diese Art von Software können Sie Ihren Code zu bearbeiten, während der Anzeige des Ergebnisses sofort zeigen, wie diese Textzeilen vom Browser interpretiert werden.

SeaMonkey

Von einer Gemeinschaft von Programmierern und Ingenieure mit dem Mozilla-Plattform entwickelt, ist Mac-basierten SeaMonkey ein visueller Editor, der Web-Design mit Web-browsing verbindet. Diese Überbrückung von Web-Erstellung und Verwendung von Web gibt Designer einen intuitiven Prozess zum Erstellen und Testen von Webseiten. SeaMonkey funktioniert wie ein Browser, Mozilla FireFox, ähnlich aber enthält ein HTML-Editor und der JavaScript-DeBugger für die Erstellung und Bearbeitung von Websites. Es erlaubt Ihnen, Tabellen, Styles und Schichten sowohl optisch als auch in Ihrem Code zu manipulieren. Da SeaMonkey kostenlos zum Download bereit, ist es eine preisgünstige Option für einen visuellen Editor.

KompoZer

KompoZer ist eine andere Mac-Programm zum kostenlosen Download verfügbar. Der visuelle Editor verfügt über einen einfachen HTML-Editor sowie ein was Sie sehen ist was Sie erhalten (WYSIWYG) Editor, der für Code-freien Web-Design ermöglicht. Die tabbed Schnittstelle können Sie schnell zwischen Projekten und Editor-Ansichten wechseln, geben Sie die Kontrolle darüber, wie und was Sie entwerfen. KompoZer JavaScript und CSS-Features haben, zwar nicht die High-End-visuelle Editoren verfügen ist es eine kostenlose und einfache Möglichkeit zum Erstellen von HTML-basierten Websites.

Coda

Panik Coda ist zum Preis von $99, so dass es teurer als SeaMonkey oder KompoZer, aber Coda bietet zahlreiche Funktionen zu diesem Preis. Die Codeansicht wird durch eine automatische Vorschläge für HTML und CSS-Code verbessert und bietet "Schnipsel", in denen häufig verwendete Code mit einem Klick eingefügt werden können. Coda bietet auch automatische Tab für leicht lesbaren Code. Die Registerkarte "Vorschau" können Sie Ihre Website auf einer Vielzahl von gängigen Browsern anzeigen und der visuelle CSS-Editor macht es leicht, Ihre CSS-Stile auf HTML-Elemente entsprechen. Coda eignet sich gut für Web-Designer die wie direkt mit Code (d.h. ohne einen WYSIWYG-Editor), aber immer noch eine grafische Benutzeroberfläche arbeiten möchten.

Dreamweaver

Für Windows und Mac Benutzer ist Dreamweaver einen mächtigen visuellen Editor. Ihre Preisschild von $399 wird durch leistungsstarke Funktionen und umfassende Integration mit anderen Adobe Creative Suite-Software ergänzt. Dreamweaver bietet mit seiner funktionsreichen HTML und WYSIWYG-Editoren einfache CSS bearbeiten, intuitive Flash-Integration, nicht-intrusive Codehinweise und Content-Management-System-Support. Codevalidierung und Diagnostik sind in der Software, so dass es eine attraktive Möglichkeit für Entwickler und Designer gleichermaßen integriert. Dreamweaver ist ideal für diejenigen, die umfangreiche Funktionen benötigen oder arbeiten hauptsächlich mit der Adobe Creative Suite-Software wie Photoshop, Illustrator und Flash.