The Bluefish kodea editorea web orrialdeak eta gidoiak garatzeko erabilitako aplikazio bat da. Ez da WYSIWYG editorea. Bluefish-ek webgune bat edo gidoia sortzen duen kodea editatzeko erabiltzen den tresna da. HTML eta CSS kodea idazteko ezagutza duten programatzaileak dira eta PHP eta Javascript bezalako scripting hizkuntzak erabiltzen dituzten moduak dituzte, baita beste asko ere. Bluefish editoreak helburu nagusia kodifikazioa erraztea eta akatsak murriztea da. Bluefish kode irekiko softwarea da eta bertsioak Windows, Mac OSX, Linux eta beste hainbat Unix bezalako plataformetarako daude erabilgarri. Tutorial honetan erabiltzen dudan bertsioa Bluefish Windows 7-an da.
04. 01. zenbakia
Bluefish interfazea
Bluefish interfazea. Screen shot courtesy Jon Morin
The Bluefish interfazea hainbat ataletan banatzen da. Atal handiena editatzeko panela da eta hau zure kodea zuzenean editatu dezakezu. Editatu panelaren ezkerraldean alboko panela da, fitxategi kudeatzailearentzako funtzio berberak egiten dituena, fitxategiak berrizendatu edo ezabatu nahi dituzun fitxategiak aukeratzeko.
Bluefish leihoko goiko goiburuko atalean hainbat tresna-barra daude, ikus menpean ikusi edo ezkutatuta.
Tresna-barrak tresna-barra nagusiak dira, gordetzeko, kopiatzeko eta itsasteko, bilaketak egiteko eta ordezkatzeko eta kodeen koska-aukera batzuk egiteko ohiko funtzioetarako botoiak. Formateatzeko botoiak ez daude, esate baterako, lodia edo azpimarragarria.
Bluefishek ez du kodea formateatzen, editore bakarra da. Tresna-barra nagusia azpian HTML tresna-barra eta mozkinen menua dago. Menuak hauek botoiak eta menpeko menuak dituzte, hizkuntza-elementu eta funtzio gehienetarako kodea automatikoki txertatzeko.
02 de 04
Bluefish-eko HTML tresna-barra erabiliz
Bluefish-eko HTML tresna-barra erabiliz. Screen shot courtesy Jon Morin
Bluefish-eko HTML tresna-barra kategoriak bereizten dituen fitxen bidez antolatzen da. Fitxa hauek dira:
Quick Bar - maiz erabiltzen dituzun elementuak beste tresna batzuk sar ditzakezu fitxa honetan.
HTML 5 - HTML 5 etiketa eta elementu komunei sarbidea ematen zaie.
Estandarra - fitxa honetan sar zaitezke HTML formatuko aukera komunak.
Formateatzea - formatu gutxiago dauden aukerak hemen aurkitzen dira.
Mahaiak - mahaiaren wizard bat barne mahaiaren funtzio berriak sortuz.
Zerrenda - ordenatuak, ordenatu gabekoak eta definizio zerrendak sortzeko tresnak.
CSS - estilo-orrien fitxa eta diseinu-kodea sor daitezke.
Inprimakiak - inprimakien elementu ohikoenak fitxan txertatu daitezke.
Letren letra tipoak HTML eta CSS letra-tipoekin lan egiteko lasterbideak ditu.
Markoak - inprimakiekin lan egiteko funtzio ohikoenak.
Fitxetan klik egitean dagokion botoiei buruzko botoiak fitxetan azaltzen diren tresna-barrako agertuko dira.
04/03
Pieza laburrak erabiliz Bluefish-en
Pieza laburrak erabiliz Bluefish-en. Screen shot courtesy Jon Morin
HTML tresna-barra azpian barrako barra izeneko menua da. Menu-barra honek programazio-lengoai anitzei buruzko azpi-menuak ditu. Menuan elementu bakoitzak ohiko erabilitako kodea txertatzen du, esaterako HTML irakaspenak eta meta-informazioa adibidez.
Menuko elementu batzuk malguak dira eta kodea sortu behar duzu erabili nahi duzun etiketaren arabera. Esate baterako, aurrefabrikatutako testu-bloke bat web orri batera eraman nahi baduzu, HTML menuan klik egin dezakezu mozkin barra-barran, eta hautatu "parekatutako etiketa" menu-elementua.
Elementu honetan klik egitean, erabili nahi duzun etiketa sartu nahi duzun elkarrizketa-koadroa irekitzen du. "Aurre" sar dezakezu (angelu-parentesirik gabe) eta Bluefish-ek "aurrez" etiketa bat irekitzen du dokumentuan:
.
04 de 04
Bluefish-ren bestelako ezaugarriak
Bluefish-ren bestelako ezaugarriak. Screen shot courtesy Jon Morin
Bluefish WYSIWYG editorea ez den bitartean, zure ordenagailuan instalatutako edozein arakatzaile aurreikusteko aukera ematen du. Kodea automatikoki osatzeko, sintaxiaren nabarmentzea, arazketa tresnak, idazketa irteera kutxa bat, pluginak eta txantiloiak ere onartzen ditu, sarritan lan egiten dituzun dokumentuak sortzeko saltoa lortzeko.