De Bluefish code-editor is een applicatie die wordt gebruikt om webpagina's en scripts te ontwikkelen. Het is geen WYSIWYG-editor. Bluefish is een hulpmiddel dat wordt gebruikt om de code te bewerken waaruit een webpagina of script is gemaakt. Het is bedoeld voor programmeurs die kennis hebben van het schrijven van HTML- en CSS-code en beschikt over modi om te werken met de meest voorkomende scripttalen zoals PHP en Javascript, evenals een groot aantal andere talen. Het hoofddoel van de Bluefish-editor is om codering eenvoudiger te maken en om fouten te verminderen. Bluefish is gratis en open source software en versies zijn beschikbaar voor Windows, Mac OSX, Linux en verschillende andere Unix-achtige platforms. De versie die ik gebruik in deze zelfstudie is Bluefish op Windows 7.
De Bluefish-interface
De Bluefish-interface is onderverdeeld in verschillende secties. Het grootste gedeelte is het bewerkingsvenster en hier kunt u uw code rechtstreeks bewerken. Aan de linkerkant van het bewerkingspaneel bevindt zich het zijpaneel, dat dezelfde functies vervult als bestandsbeheer, zodat u de bestanden kunt kiezen waaraan u wilt werken en bestanden wilt hernoemen of verwijderen.
Het kopgedeelte bovenaan de Bluefish-vensters bevat verschillende werkbalken, die kunnen worden weergegeven of verborgen via het menu Beeld.
De werkbalken zijn de hoofdwerkbalk, die knoppen bevat om veelgebruikte functies uit te voeren zoals opslaan, kopiëren en plakken, zoeken en vervangen, en enkele opties voor code-inkeping. U zult merken dat er geen opmaakknoppen zijn, zoals vet of onderstreept.
Dat komt omdat Bluefish geen code opmaakt, het is maar een editor. Onder de hoofdwerkbalk staan de HTML-werkbalk en het snippets-menu. Deze menu's bevatten knoppen en submenu's die u kunt gebruiken om automatisch code in te voegen voor de meeste taalelementen en -functies.
De HTML-werkbalk gebruiken in Bluefish
De HTML-werkbalk in Bluefish is gerangschikt op tabbladen die de tools scheiden op categorie. De tabbladen zijn:
- Snelle balk - u kunt andere hulpmiddelen vastpinnen op dit tabblad voor items die u vaak gebruikt.
- HTML 5 - geeft u toegang tot algemene tags en elementen in HTML 5.
- Standaard - veelgebruikte HTML-opmaakopties zijn toegankelijk op dit tabblad.
- opmaak - minder gebruikelijke opmaakopties zijn hier te vinden.
- tabellen - verschillende tafelgenererende functies, waaronder een tabelwizard.
- Lijst - tools voor het genereren van geordende, ongeordende en definitielijsten.
- CSS - stylesheets kunnen op dit tabblad worden gemaakt, evenals de lay-outcode.
- vormen - de meest voorkomende formulierelementen kunnen vanaf dit tabblad worden ingevoegd.
- fonts - dit tabblad bevat sneltoetsen om met lettertypen te werken in HTML en CSS.
- frames - de meest voorkomende functies voor het werken met formulieren.
Als u op elk tabblad klikt, verschijnen er knoppen met betrekking tot de relevante categorie in de werkbalk onder de tabbladen.
03 of 04Het menu Fragmenten gebruiken In Bluefish
Onder de HTML-werkbalk staat een menu genaamd de fragmentenbalk. Deze menubalk heeft submenu's met betrekking tot een verscheidenheid aan programmeertalen. Elk item in het menu voegt veelgebruikte code in, zoals HTML-doctypes en meta-informatie bijvoorbeeld.
Sommige menu-items zijn flexibel en genereren code afhankelijk van de tag die u wilt gebruiken. Als u bijvoorbeeld een vooraf opgemaakt tekstblok wilt toevoegen aan een webpagina, klikt u op het HTML-menu in de snippetsbalk en kiest u het menupunt 'any paired tag'.
Als u op dit item klikt, wordt een dialoogvenster geopend waarin u wordt gevraagd de tag in te voeren die u wilt gebruiken. U kunt "pre" invoeren (zonder de punthaken) en Bluefish voegt een openende en sluitende "pre" -tag in het document in:
.
04 van 04
Andere kenmerken van Bluefish
Hoewel Bluefish geen WYSIWYG-editor is, heeft het wel de mogelijkheid om u een voorbeeld van uw code te laten zien in elke browser die u op uw computer hebt geïnstalleerd. Het ondersteunt ook automatische aanvulling van code, syntaxisaccentuering, tools voor foutopsporing, een uitvoervenster voor scripts, plug-ins en sjablonen waarmee u snel een begin kunt maken met het maken van documenten waarmee u vaak werkt.
