Modra riba urejevalnik kode je aplikacija, ki se uporablja za razvoj spletnih strani in skriptov. To ni urejevalnik WYSIWYG. Bluefish je orodje za urejanje kode, iz katere je ustvarjena spletna stran ali skript. Namenjen je programerjem, ki imajo znanje pisanja HTML in CSS kodo in ima načine za delo z najpogostejšimi skriptnimi jeziki, kot sta PHP in Javascript, pa tudi z mnogimi drugimi. Glavni namen urejevalnika Bluefish je olajšati kodiranje in zmanjšati število napak. Bluefish je brezplačen in odprtokodna programska oprema in različice so na voljo za Windows, Mac OSX, Linux in različne druge platforme, podobne Unixu. Različica, ki jo uporabljam v tej vadnici, je Bluefish v sistemu Windows 7.
01
z dne 04
Vmesnik Bluefish
Posnetek zaslona vljudnost Jon Morin
Vmesnik Bluefish je razdeljen na več odsekov. Največji razdelek je podokno za urejanje in tu lahko neposredno urejate 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, s katerimi želite delati, in jih preimenujete ali izbrišete.
Razdelek z glavo na vrhu oken Bluefish vsebuje več orodnih vrstic, ki jih lahko prikažete ali skrijete v meniju Pogled.
Orodne vrstice so glavna orodna vrstica, ki vsebuje gumbe za izvajanje običajnih funkcij, kot so shranjevanje, kopiranje in lepljenje, iskanje in zamenjava ter nekatere možnosti vstavljanja kode. Opazili boste, da ni gumbov za oblikovanje, na primer krepko ali podčrtano.
To je zato, ker Bluefish ne formatira kode, je le urejevalnik. Pod glavno orodno vrstico je HTML orodni vrstici in meniju delčkov. Ti meniji vsebujejo gumbe in podmenije, s katerimi lahko samodejno vstavite kodo za večino jezikovnih elementov in funkcij.
02
z dne 04
Uporaba orodne vrstice HTML v programu Bluefish
Posnetek zaslona vljudnost Jon Morin
Orodna vrstica HTML v programu Bluefish je razporejena po zavihkih, ki orodja ločujejo po kategorijah. Zavihki so:
- Hitra vrstica - na ta zavihek lahko pripnete druga orodja za predmete, ki jih pogosto uporabljate.
- HTML 5 - omogoča dostop do pogostih oznak in elementov v HTML 5.
- Standardno - na tem zavihku so dostopne običajne možnosti oblikovanja HTML.
- Oblikovanje - tukaj najdete manj pogoste možnosti oblikovanja.
- Mize - različne funkcije za ustvarjanje tabel, vključno s čarovnikom za tabele.
- Seznam - orodja za ustvarjanje urejenih, neurejenih in definicijskih seznamov.
- CSS - na tem zavihku je mogoče ustvariti tudi slogovne liste in kodo postavitve.
- Obrazci - s tega zavihka je mogoče vstaviti najpogostejše elemente obrazca.
- Pisave - ta zavihek ima bližnjice za delo s pisavami v HTML in CSS.
- Okvirji - najpogostejše funkcije za delo z obrazci.
Če kliknete vsak zavihek, se bodo v orodni vrstici pod zavihki prikazali gumbi, ki se nanašajo na ustrezno kategorijo.
03
z dne 04
Uporaba menija odrezkov v Bluefishu
Posnetek zaslona vljudnost Jon Morin
Pod orodno vrstico HTML je meni, imenovan vrstica delčkov. V tej menijski vrstici so podmeniji, ki se nanašajo na različne programske jezike. Vsak element v meniju vstavi pogosto uporabljeno kodo, na primer vrste dokumentov HTML in meta informacije.
Nekateri elementi menija so prilagodljivi in ustvarjajo kodo, odvisno od oznake, ki jo želite uporabiti. Če želite na primer spletni strani dodati vnaprej oblikovan blok besedila, lahko kliknete meni HTML v vrstici delčkov in izberete element menija »poljubna seznanjena oznaka«.
S klikom na to postavko se odpre pogovorno okno, ki vas pozove, da vnesete oznako, ki jo želite uporabiti. Vnesete lahko »pre« (brez kotnih oklepajev) in Bluefish v dokument vstavi uvodno in zapiralno oznako »pre«:
.
04
z dne 04
Druge značilnosti Bluefish
Posnetek zaslona vljudnost Jon Morin
Medtem ko Bluefish ni Urejevalnik WYSIWYG, vam omogoča, da si predogledate kodo v katerem koli brskalniku, ki ste ga namestili v računalnik. Podpira tudi samodejno dokončanje kode, poudarjanje sintakse, orodja za odpravljanje napak, izhodno polje skripta, vtičniki in predloge, s katerimi lahko hitro začnete ustvarjati dokumente, s katerimi pogosto delate s.