Plava riba uređivač koda je aplikacija koja se koristi za razvoj web stranica i skripti. To nije WYSIWYG editor. Bluefish je alat koji se koristi za uređivanje koda iz kojeg je izrađena web stranica ili skripta. Namijenjen je programerima koji imaju znanje pisanja HTML-a i CSS koda i ima načine rada s najčešćim skriptnim jezicima poput PHP-a i Javascripta, kao i s mnogim drugim. Glavna svrha uređivača Bluefish je olakšati kodiranje i smanjiti pogreške. Bluefish je besplatan i softver otvorenog koda i verzije su dostupne za Windows, Mac OSX, Linux i razne druge platforme slične Unixu. Verzija koju koristim u ovom vodiču je Bluefish u sustavu Windows 7.
01
od 04
Sučelje Bluefish
Snimka zaslona ljubaznošću Jon Morin
Sučelje Bluefish podijeljeno je u nekoliko odjeljaka. Najveći je odjeljak okno za uređivanje i tu možete izravno urediti svoj kôd. Na lijevoj strani okna za uređivanje nalazi se bočna ploča koja obavlja iste funkcije kao i upravitelj datoteka, omogućavajući vam odabir datoteka na kojima želite raditi i preimenovanje ili brisanje datoteka.
Odjeljak zaglavlja na vrhu prozora Bluefish sadrži nekoliko alatnih traka koje se mogu prikazati ili sakriti putem izbornika Pogled.
Alatne trake glavna su alatna traka koja sadrži gumbe za obavljanje uobičajenih funkcija poput spremanja, kopiranja i lijepljenja, pretraživanja i zamjene te nekih opcija uvlačenja koda. Primijetit ćete da ne postoje gumbi za formatiranje poput podebljanog ili podcrtanog.
To je zato što Bluefish ne formatira kôd, on je samo urednik. Ispod glavne alatne trake nalazi se HTML alatnoj traci i izborniku isječaka. Ovi izbornici sadrže gumbe i podizbornike koje možete koristiti za automatsko umetanje koda za većinu jezičnih elemenata i funkcija.
02
od 04
Korištenje HTML alatne trake u Bluefishu
Snimka zaslona ljubaznošću Jon Morin
HTML alatna traka u Bluefishu raspoređena je po karticama koje alate razdvajaju po kategorijama. Kartice su:
- Brza traka - na ovu karticu možete prikvačiti druge alate za stavke koje često koristite.
- HTML 5 - daje vam pristup uobičajenim oznakama i elementima u HTML 5.
- Standard - na ovoj se kartici pristupa uobičajenim mogućnostima oblikovanja HTML-a.
- Oblikovanje - ovdje se nalaze rjeđe mogućnosti oblikovanja.
- Stolovi - razne funkcije za generiranje tablice, uključujući čarobnjaka za tablice.
- Popis - alati za stvaranje poredanih, neuređenih i definicijskih popisa.
- CSS - na ovoj kartici se mogu stvoriti tablice stilova, kao i kod izgleda.
- Obrasci - s ove kartice mogu se umetnuti najčešći elementi obrasca.
- Krstionica - ova kartica sadrži prečace za rad sa fontovima u HTML-u i CSS-u.
- Okviri - najčešće funkcije za rad s obrascima.
Klikom na svaku karticu gumbi koji se odnose na odgovarajuću kategoriju pojavit će se na alatnoj traci ispod kartica.
03
od 04
Korištenje izbornika isječaka u Bluefishu
Snimka zaslona ljubaznošću Jon Morin
Ispod HTML alatne trake nalazi se izbornik koji se naziva traka isječaka. Ova traka izbornika ima podizbornike koji se odnose na razne programske jezike. Svaka stavka u izbornik ubacuje uobičajeni kod, kao što su HTML doktorski tipovi i meta podaci, na primjer.
Neke su stavke izbornika fleksibilne i generiraju kôd ovisno o oznaci koju želite koristiti. Na primjer, ako želite dodati unaprijed oblikovani blok teksta na web stranicu, možete kliknuti HTML izbornik na traci isječaka i odabrati stavku izbornika "bilo koja uparena oznaka".
Klikom na ovu stavku otvara se dijaloški okvir u kojem se traži unos oznake koju želite koristiti. Možete unijeti "pre" (bez kutnih zagrada), a Bluefish u dokument ubacuje otvarajuću i zatvaračku "pre" oznaku:
.
04
od 04
Ostale značajke Bluefish-a
Snimka zaslona ljubaznošću Jon Morin
Iako Bluefish nije WYSIWYG editor, ima mogućnost omogućavanja pregleda vašeg koda u bilo kojem pregledniku koji ste instalirali na računalo. Također podržava automatsko dovršavanje koda, isticanje sintakse, alate za uklanjanje pogrešaka, okvir za izlaz skripte, dodataka i predložaka koji vam mogu dati brz početak stvaranja dokumenata s kojima često radite s.