BlueGriffon ist ein kostenloser WYSIWYG-HTML-Editor, mit dem Sie in der Vorschau live sehen, wie Ihre Webseite aussieht. Download, Tutorial und Alternativen.

  1. Inhaltsverzeichnis

BlueGriffon - HTML-Editor mit WYSIWYG-Vorschau in Echtzeit

BlueGriffon - kostenloser WYSIWYG-HTML-Editor mit Vorschau

BlueGriffon ist die kostenlose Weiterentwicklung der WYSIWYG-Editoren NVU und KompoZer. KompoZer und NVU wurden eingestellt. BlueGriffon hingegen wird beständig weiterentwickelt. Dabei nutzt der Webeditor weiterhin die Gecko-Engine zum Rendering des Codes. Die Anwendung steht kostenlos für die Betriebs­systeme Windows, macOS und Linux in über 20 Sprachen - darunter auch Deutsch - zum Download zur Verfügung. Bluegriffon lässt sich nicht auf einem Smartphone mit Android oder iOS installieren.

Mit BlueGriffon kann jeder eine kostenlose Website erstellen und verwalten - auch ohne technische Kenntnisse von HTML. Das Besondere an BlueGriffon ist, dass Sie Ihre Website im Vorschau-Modus (WYSIWYG) erstellen und bearbeiten können. Mit dem Programm müssen Sie dazu keine einzige Zeile Code schreiben. Andererseits können Sie jedoch auch, wenn Sie wollen, den Code direkt in einem Dokument bearbeiten.

BlueGriffon bietet u.a. folgende Funktionen:

  • WYSIWYG (Vorschau)-Bearbeitung von Seiten in Echtzeit. Die Webseitenerstellung wird damit so einfach wie das Schreiben eines Briefs in ihrer Textverarbeitung.
  • Verschiedene Ansichten: Normal, HTML-Tags, Quelltext und Browser-Vorschau
  • Integriertes FTP-Dateimanagement. Loggen Sie sich auf Ihrer Webseite ein und navigieren durch Ihre Dateien, ändern Sie Ihre Webseiten direkt im Web.
  • Zuverlässige HTML-Code-Erstellung auf Basis der Mozilla-Gecko-Engine. Der mit BlueGriffon erstellte Quellcode wird von den heute beliebtesten Browsern wie Chrome, Edge und Firefox korrekt interpretiert.
  • Zwischen der WYSIWYG-Ansicht und Code-Ansicht wechseln, ganz einfach mit Tabs.
  • Gleichzeitiges Bearbeiten mehrerer Tabs macht das Ändern vieler Seiten zum Kinderspiel.
  • Leistungsfähige Unterstützung für Formulare, Tabellen und Vorlagen.
  • integrierte Rechtschreibprüfung
  • Plattformübergreifendes Editieren
  • Entwicklungs-Assistenten zur Erstellung von Web-Dokumenten
  • Einfache Erstellung von CSS-Stylesheets
  • Layout-Gestaltung mit CSS
  • Syntaxhervorhebung
  • anpassbare Symbolleisten
  • Einhaltung der Webstandards des W3C
  • HTML 5 und XHTML 1.1

Besonders leicht gelingt mit BlueGriffon das Einfügen von Multimedia wie Bilder, Videos und Musik oder eines HTML Link. Mit einem Mausklick sind diese Medien-Elemente an der gewünschten Stelle in passender Größe platziert. Den dafür benötigten HTML5 Code mit den entsprechenden Abspielfunktionen für Audio- oder Filmdateien erzeugt der Editor automatisch. Sie können ihn aber auch im integrierten Editor bearbeiten oder komplett selbst schreiben.

BlueGriffon hat ein integriertes FTP-Programm zum Upload und Verwalten der für die Website benötigten Dateien. Ferner unterstützt die Anwendung Vektorgrafiken im Format SVG. SVG-Grafiken passen sich automatisch an die Größe des Bildschirms an und können sehr platzsparend gespeichert werden.

Kein PHP Support

Leider bietet BlueGriffon keine Funktionen für PHP. Die Entwicklung eines PHP-Skripts ist daher nicht mit dem HTML-Editor möglich.

BlueGriffon Tutorials und Anleitungen

Webdesign Tutorial

