Uvod v Bluefish besedilo HTML Editor

Urejevalnik Bluefish kode je aplikacija za razvijanje spletnih strani in skriptov. Ni urejevalnik WYSIWYG. Bluefish je orodje, ki se uporablja za urejanje kode, s katero ustvarite spletno stran ali skript. Namenjen je programerjem, ki imajo znanje pisanja kode HTML in CSS in imajo načine za delo z najpogostejšimi skriptnimi jeziki, kot sta PHP in Javascript, pa tudi veliko drugih. Glavni namen Bluefish urejevalnika je lažje kodiranje in zmanjšanje napak. Bluefish je brezplačna in odprtokodna programska oprema ter različice so na voljo za Windows, Mac OSX, Linux in različne druge Unix podobne platforme. Različica, ki jo uporabljam v tej vadnici, je Bluefish v operacijskem sistemu Windows 7.

01 od 04

Bluefish vmesnik

Bluefish vmesnik. Screen shot courtesy Jon Morin

Vmesnik Bluefish je razdeljen na več delov. Največji razdelek je urejanje podokna, kjer lahko neposredno uredite svojo kodo. Na levi strani podokna za urejanje je stranska plošča, ki opravlja enake funkcije kot upravitelj datotek, kar vam omogoča, da izberete datoteke, ki jih želite delati, in preimenovati ali izbrisati datoteke.

V razdelku glave na vrhu okna Bluefish je več orodnih vrstic, ki jih je mogoče prikazati ali skriti v meniju Pogled.

Orodne vrstice so glavna orodna vrstica, ki vsebuje gumbe za izvajanje skupnih funkcij, kot so shranjevanje, kopiranje in lepljenje, iskanje in zamenjava ter nekatere možnosti vnosa kod. Opazili boste, da gumbov za oblikovanje, kot je krepko ali poudarjeno, ni.

To je zato, ker Bluefish ne oblikuje kode, ampak samo urejevalnik. Pod glavno orodno vrstico je orodna vrstica HTML in meni odrezkov. Ti meniji vsebujejo gumbe in podmenije, ki jih lahko uporabite za samodejno vstavljanje kode za večino jezikovnih elementov in funkcij.

02 od 04

Uporaba orodne vrstice HTML v Bluefishu

Uporaba orodne vrstice HTML v Bluefishu. Screen shot courtesy Jon Morin

Orodno vrstico HTML v Bluefishu urejajo zavihki, ki ločujejo orodja po kategorijah. Kartice so:

Če kliknete na vsakem zavihku, bodo v orodni vrstici pod zavihki prikazani gumbi, ki se nanašajo na ustrezno kategorijo.

03 od 04

Uporaba menija Snippets In Bluefish

Uporaba menija Snippets In Bluefish. Screen shot courtesy Jon Morin

Pod orodno vrstico HTML je meni, imenovan vrstica srezkov. Ta menijska vrstica ima podmenije, ki se nanašajo na različne programske jezike. Vsak element v meniju vstavi pogosto uporabljeno kodo, na primer doctypes HTML in meta informacije.

Nekateri elementi menija so prilagodljivi in ​​ustvarjajo kodo, odvisno od oznake, ki jo želite uporabiti. Na primer, če želite na spletno stran dodati predoblikovan blok besedila, lahko kliknete meni HTML v vrstici srezkov in izberete postavko menija »katera koli seznanjena oznaka«.

S klikom na ta element se odpre pogovorno okno, ki vas poziva, da vnesete oznako, ki jo želite uporabiti. Vnesete lahko "pred" (brez kotnih oklepajev) in Bluefish vstavi v dokument dokumentacijo, ki se odpira in zapira "pred":

 . 

04 od 04

Druge značilnosti Bluefish

Druge značilnosti Bluefish. Screen shot courtesy Jon Morin

Medtem ko Bluefish ni urejevalnik WYSIWYG, ima možnost, da si predogledate kodo v katerem koli brskalniku, ki ste ga namestili v računalnik. Prav tako podpira kodo samodejno dokončanje, osvetlitev sintakse, orodja za odpravljanje napak, izhodno polje skripta, vtičniki in predloge, ki vam lahko omogočijo zagon za ustvarjanje dokumentov, s katerimi pogosto delate.