Eine der Anwendungen, die auf dem Linux-Desktop fehlen, ist ein guter WYSIWYG-HTML-Editor. Es gab ein paar, wie NVU und Kompozer, aber sie wurden eine Zeit lang nicht aktiv entwickelt.

Gib BlueGriffon ein. BlueGriffon basiert auf Gecko (der von Firefox verwendeten Rendering-Engine) und ermöglicht es Ihnen, Webseiten mit HTML5, CSS3 und anderen weit verbreiteten Webstandards zu erstellen.

Werfen wir einen Blick darauf, wie man Webseiten mit BlueGriffon erstellt.

Installieren von BlueGriffon

Gehen Sie weiter zur Download-Seite von BlueGriffon. Sie können entweder ein Installationsprogramm oder ein Archiv mit den Programmdateien abrufen.

Wenn Sie das Installationsprogramm heruntergeladen haben, öffnen Sie ein Terminalfenster und navigieren Sie zu dem Verzeichnis, in das Sie das Archiv heruntergeladen haben. Führen Sie dann die folgenden Befehle aus:

 chmod + x BlueGriffon-xxx-Linux- [architektur] -Install sudo ./BlueGriffon-xxx-Linux-[arch]-Install

Dabei steht xxx für die Version von BlueGriffon (die aktuelle Version ist 1.1.1) und [arch] für die Architektur Ihrer Distribution (x86 für 32-Bit-Systeme oder x86_64 für 64-Bit-Systeme). Befolgen Sie die Anweisungen. Das Installationsprogramm kopiert die Programmdateien in den Ordner / usr / local / BlueGriffon .

Wenn Sie das Archiv heruntergeladen haben, extrahieren Sie es einfach in ein Verzeichnis in Ihrem Pfad. Fügen Sie dann entweder manuell einen Launcher für die Anwendung zu Ihrem Systemmenü hinzu oder fügen Sie den Pfad zum Verzeichnis / usr / local / BlueGriffon Ihrem Systempfad hinzu.

Anfangen

Wenn Sie bereit sind zu gehen, doppelklicken Sie entweder auf das Symbol, das das Installationsprogramm auf Ihrem Desktop platziert, oder führen Sie den Befehl bluegriffon aus .

Wählen Sie Datei -> Neu, um eine neue Webseite zu erstellen. Sie werden buchstäblich mit einer leeren Leinwand konfrontiert, ähnlich wie ein neues Textverarbeitungsdokument.

Wie bei einem Textverarbeitungsprogramm können Sie buchstäblich mit der Eingabe beginnen, um Ihr Dokument zu erstellen. Mit den Schaltflächen und Menüs in der Symbolleiste können Sie auch Formatierungen auf Ihre Seite anwenden. Wie was? Hier ist eine Auswahl:

  • Überschrift und Absatzstile
  • Schriftattribute wie fett und kursiv
  • Ausrichtung des Textes
  • Einrückungen
  • Listen

Sie können auch Links, Tabellen, Bilder, Video, Audio und Formulare mit einem Klick auf eine Schaltfläche oder durch Auswahl einer Option aus dem Menü Einfügen einfügen.

Das ist alles ziemlich Standard für jeden guten HTML-Editor. Was BlueGriffon auszeichnet, ist die Unterstützung von HTML5. HTML5 enthält eine Reihe neuer Elemente, die unter anderem das Hinzufügen von Audio, Video, Menüs und verschiedenen Abschnitten zu einer Webseite erleichtern.

Sie können HTML5-Elemente einfügen, indem Sie Einfügen -> HTML 5 Element auswählen und dann das Element aus der Liste auswählen.

Sie haben zwei Optionen zum Hinzufügen von Formatierungen mit Cascading Style Sheets. Wenn Sie eine Stylesheet- Datei haben, können Sie sie mit Ihrer Webseite verknüpfen, indem Sie Einfügen -> Stylesheets wählen. Klicken Sie auf die Schaltfläche + .

Klicken Sie auf Verknüpft mit dem Dokument und dann auf das Symbol neben dem Href- Feld. Navigieren Sie zu dem Verzeichnis mit der Stylesheet-Datei, die Sie Ihrer Webseite hinzufügen möchten. Nachdem Sie die Stylesheet-Datei hinzugefügt haben, wird sie im Fenster Stylesheets einfügen oder bearbeiten angezeigt .

Wenn Sie fertig sind, können Sie mit einer sehr schön formatierten Webseite abschließen.

Immer wenn Sie den HTML-Code der Seite anzeigen oder bearbeiten möchten, klicken Sie auf die Quelle am unteren Rand des BlueGriffon-Fensters.

Diagramme hinzufügen

Am einfachsten ist es natürlich, das Diagramm in einem anderen Programm zu erstellen, es als webfreundliche Grafikdatei zu speichern und dann einen Link zum Bild in BlueGriffon einzufügen.

Wenn Sie jedoch nur ein einfaches Diagramm benötigen, können Sie den integrierten SVG-Editor von BlueGriffon verwenden. Klicken Sie auf Ihrer Webseite auf die Stelle, an der Sie das Diagramm platzieren möchten. Starten Sie dann den Editor, indem Sie in der Symbolleiste auf die Schaltfläche SVG-Bearbeitung klicken.

Die Diagramme, die Sie erstellen können, sind ziemlich einfach, aber Sie können einige anständige Flussdiagramme und ähnliches erstellen. Wenn Sie den Editor schließen, platziert BlueGriffon das Diagramm auf Ihrer Webseite.

Abschließende Gedanken

BlueGriffon hilft Ihnen sehr dabei, einzelne Webseiten zu erstellen. Es gibt keine Site-Management-Funktion, aber die Unterstützung für HTML5 ist unübertroffen. Und Sie können die Funktionen von BlueGriffon mit Add-Ons erweitern. Sie müssen die Add-ons kaufen, aber wenn dies die Entwicklung der Anwendung unterstützt, dann sind sie es wert.

Bildnachweis: svilen001