Der Artikel BlueGriffon Tutorial erläutert sehr anschaulich die grundlegende Arbeit mit dem WYSIWYG-HTML-Editor BlueGriffon. Die Anleitung ist zwar nur auf Englisch, zeigt jedoch sie anhand vieler Beispiele die wesentlichen Funktionen der Software. Erläutert werden beispielsweise:

  • Download und Installation
  • Einstellungen
  • arbeiten mit Spalten
  • Titel und Inhalte
  • Überschriften
  • Speichern
  • Grafiken und Bilder bearbeiten
  • Layout it Schriftarten und Farben
  • HTML Link einfügen
  • Navigationsmenü
  • Formulare
  • Website veröffentlichen
  • CSS-Stylesheets
  • Dokumente und Tabellen in HTML5 und XHTML 1.1 erstellen

Tutorial für die Installation mit Ubuntu

Tipps zur Installation von BlueGriffon mit dem Linux-Programm Ubuntu:

Offizielles Handbuch

Bei BlueGriffon.org können Sie für 7,50 Euro plus MwSt ein offizielles Handbuch auf Englisch als PDF-Datei erwerben. Das Handbuch umfasst über 100 Seiten und kostenlose Updates.

Vor- und Nachteile

Vorteile von BlueGriffon

  • Der WYSIWYG-Editor macht die Bearbeitung von Seiten im Vorschaufenster ohne Coding möglich
  • Integriertes FTP-Programm
  • HTML5-Code basierend auf der Firefox-Engine zum Rendering des Codes
  • Rechtschreibprüfung integriert
  • Unterstützung des offenen EPUB Standards für E-Books
  • Responsive Webdesign für ein Smartphone, Tablet, PC usw.
  • CSS-Vorlagen und Unterstützung von CSS 3

Nachteile:

  • Responsive Webdesign sowie EPUB gibt es nur in der kostenpflichtigen Version ab 75 Euro

Download

Hier können Sie BlueGriffon kostenlos downloaden:

Alternativen

BlueGriffon ist ein guter HTML-Editor, jedoch ist er inzwischen stellenweise veraltet. Die letzte Aktualisierung war 2019. Seitdem haben sich andere Editoren rasant weiterentwickelt und sind exzellente Alternativen zu BlueGriffon.

Allen voran steht das kostenlose Microsoft Visual Studio Code. Es integriert sowohl hervorragende Entwicklungsmöglichkeiten als Quelltexteditor als auch eine WYSIWYG-Vorschaufunktion für einfaches visuelles Arbeiten. Visual Studio Code ist der beliebteste Editor unter Entwickeln und der "Industriestandard". Darüber hinaus bieten auch der Quelltexeditor Notepad++ als Klassiker sowie auch Atom hervorragende Optionen, die BlueGriffon in vielen Bereichen übertrumpfen.

Ausführliche Informatinen zu BlueGriffon-Alternativen bietet die Artikel "HTML-Editor Online, WYSIWYG, kostenlos: 22 beste HTML-Editoren im Vergleich".

Fazit

BlueGriffon ist ein exzellenter kostenloser HTML-Editor, auch wenn er nicht so viele Funktionen bietet wie der kostenpflichtige Dreamweaver. Dennoch kann mit diesem kostenlosen Tool eine Website sehr leicht erstellt und verwaltet werden. Die große Stärke ist der exzellente Quellcode. Ferner eignet sich das Programm sehr gut für Schüler zum Einstieg in die Welt der Webseitenerstellung. Der Funktionsumfang ist gerade für Einsteiger genau passend, so dass nicht die Übersicht verloren geht.

Weitere Informationen zu BlueGriffon finden Sie bei "HTML-Editor: 22 beste HTML-Editoren im Überblick"

Weitere Tipps zu HTML:

  • HTML-Editor Online, WYSIWYG, kostenlos: 22 beste HTML-Editoren im Vergleich
  • HTML Link einfügen mit a href - so geht's!
  • HTML einfach und verständlich erklärt
  • HTML-Validator: 5 beste Tools zum Prüfen und Korrigieren von HTML und CSS
  • Phase 5 - exzellenter kostenloser Quellcode-Editor
  • Linkchecker: kostenlos alle defekten Links finden - 5 beste Tools