Uvod u Bluefish tekst HTML uređivač

Bluefish code editor je program koji se koristi za razvoj web stranica i skripti. Nije WYSIWYG urednik. Plava riba je alat koji se koristi za uređivanje koda iz kojeg se kreira web stranica ili skripta. Namijenjen je programerima koji imaju znanje o pisanju HTML i CSS koda i imaju načine rada s najčešćim skriptnim jezicima kao što su PHP i Javascript, kao i mnogi drugi. Glavna svrha urednika Bluefisha je olakšavanje kodiranja i smanjenje pogrešaka. Bluefish je besplatan i open source softver i verzije dostupne su za Windows, Mac OSX, Linux i razne platforme poput Unixa. Verzija koju koristim u ovom vodiču je Bluefish na Windows 7.

01 od 04

Sučelje Bluefish

Sučelje Bluefish podijeljeno je u nekoliko odjeljaka. Najveći dio je okno za uređivanje i ovo je mjesto gdje možete izravno urediti kôd. S lijeve strane okvira za uređivanje nalazi se bočna ploča koja obavlja iste funkcije kao upravitelj datoteka, omogućujući vam da odaberete datoteke na kojima želite raditi i preimenovati ili brisati datoteke.

Odjeljak zaglavlja pri vrhu Bluefish prozora sadrži nekoliko alatnih traka, koje se mogu prikazati ili sakriti putem izbornika Prikaz.

Alatne trake su glavna alatna traka koja sadrži gumbe za obavljanje zajedničkih funkcija kao što su spremanje, kopiranje i lijepljenje, pretraživanje i zamjena te neke opcije kodova za unos. Primijetit ćete da nema gumba za oblikovanje kao što je podebljano ili podcrtavanje.

To je zato što Bluefish ne formatira kod, već je samo urednik. Ispod glavne alatne trake nalazi se HTML alatna traka i izbornik 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 Bluefish

Alatna traka HTML-a u Bluefish uređena je karticama koje razdvajaju alate prema kategorijama. Kartice su:

• Brzo traku - na ovu karticu možete prikvačiti druge alate za stavke koje često koristite.
• HTML 5 - omogućuje vam pristup uobičajenim oznakama i elementima u HTML 5.
• Standardno se na ovoj kartici pristupaju opcije zajedničkog HTML formata.
• Oblikovanje - manje uobičajene mogućnosti oblikovanja nalaze se ovdje.
• Tablice - različite funkcije generiranja stolova, uključujući čarobnjak za tablice.
• Popis - alati za generiranje naručenih, neuređenih i definiranih popisa.
• CSS - stilski listovi mogu se izraditi s ove kartice, kao i kod izgleda.
• Obrasci - najčešći elementi obrasca mogu se umetnuti s ove kartice.
• Fontovi - ova kartica ima prečace za rad s fontovima u HTML i CSS.
• Okviri - najčešće funkcije za rad s obrascima.

Klikom na svaku karticu pojavit će se gumbe koji se odnose na relevantnu kategoriju na alatnoj traci ispod kartica.

03 od 04

Korištenje izbornika izrezaka u Bluefishu

Ispod HTML alatne trake nalazi se izbornik koji se naziva traka s isječcima. Ova traka izbornika ima podizbornike koji se odnose na različite programske jezike. Svaka stavka na izborniku unosi uobičajeni kôd, kao što su primjerice HTML dokumenti i meta informacije.

Neke su stavke izbornika fleksibilne i generiraju kôd ovisno o oznaci koju želite upotrebljavati. Na primjer, ako želite dodati oblikovani blok teksta na web stranicu, možete kliknuti HTML izbornik na traci isječaka i odabrati stavku izbornika "sve uparene oznake".

Klikom na ovu stavku otvara se dijaloški okvir koji vas zatraži da unesete oznaku koju želite upotrijebiti. Možete unijeti "pre" (bez kutnih zagrada) i Bluefish umetne oznaku za otvaranje i zatvaranje "pre" u dokument:

 . 

 04 od 04 
 Ostale značajke Bluefish 
 Iako Bluefish nije WYSIWYG editor, on ima mogućnost dopustiti da pregledate kôd u bilo kojem pregledniku koji ste instalirali na vaše računalo. Ona također podržava automatsko dovršavanje koda, označavanje sintakse, alate za uklanjanje pogrešaka, izlazni okvir skripte, dodatke i predloške koji vam mogu dati skok početak za stvaranje dokumenata s kojima često radite.