Bluefish-kodredigeraren är en applikation som används för att utveckla webbsidor och skript. Det är inte en WYSIWYG-redaktör. Bluefish är ett verktyg som används för att redigera koden som en webbsida eller ett skript skapas från. Det är avsett för programmerare som har kunskap om att skriva HTML- och CSS-kod och har lägen att arbeta med de vanligaste skriptspråken som PHP och Javascript, liksom många fler. Huvudsyftet med Bluefish-redaktören är att göra kodning enklare och minska fel. Bluefish är gratis och öppen källkod och versioner är tillgängliga för Windows, Mac OSX, Linux och olika andra Unix-liknande plattformar. Den version jag använder i denna handledning är Bluefish på Windows 7.
Bluefish-gränssnittet
Bluefish-gränssnittet är uppdelat i flera sektioner. Den största delen är redigeringsrutan och det här kan du redigera din kod direkt. På vänstra sidan av redigeringsfönstret är sidpanelen, som utför samma funktioner som en filhanterare, så att du kan välja vilka filer du vill arbeta med och byta namn på eller radera filer.
Sidhuvuddelen längst upp i Bluefish-fönstren innehåller flera verktygsfält, som kan visas eller döljas via menyn Visa.
Verktygsfälten är huvudverktygsfältet, som innehåller knappar för att utföra vanliga funktioner som att spara, kopiera och klistra in, söka och ersätta, och vissa kodinställningsalternativ. Du kommer märka att det inte finns några formateringsknappar som fet eller understruken.
Det beror på att Bluefish inte formaterar kod, det är bara en redaktör. Nedan är huvudverktygsfältet HTML-verktygsfältet och snippetsmenyn. Dessa menyer innehåller knappar och undermenyer som du kan använda för att automatiskt infoga kod för de flesta språkelement och funktioner.
Använda HTML-verktygsfältet i Bluefish
HTML-verktygsfältet i Bluefish ordnas av flikar som skiljer verktygen per kategori. Flikarna är:
- Snabbfältet - Du kan anbringa andra verktyg på den här fliken för objekt som du använder ofta.
- HTML 5 - ger dig tillgång till gemensamma taggar och element i HTML 5.
- Standard - Vanliga HTML-formateringsalternativ öppnas på den här fliken.
- formatering - mindre vanliga formateringsalternativ finns här.
- tabeller - olika tabellgenererande funktioner, inklusive en tabellguiden
- Lista - verktyg för att generera beställda, oorderade och definitionslistor.
- CSS - stylesheets kan skapas från den här fliken och layoutkoden.
- formulär - De vanligaste formulärelementen kan infogas från den här fliken.
- typsnitt - den här fliken har genvägar för att fungera med teckensnitt i HTML och CSS.
- ramar - De vanligaste funktionerna för att arbeta med formulär.
Genom att klicka på varje flik kommer knappar som hör till den relevanta kategorin att visas i verktygsfältet under flikarna.
03 av 04Använda menyn i Bluefish
Nedan är HTML-verktygsfältet en meny som heter snippets-fältet. Den här menyfältet har undermenyer som rör en mängd olika programmeringsspråk. Varje objekt på menyn sätter in vanligt använd kod, till exempel HTML-typer och meta-information.
Några av menyalternativen är flexibla och genererar kod beroende på vilken tagg du vill använda. Om du till exempel vill lägga till ett förformaterat textblock på en webbsida kan du klicka på HTML-menyn i utdragsfältet och välja menyalternativet "någon parad tagg".
Om du klickar på det här objektet öppnas en dialogruta som uppmanar dig att ange taggen du vill använda. Du kan ange "pre" (utan vinkelbeslag) och Bluefish sätter in en öppning och stängning "pre" -taggen i dokumentet:
.
04 av 04
Övriga funktioner hos Bluefish
Medan Bluefish inte är en WYSIWYG-editor har den möjlighet att låta dig förhandsgranska din kod i vilken webbläsare du har installerat på din dator. Den stöder också kodautomatisering, syntaxmarkering, felsökningsverktyg, en skriptutmatningsfack, plugins och mallar som kan ge dig en hoppa start för att skapa dokument som du ofta arbetar med.
