Der Bluefish-Code-Editor ist eine Anwendung zum Entwickeln von Webseiten und Skripts. Es ist kein WYSIWYG-Editor. Bluefish ist ein Werkzeug, mit dem der Code bearbeitet wird, aus dem eine Webseite oder ein Skript erstellt wird. Es ist für Programmierer gedacht, die sich mit HTML- und CSS-Code auskennen und mit Modi arbeiten können, die mit den gängigsten Skriptsprachen wie PHP und Javascript und vielen anderen arbeiten. Der Hauptzweck des Bluefish-Editors besteht darin, die Codierung zu erleichtern und Fehler zu reduzieren. Bluefish ist kostenlose Open-Source-Software. Versionen sind für Windows, Mac OSX, Linux und verschiedene andere Unix-ähnliche Plattformen verfügbar. Die Version, die ich in diesem Lernprogramm verwende, ist Bluefish unter Windows 7.
Die Bluefish-Schnittstelle
Die Bluefish-Oberfläche ist in mehrere Abschnitte unterteilt. Der größte Abschnitt ist der Bearbeitungsbereich, in dem Sie Ihren Code direkt bearbeiten können. Auf der linken Seite des Bearbeitungsbereichs befindet sich der Seitenbereich, der die gleichen Funktionen wie ein Dateimanager ausführt. Hier können Sie die Dateien auswählen, die Sie bearbeiten möchten, und Dateien umbenennen oder löschen.
Der Kopfbereich oben in den Bluefish-Fenstern enthält mehrere Symbolleisten, die über das Menü Ansicht angezeigt oder ausgeblendet werden können.
Die Symbolleisten sind die Hauptsymbolleiste, die Schaltflächen zum Ausführen allgemeiner Funktionen wie Speichern, Kopieren und Einfügen, Suchen und Ersetzen sowie einige Codeeinrückungsoptionen enthält. Sie werden feststellen, dass es keine Schaltflächen zum Formatieren wie Fett oder Unterstrichen gibt.
Das liegt daran, dass Bluefish keinen Code formatiert, sondern nur einen Editor. Unter der Hauptsymbolleiste befinden sich die HTML-Symbolleiste und das Snippets-Menü. Diese Menüs enthalten Schaltflächen und Untermenüs, mit denen Sie automatisch Code für die meisten Sprachelemente und Funktionen einfügen können.
Verwenden der HTML-Symbolleiste in Bluefish
Die HTML-Symbolleiste in Bluefish ist nach Registerkarten angeordnet, die die Werkzeuge nach Kategorien trennen. Die Registerkarten sind:
- Quick Bar - Sie können auf dieser Registerkarte andere Werkzeuge für häufig verwendete Elemente anbringen.
- HTML 5 - gibt Ihnen Zugriff auf allgemeine Tags und Elemente in HTML 5.
- Standard - Auf diese Registerkarte können Sie auf gängige HTML-Formatierungsoptionen zugreifen.
- Formatierung - Hier finden Sie weniger verbreitete Formatierungsoptionen.
- Tabellen - verschiedene Tabellengenerierungsfunktionen, einschließlich eines Tabellenassistenten.
- Liste - Werkzeuge zum Erstellen von geordneten, ungeordneten und Definitionslisten.
- CSS - Auf dieser Registerkarte können Stylesheets sowie Layout-Code erstellt werden.
- Formen - Die meisten gängigen Formularelemente können auf dieser Registerkarte eingefügt werden.
- Schriftarten - Diese Registerkarte enthält Verknüpfungen, um mit Schriftarten in HTML und CSS zu arbeiten.
- Frames - die häufigsten Funktionen für das Arbeiten mit Formularen.
Durch Klicken auf die einzelnen Registerkarten werden in der Symbolleiste unter den Registerkarten Schaltflächen für die jeweilige Kategorie angezeigt.
03 von 04Verwenden des Snippets-Menüs in Bluefish
Unter der HTML-Symbolleiste befindet sich ein Menü, das als Snippetsleiste bezeichnet wird. Diese Menüleiste enthält Untermenüs zu verschiedenen Programmiersprachen. Jedes Element im Menü fügt häufig verwendeten Code ein, beispielsweise HTML-Doktypen und Metainformationen.
Einige Menüpunkte sind flexibel und generieren Code, abhängig von dem Tag, das Sie verwenden möchten. Wenn Sie beispielsweise einen vorformatierten Textblock zu einer Webseite hinzufügen möchten, können Sie in der Snippetsleiste auf das Menü HTML klicken und den Menüpunkt "any paired tag" auswählen.
Wenn Sie auf dieses Element klicken, wird ein Dialogfeld geöffnet, in dem Sie zur Eingabe des gewünschten Tags aufgefordert werden. Sie können "pre" (ohne die spitzen Klammern) eingeben und Bluefish fügt ein öffnendes und schließendes "pre" -Tag in das Dokument ein:
.
04 von 04
Andere Funktionen von Bluefish
Bluefish ist zwar kein WYSIWYG-Editor, kann aber in jedem auf Ihrem Computer installierten Browser eine Vorschau des Codes anzeigen. Außerdem werden die automatische Vervollständigung von Code, Syntaxhervorhebung, Debugging-Tools, eine Skriptausgabebox, Plugins und Vorlagen unterstützt, die Ihnen einen schnellen Start beim Erstellen von häufig verwendeten Dokumenten ermöglichen.
