Tutorial Editor HTML Teks Bluefish

Ikan Biru editor kode adalah aplikasi yang digunakan untuk mengembangkan halaman web dan skrip. Ini bukan editor WYSIWYG. Bluefish adalah alat yang digunakan untuk mengedit kode tempat halaman web atau skrip dibuat. Ini dimaksudkan untuk programmer yang memiliki pengetahuan tentang menulis HTML dan CSS kode dan memiliki mode untuk bekerja dengan bahasa scripting yang paling umum seperti PHP dan Javascript, serta banyak lainnya. Tujuan utama editor Bluefish adalah untuk mempermudah pengkodean dan mengurangi kesalahan. Bluefish gratis dan perangkat lunak sumber terbuka dan versi tersedia untuk Windows, Mac OSX, Linux, dan berbagai platform mirip Unix lainnya. Versi yang saya gunakan dalam tutorial ini adalah Bluefish di Windows 7.

dari 04

Antarmuka Ikan Biru

Antarmuka Bluefish dibagi menjadi beberapa bagian. Bagian terbesar adalah panel edit dan di sinilah Anda dapat langsung mengedit kode Anda. Di sisi kiri panel edit adalah panel samping, yang melakukan fungsi yang sama seperti pengelola file, memungkinkan Anda memilih file yang ingin Anda kerjakan dan mengganti nama atau menghapus file.

instagram viewer

Bagian header di bagian atas jendela Bluefish berisi beberapa toolbar, yang dapat ditampilkan atau disembunyikan melalui menu View.

Bilah alat adalah bilah alat utama, yang berisi tombol untuk melakukan fungsi umum seperti simpan, salin dan tempel, cari dan ganti, dan beberapa opsi indentasi kode. Anda akan melihat bahwa tidak ada tombol pemformatan seperti huruf tebal atau garis bawah.

Itu karena Bluefish tidak memformat kode, itu hanya editor. Di bawah bilah alat utama adalah HTML toolbar dan menu cuplikan. Menu ini berisi tombol dan sub-menu yang dapat Anda gunakan untuk menyisipkan kode secara otomatis untuk sebagian besar elemen dan fungsi bahasa.

dari 04

Menggunakan Bilah Alat HTML di Bluefish

Toolbar HTML di Bluefish diatur oleh tab yang memisahkan alat berdasarkan kategori. Tab tersebut adalah:

Bilah Cepat - 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 pemformatan HTML umum diakses di tab ini.
Memformat - opsi pemformatan yang kurang umum ditemukan di sini.
Tabel - berbagai fungsi pembangkit tabel, termasuk wizard tabel.
Daftar - alat untuk menghasilkan daftar berurutan, tidak berurutan, dan definisi.
CSS - stylesheet dapat dibuat dari tab ini serta kode tata letak.
Formulir - elemen formulir paling umum dapat dimasukkan dari tab ini.
font - tab ini memiliki pintasan untuk bekerja dengan font dalam HTML dan CSS.
Bingkai - fungsi paling umum untuk bekerja dengan formulir.

Mengklik setiap tab akan membuat tombol yang berkaitan dengan kategori yang relevan muncul di bilah alat di bawah tab.

dari 04

Menggunakan Menu Cuplikan Di Bluefish

Di bawah bilah alat HTML adalah menu yang disebut bilah cuplikan. Menu bar ini memiliki submenu yang berhubungan dengan berbagai bahasa pemrograman. Setiap item pada menu menyisipkan kode yang umum digunakan, seperti doctypes HTML dan informasi meta misalnya.

Beberapa item menu fleksibel dan menghasilkan kode tergantung pada tag yang ingin Anda gunakan. Misalnya, jika Anda ingin menambahkan blok teks yang telah diformat sebelumnya ke halaman web, Anda dapat mengeklik menu HTML di bilah cuplikan dan memilih item menu "setiap tag yang dipasangkan".

Mengklik item ini akan membuka dialog yang meminta Anda memasukkan tag yang ingin Anda gunakan. Anda dapat memasukkan "pre" (tanpa tanda kurung siku) dan Bluefish memasukkan tag pembuka dan penutup "pre" ke dalam dokumen:

dari 04

Fitur lain dari Bluefish

Sementara Bluefish bukan Editor WYSIWYG, itu memang memiliki kemampuan untuk membiarkan Anda melihat kode Anda di browser apa pun yang telah Anda instal di komputer Anda. Ini juga mendukung pelengkapan otomatis kode, penyorotan sintaks, alat debugging, kotak keluaran skrip, plugin, dan template yang dapat memberi Anda awal yang baik untuk membuat dokumen yang sering Anda kerjakan dengan.