Editor kode Bluefish adalah aplikasi yang digunakan untuk mengembangkan halaman web dan skrip. Ini bukan editor WYSIWYG. Bluefish adalah alat yang digunakan untuk mengedit kode yang dibuat halaman web atau skrip. Ini dimaksudkan untuk programmer yang memiliki pengetahuan menulis kode HTML dan CSS dan memiliki mode untuk bekerja dengan bahasa scripting yang paling umum seperti PHP dan Javascript, serta banyak lainnya. Tujuan utama editor Bluefish adalah membuat pengkodean lebih mudah dan mengurangi kesalahan. Bluefish adalah perangkat lunak dan versi open source gratis dan tersedia untuk Windows, Mac OSX, Linux, dan berbagai platform mirip-Unix lainnya. Versi yang saya gunakan dalam tutorial ini adalah Bluefish pada Windows 7.
01 04
Antarmuka Bluefish
Antarmuka Bluefish. Screen shot courtesy Jon Morin
Antarmuka Bluefish dibagi menjadi beberapa bagian. Bagian terbesar adalah panel edit dan ini adalah tempat Anda dapat langsung mengedit kode Anda. Di sisi kiri panel edit adalah panel samping, yang melakukan fungsi yang sama dengan pengelola file, memungkinkan Anda memilih file yang ingin Anda kerjakan dan mengganti nama atau menghapus file.
Bagian header di bagian atas jendela Bluefish berisi beberapa bilah alat, yang dapat ditampilkan atau disembunyikan melalui menu Lihat.
Bilah alat adalah bilah alat utama, yang berisi tombol untuk menjalankan fungsi-fungsi umum seperti menyimpan, menyalin dan menempel, mencari dan mengganti, dan beberapa opsi indentasi kode. Anda akan melihat bahwa tidak ada tombol format seperti tebal atau garis bawah.
Itu karena Bluefish tidak memformat kode, itu hanya editor. Di bawah bilah alat utama adalah bilah alat HTML dan menu cuplikan. Menu-menu ini berisi tombol dan sub-menu yang dapat Anda gunakan untuk secara otomatis memasukkan kode untuk sebagian besar elemen dan fungsi bahasa.
02 04
Menggunakan Toolbar HTML di Bluefish
Menggunakan Toolbar HTML di Bluefish. Screen shot courtesy Jon Morin
Bilah alat HTML di Bluefish disusun oleh tab yang memisahkan alat berdasarkan kategori. Tab-tabnya adalah:
Quick Bar - Anda dapat menyematkan alat lain ke tab ini untuk item yang sering Anda gunakan.
HTML 5 - memberi Anda akses ke tag dan elemen umum dalam HTML 5.
Standar - opsi format HTML umum diakses pada tab ini.
Format - opsi format kurang umum ditemukan di sini.
Tabel - berbagai fungsi penghasil tabel, termasuk wizard tabel.
Daftar - alat untuk menghasilkan daftar urutan, tidak berurutan, dan definisi.
CSS - stylesheet dapat dibuat dari tab ini serta kode tata letak.
Formulir - elemen formulir yang paling umum dapat disisipkan dari tab ini.
Font - tab ini memiliki pintasan untuk bekerja dengan font dalam HTML dan CSS.
Frames - fungsi paling umum untuk bekerja dengan formulir.
Mengeklik setiap tab akan membuat tombol yang terkait dengan kategori yang relevan muncul di bilah alat di bawah tab.
03 04
Menggunakan Menu Snippet Di Bluefish
Menggunakan Menu Snippet Di Bluefish. Screen shot courtesy Jon Morin
Di bawah bilah alat HTML adalah menu yang disebut bilah cuplikan. Menu bar ini memiliki submenu yang berkaitan dengan berbagai bahasa pemrograman. Setiap item di menu menyisipkan kode yang umum digunakan, seperti HTML doctypes dan informasi meta misalnya.
Beberapa item menu bersifat fleksibel dan menghasilkan kode tergantung pada tag yang ingin Anda gunakan. Misalnya, jika Anda ingin menambahkan blok teks yang sudah diformat ke halaman web, Anda dapat mengklik menu HTML di bilah potongan dan memilih item menu "sembarang tag berpasangan".
Mengklik item ini membuka dialog yang meminta Anda memasukkan tag yang ingin Anda gunakan. Anda dapat memasukkan "pra" (tanpa tanda kurung sudut) dan Bluefish menyisipkan tag pembuka "pra" ke dalam dokumen:
.
04 04
Fitur lain dari Bluefish
Fitur lain dari Bluefish. Screen shot courtesy Jon Morin
Sementara Bluefish bukan editor WYSIWYG, ia memiliki kemampuan untuk membiarkan Anda melihat kode Anda di browser yang telah Anda instal di komputer Anda. Ini juga mendukung pelengkapan otomatis kode, penyorotan sintaks, alat debugging, kotak keluaran skrip, plugin, dan templat yang dapat memberi Anda lompatan awal untuk membuat dokumen yang sering Anda gunakan.