Urednik Bluefish koda je aplikacija koja se koristi za izradu web stranica i skripti. To nije WYSIWYG editor. Bluefish je alat koji se koristi za uređivanje koda od kojeg se kreira web stranica ili skripta. Namenjen je programerima koji znaju pisati HTML i CSS kod i imaju načine za rad sa najčešćim skriptnim jezicima poput PHP-a i Javascript-a, kao i velikom broju drugih. Glavna svrha urednika Bluefish je lakše kodiranje i smanjenje grešaka. Bluefish je besplatan i softver otvorenog koda i dostupne su verzije za Windows, Mac OSX, Linux i razne druge Unix platforme. Verzija koju koristim u ovom vodiču je Bluefish na Windowsu 7.
01 od 04
Bluefish interfejs
Bluefish interfejs. Screen shot courtesy Jon Morin
Bluefish interfejs je podeljen na više odseka. Najveći dio je okno za uređivanje i tu možete direktno urediti svoj kod. Na levoj strani okna za uređivanje je bočni panel koji vrši iste funkcije kao i upravljački program, omogućavajući vam da izaberete datoteke koje želite raditi i preimenovati ili obrisati datoteke.
Odeljak zaglavlja na vrhu prozora Bluefish sadrži nekoliko traka sa alatkama, koji se mogu prikazati ili sakriti preko menija Prikaz.
Trake sa alatkama su glavna traka sa alatkama, koja sadrži tastere za izvršavanje zajedničkih funkcija kao što su čuvanje, kopiranje i lepljenje, pretraživanje i zamjena, kao i neke opcije za unos koda. Primetili ste da nema dugmadi za oblikovanje kao što je bold ili podcrtano.
To je zato što Bluefish ne formatira kôd, već samo urednik. Ispod glavne trake sa alatkama je HTML traka sa alatkama i meni snippeta. Ovi meniji sadrže tastere i podmenije koje možete koristiti za automatsko ubacivanje koda za većinu jezičkih elemenata i funkcija.
02 od 04
Korišćenje HTML alatke u Bluefishu
Korišćenje HTML alatke u Bluefishu. Screen shot courtesy Jon Morin
HTML traku sa alatkama u Bluefishu uređuju tablovi koji razdvajaju alate po kategorijama. Kartice su:
Brza linija - možete postaviti i druge alate na ovu karticu za stavke koje često koristite.
HTML 5 - daje vam pristup zajedničkim oznakama i elementima u HTML-u 5.
Standardno - dostupne su zajedničke HTML opcije za formatiranje na ovom kartici.
Formatiranje - manje zajedničke opcije za oblikovanje se nalaze ovdje.
Tabele - razne funkcije generisanja tablica, uključujući i čarobnjaka za tablice.
Lista - alati za generisanje uređenih, neuređenih i definisanih spiskova.
CSS - stylesheets se mogu kreirati sa ove kartice, kao i šablona za postavljanje.
Obrasci - najčešći elementi formi mogu se ubaciti sa ovog jezičaka.
Fontovi - ovaj tabulator ima prečice za rad s fontovima u HTML i CSS.
Okviri - najčešće funkcije za rad sa formama.
Klikom na svako jezičko će se tasteri koji se odnose na odgovarajuću kategoriju pojaviti na traci sa alatkama ispod tabulatora.
03 od 04
Korišćenje menija Snippets u Bluefish
Korišćenje menija Snippets u Bluefish. Screen shot courtesy Jon Morin
Ispod HTML alatne trake je meni koji se zove traka snimanja. Ova traka sa menijima ima podmenije koji se odnose na različite programske jezike. Svaka stavka u meniju ubacuje uobičajeno korišćeni kod, na primer HTML doktip i meta informacije na primjer.
Neke od stavki menija su fleksibilne i generišu kôd zavisno od oznake koju želite koristiti. Na primjer, ako želite da dodate unaprijed formatirani blok teksta na web stranicu, možete kliknuti na HTML meni u traci snimanja i odabrati stavku menija "bilo koja uparena oznaka".
Klikom na ovu stavku otvara se dijalog koji vas poziva da unesete oznaku koju želite da koristite. Možete uneti "pre" (bez uglova) i Bluefish ubacuje u dokument dokument za otvaranje i zatvaranje "pre":
.
04 od 04
Ostale karakteristike Bluefisha
Ostale karakteristike Bluefisha. Screen shot courtesy Jon Morin
Dok Bluefish nije WYSIWYG editor, on vam omogućava da pregledate svoj kod u bilo kom pretraživaču koji ste instalirali na računaru. Takođe podržava kod automatskog završetka, isticanje sintakse, alate za otklanjanje grešaka, izlazno polje za skripte, dodatke i šablone koji vam mogu dati početak skakanja za kreiranje dokumenata sa kojima često radite.