Bluefish-kodeditoren er et program som brukes til å utvikle nettsider og skript. Det er ikke en WYSIWYG-editor. Bluefish er et verktøy som brukes til å redigere koden som en webside eller et skript er laget av. Det er ment for programmerere som har kunnskap om å skrive HTML og CSS-kode og har moduser for å jobbe med de vanligste skriptspråkene, som PHP og Javascript, samt mange andre. Hovedformålet med Bluefish-redaktøren er å gjøre kodingen enklere og å redusere feil. Bluefish er gratis og åpen kildekode programvare og versjoner er tilgjengelige for Windows, Mac OSX, Linux og diverse andre Unix-lignende plattformer. Den versjonen jeg bruker i denne opplæringen er Bluefish på Windows 7.
Bluefish-grensesnittet
Bluefish-grensesnittet er delt inn i flere seksjoner. Den største delen er redigeringsruten, og det er her du kan redigere koden din direkte. På venstre side av redigeringsruten er sidepanelet, som utfører de samme funksjonene som en filbehandling, slik at du kan velge filene du vil arbeide med, og gi nytt navn til eller slette filer.
Overskriftsdelen øverst i Bluefish-vinduene inneholder flere verktøylinjer, som kan vises eller skjules via Vis-menyen.
Verktøylinjer er hovedverktøylinjen, som inneholder knapper for å utføre vanlige funksjoner som lagre, kopiere og lime inn, søke og erstatte, og noen kodeinnrykkingsalternativer. Du vil legge merke til at det ikke er noen formateringsknapper som fet eller understreket.
Det er fordi Bluefish ikke formaterer kode, det er bare en redaktør. Under hovedverktøylinjen er HTML-verktøylinjen og utklippsmenyen. Disse menyene inneholder knapper og undermenyer som du kan bruke til å automatisk sette inn kode for de fleste språkelementer og funksjoner.
Bruke HTML-verktøylinjen i Bluefish
HTML-verktøylinjen i Bluefish er arrangert av faner som skiller verktøyene etter kategori. Flikene er:
- Quick Bar - Du kan knytte andre verktøy til denne kategorien for elementer du bruker ofte.
- HTML 5 - gir deg tilgang til vanlige merker og elementer i HTML 5.
- Standard - Vanlige HTML-formateringsalternativer er tilgjengelig på denne kategorien.
- formatering - mindre vanlige formateringsalternativer finnes her.
- tabeller - ulike tabellgenererende funksjoner, inkludert en tabellveiviser.
- Liste - verktøy for å generere bestilt, uordnet og definisjonslister.
- CSS - stilark kan opprettes fra denne kategorien, så vel som oppsettkoden.
- skjemaer - De vanligste formelementene kan settes inn fra denne kategorien.
- fonter - denne kategorien har snarveier til å fungere med skrifttyper i HTML og CSS.
- rammer - De vanligste funksjonene for å jobbe med skjemaer.
Hvis du klikker på hver kategori, blir det vist knapper som er relevante for den aktuelle kategorien i verktøylinjen under kategoriene.
03 av 04Bruk av utklippsmenyen i Bluefish
Nedenfor HTML-verktøylinjen er en meny som heter kuttelinjen. Denne menylinjen har undermenyer knyttet til en rekke programmeringsspråk. Hvert element på menyen legger til vanlig brukt kode, for eksempel HTML-typer og meta-informasjon for eksempel.
Noen av menypunktene er fleksible og genererer kode, avhengig av hvilken tag du vil bruke. Hvis du for eksempel ønsker å legge til en forhåndsformatt tekstblokk til en nettside, kan du klikke på HTML-menyen i utklippsstangen og velge menypunktet "En hvilken som helst sammenkoblet kode".
Hvis du klikker på dette elementet, åpnes en dialogboks som ber deg om å skrive inn taggen du vil bruke. Du kan skrive inn "pre" (uten vinkelbeslagene) og Bluefish setter inn en åpning og lukking "pre" -tag i dokumentet:
.
04 av 04
Andre funksjoner i Bluefish
Mens Bluefish ikke er en WYSIWYG-editor, har den muligheten til å la deg forhåndsvise koden din i en hvilken som helst nettleser du har installert på datamaskinen. Den støtter også kodeautomatisering, syntaxutheving, feilsøkingsverktøy, en skriptutdataboks, plugins og maler som kan gi deg en hoppestart for å lage dokumenter du ofte jobber med.
