Editor kod Bluefish adalah aplikasi yang digunakan untuk membangunkan halaman web dan skrip. Ia bukan editor WYSIWYG. Bluefish adalah alat yang digunakan untuk mengedit kod yang dibuat oleh laman web atau skrip. Ia dimaksudkan untuk pengaturcara yang mempunyai pengetahuan mengenai menulis HTML dan kod CSS dan mempunyai mod untuk bekerja dengan bahasa skrip yang paling biasa seperti PHP dan Javascript, serta banyak lagi yang lain. Tujuan utama penyunting Bluefish adalah membuat pengkodan lebih mudah dan mengurangkan kesilapan. Bluefish adalah perisian percuma dan open source yang tersedia untuk Windows, Mac OSX, Linux, dan pelbagai platform lain seperti Unix. Versi yang saya gunakan dalam tutorial ini ialah Bluefish pada Windows 7.
01 04
Antara muka Bluefish
Antara muka Bluefish. Screen shot courtesy Jon Morin
Antara muka Bluefish dibahagikan kepada beberapa bahagian. Bahagian terbesar ialah panel edit dan ini adalah tempat anda boleh mengedit kod anda secara langsung. Di sebelah kiri anak tetingkap edit adalah panel sisi, yang melakukan fungsi yang sama sebagai pengurus fail, membolehkan anda memilih fail yang ingin anda kerjakan dan mengubah nama atau memadam fail.
Seksi header di bahagian atas tingkap Bluefish mengandungi beberapa bar alat, yang dapat ditunjukkan atau disembunyikan melalui menu View.
Bar alat adalah bar alat utama, yang mengandungi butang untuk melaksanakan fungsi umum seperti menyimpan, menyalin dan menampal, mencari dan menggantikan, dan beberapa pilihan indentasi kod. Anda akan mendapati bahawa tiada butang pemformatan seperti berani atau garis bawah.
Itu kerana Bluefish tidak format kod, ia hanya editor. Di bawah bar alat utama adalah bar alat HTML dan menu coretan. Menu ini mengandungi butang dan sub-menu yang boleh anda gunakan untuk memasukkan kod secara automatik untuk kebanyakan elemen bahasa dan fungsi.
02 04
Menggunakan Toolbar HTML dalam Bluefish
Menggunakan Toolbar HTML dalam Bluefish. Screen shot courtesy Jon Morin
Bar alat HTML di Bluefish diatur oleh tab yang memisahkan alat mengikut kategori. Tab adalah:
Bar Pantas - anda boleh memasang alat lain ke tab ini untuk item yang sering anda gunakan.
HTML 5 - memberi anda akses kepada tag biasa dan elemen dalam HTML 5.
Standard - pilihan pemformatan HTML biasa diakses pada tab ini.
Pemformatan - pilihan pemformatan kurang biasa terdapat di sini.
Jadual - pelbagai fungsi penjanaan jadual, termasuk wizard jadual.
Senarai - alat untuk menghasilkan senarai yang disusun, tidak teratur, dan takrif.
CSS - stylesheets boleh dibuat dari tab ini serta kod tata letak.
Borang - elemen bentuk yang paling biasa boleh dimasukkan dari tab ini.
Font - tab ini mempunyai pintasan untuk berfungsi dengan fon dalam HTML dan CSS.
Bingkai - fungsi yang paling biasa untuk bekerja dengan borang.
Mengklik pada setiap tab akan membuat butang yang berkaitan dengan kategori yang berkaitan muncul dalam bar alat di bawah tab.
03 dari 04
Menggunakan Menu Snippet Dalam Bluefish
Menggunakan Menu Snippet Dalam Bluefish. Screen shot courtesy Jon Morin
Di bawah bar alat HTML adalah menu yang dipanggil bar coretan. Bar menu ini mempunyai submenu yang berkaitan dengan pelbagai bahasa pengaturcaraan. Setiap item pada menu menyelitkan kod yang biasa digunakan, seperti dokumentasi HTML dan maklumat meta contohnya.
Beberapa item menu adalah fleksibel dan menghasilkan kod bergantung pada teg yang ingin anda gunakan. Sebagai contoh, jika anda ingin menambahkan blok teks yang telah diformat semula ke halaman web, anda boleh mengklik menu HTML dalam bar coretan dan memilih item menu "mana-mana pasangan yang berpasangan".
Mengklik item ini membuka dialog yang meminta anda memasukkan tag yang ingin anda gunakan. Anda boleh memasukkan "pra" (tanpa tanda kurung sudut) dan Bluefish memasukkan pembukaan dan menutup "pre" tag ke dalam dokumen:
.
04 04
Ciri-ciri lain Bluefish
Ciri-ciri lain Bluefish. Screen shot courtesy Jon Morin
Walaupun Bluefish bukan editor WYSIWYG, ia mempunyai keupayaan untuk membolehkan anda mempratonton kod anda dalam mana-mana penyemak imbas yang telah anda pasang pada komputer anda. Ia juga menyokong penyempurnaan kod automatik, penyemakan sintaks, alat debugging, kotak output skrip, plugin, dan templat yang boleh memberi anda permulaan lompat untuk membuat dokumen yang kerap anda bekerjasama.