Bluefish kode editor er et program der bruges til at udvikle websider og scripts. Det er ikke en WYSIWYG editor. Bluefish er et redskab, der bruges til at redigere koden, som en webside eller et script oprettes fra. Det er beregnet til programmører, der har kendskab til at skrive HTML og CSS kode og har tilstande til at arbejde med de mest almindelige script sprog såsom PHP og Javascript, samt mange andre. Hovedformålet med Bluefish-redaktøren er at gøre kodning nemmere og for at reducere fejl. Bluefish er gratis og open source software og versioner er tilgængelige til Windows, Mac OSX, Linux og forskellige andre Unix-lignende platforme. Den version, jeg bruger i denne tutorial, er Bluefish på Windows 7.
Bluefish Interface
Bluefish-grænsefladen er opdelt i flere sektioner. Det største afsnit er redigeringsruden, og det er her, du kan redigere din kode direkte. På venstre side af redigeringsruden er sidepanelet, som udfører de samme funktioner som en filhåndtering, så du kan vælge de filer, du vil arbejde på, og omdøbe eller slette filer.
Overskriftsdelen øverst i Bluefish-vinduerne indeholder flere værktøjslinjer, der kan vises eller gemmes via menuen Vis.
Værktøjslinjerne er den vigtigste værktøjslinje, som indeholder knapper til at udføre almindelige funktioner som gem, kopiere og indsætte, søge og erstatte, og nogle indstillinger for indrykning af kode. Du vil bemærke, at der ikke er nogen formateringsknapper som fed eller understreget.
Det skyldes, at Bluefish ikke formaterer kode, det er kun en redaktør. Nedenfor er hovedværktøjslinjen HTML-værktøjslinjen og udvidelsesmenuen. Disse menuer indeholder knapper og undermenuer, som du kan bruge til automatisk at indsætte kode for de fleste sprogelementer og funktioner.
Brug af HTML-værktøjslinjen i Bluefish
HTML-værktøjslinjen i Bluefish er arrangeret af faner, der adskiller værktøjerne efter kategori. Fanerne er:
- Quick Bar - Du kan knytte andre værktøjer til denne fane for varer, du bruger ofte.
- HTML 5 - giver dig adgang til fælles tags og elementer i HTML 5.
- Standard - Almindelige HTML-formateringsindstillinger åbnes på denne fane.
- Formatering - Der findes mindre almindelige formateringsindstillinger her.
- Borde - forskellige tabelgenererende funktioner, herunder en tabelguide.
- Liste - værktøjer til generering af ordnede, uordnede og definitionslister.
- CSS - stylesheets kan oprettes fra denne fane samt layoutkode.
- Forms - De fleste almindelige formelementer kan indsættes fra denne fane.
- Skrifttyper - denne fane har genveje til at arbejde med skrifttyper i HTML og CSS.
- Rammer - De mest almindelige funktioner til at arbejde med formularer.
Ved at klikke på hver fane vil der blive vist knapper i tilknytning til den relevante kategori i værktøjslinjen under fanerne.
03 af 04Brug af menuen Udvidelser i Bluefish
Nedenfor HTML-værktøjslinjen er en menu kaldet snippets bar. Denne menulinje har undermenuer, der vedrører en række programmeringssprog. Hvert element på menuen indsætter almindeligt anvendt kode, f.eks. HTML-doktypes og meta-oplysninger.
Nogle af menupunkterne er fleksible og genererer kode afhængigt af det tag, du ønsker at bruge. Hvis du for eksempel ønsker at tilføje en præformateret tekstblok til en webside, kan du klikke på HTML-menuen i uddragsfeltet og vælge menupunktet "Enhver parret tag".
Ved at klikke på dette element åbnes en dialogboks, der beder dig om at indtaste det tag, du ønsker at bruge. Du kan indtaste "pre" (uden vinkelbeslagene) og Bluefish indsætter en åbning og lukning "pre" -mærke i dokumentet:
.
04 af 04
Andre funktioner i Bluefish
Mens Bluefish ikke er en WYSIWYG editor, har den mulighed for at lade dig forhåndsvise din kode i enhver browser, du har installeret på din computer. Den understøtter også automatisk kodning af kode, syntax fremhævning, fejlfinding værktøjer, en script output box, plugins og skabeloner, der kan give dig et spring start for at skabe dokumenter, som du ofte arbejder med.
