Editor kode Bluefish yaiku aplikasi sing digunakake kanggo ngembangake kaca web lan skrip. Iku ora dadi editor WYSIWYG. Bluefish minangka alat sing digunakake kanggo nyunting kode sing digawé saka kaca web utawa skrip. Iku ditrapake kanggo programer sing duwe kawruh nulis kode HTML lan CSS lan duwe mode kanggo nggarap basa skrip paling umum kaya PHP lan Javascript, uga akeh liyane. Tujuan utama panyunting Bluefish yaiku supaya kodhe luwih gampang lan ngurangi kasalahan. Bluefish gratis lan piranti lunak lan versi gratis sing kasedhiya kanggo Windows, Mac OSX, Linux, lan maneka warna platform kaya Unix. Versi sing digunakake ing tutorial iki yaiku Bluefish ing Windows 7.
01 saka 04
Bluefish Interface
Bluefish Interface. Layar dijupuk oleh Jon Morin
Antarmuka Bluefish dibagi dadi pirang-pirang bagean. Bagian paling gedhé yaiku panel sunting lan ing ngendi sampeyan bisa langsung ngubah kode panjenengan. Ing sisih kiwa panel sunting punika panel sisih, sing nglakoni fungsi sing padha karo pangatur file, ngidini sampeyan milih file sing pengin dienggo lan ngganti jeneng utawa mbusak file.
Bagian header ing sisih ndhuwur jendela Bluefish ngemot sawetara toolbar, sing bisa ditampilake utawa didhelikake liwat menu View.
Toolbar minangka toolbar utama, sing ngemot tombol kanggo nindakake fungsi umum kaya nyimpen, nyalin lan tempel, nelusuri lan ngganti, lan sawetara opsi indentasi kode. Sampeyan bakal sok dong mirsani ora ana tombol formatting kayata kandel utawa garis bawah.
Iku amarga Bluefish ora format kode, mung editor. Ing ngisor toolbar utama yaiku toolbar HTML lan menu snippets. Menu iki ngemot tombol lan sub-menu sing bisa digunakake kanggo nglebokake kode kanthi otomatis kanggo paling akeh unsur lan fungsi basa.
02 saka 04
Nggunakake Toolbar HTML ing Bluefish
Nggunakake Toolbar HTML ing Bluefish. Layar dijupuk oleh Jon Morin
Toolbar HTML di Bluefish disusun dening tab sing misahake alat miturut kategori. Tab iku:
Quick Bar - sampeyan bisa ngetik alat liyane ing tab iki kanggo item sing kerep digunakake.
HTML 5 - menehi akses menyang tandha umum lan unsur HTML 5.
Standar - opsi format HTML umum sing diakses ing tab iki.
Formatting - opsi formatting kurang umum sing ana ing kene.
Tabel - macem-macem fungsi sing ngasilake tabel, kalebu panuntun tabel.
Dhaftar - alat kanggo ngasilake dhaptar dhaptar sing dhawuh, ora kagandhèng, lan dhéfinisi.
CSS - stylesheets bisa digawe saka tab iki uga kode tata letak.
Formulir - unsur wangun sing paling umum bisa dilebokake saka tab iki.
Font - tab iki nduweni trabasan kanggo nggarap fonts ing HTML lan CSS.
Pigura - fungsi paling umum kanggo nggarap formulir.
Ngeklik ing saben tab bakal nggawe tombol sing gegandhengan karo kategori sing cocog katon ing toolbar ing ngisor tab.
03 saka 04
Nggunakake Menu Snippets Ing Bluefish
Nggunakake Menu Snippets Ing Bluefish. Layar dijupuk oleh Jon Morin
Ing ngisor iki toolbar HTML yaiku menu sing disebut bar potongan. Bar menu iki nduweni submenus sing ana hubungane karo macem-macem basa pamrograman. Saben item ing menu nglebokake kode sing umum digunakake, kayata dokumentasi HTML lan informasi meta contone.
Sawetara item menu sing fleksibel lan generate kode gumantung saka tag sing pengin digunakake. Umpamane, yen sampeyan pengin nambah blokir teks sing wis diformat menyang kaca web, sampeyan bisa ngeklik menu HTML ing kolom snippets lan pilih item "sembarang pasangan sing digandhengake".
Ngeklik item iki mbukak dialog sing bakal nimbulake sampeyan ngetik label sing pengin digunakake. Sampeyan bisa ngetik "pra" (tanpa kurung siku) lan Bluefish nglebokaké bukaan lan nutup tag "pre" ing dokumen:
.
04 saka 04
Fitur liyane Bluefish
Fitur liyane Bluefish. Layar dijupuk oleh Jon Morin
Nalika Bluefish ora dadi editor WYSIWYG, iku nduweni kemampuan supaya sampeyan pratinjau kode sampeyan ing browser sing wis diinstal ing komputer. Uga ndhukung kode otomatis-completion, syntax highlighting, alat debugging, skrip output kotak, plugins, lan template sing bisa menehi wiwitan kanggo nggawe dokumen sing kerep digunakake.