BlueGriffon : Aplikasi Web Editor dengan kemampuan WYSIWYG

Advertisements

Membuat website membutuhkan pemahaman terhadap bahasa HTML (Hyper Text Markup Language), CSS (Cascading Style Sheet), dan JS (JavaScript) sebagai dasarnya. Dengan HTML anda menentukan isinya, CSS untuk mengatur penampilan isinya dan JS untuk fungsi – fungsi yang membutuhkan perhitungan.

Bisa dilihat bahwa diperlukan suatu software ideal yang mampu menyatukan beberapa bahasa yang berbeda tetapi untuk satu tujuan ini. Beberapa software untuk editing website seperti Adobe Dreamweaver, Aptana atau bahkan Notepad bisa digunakan untuk editing website. Kalau Dreamweaver mungkin terlalu berlebihan untuk editing script HTML dan karena berbayar kemungkinan besar anda tidak mendapatkan lewat cara yang legal, Aptana sendiri karena berbasis Eclipse juga bisa cukup berat kalau hanya digunakan untuk membuat website statis berbasis HTML, sedangkan Notepad terlalu sederhana dan tidak memberikan kemampuan apapun untuk mengedit script pada umumnya.

Sehingga kita sebaiknya mengambil jalan tengah, yaitu mencari aplikasi yang tidak kelas berat dan memang memiliki fungsi untuk editing HTML, CSS, JS dan keluarganya. BlueGriffon adalah jawaban saya atas dilema anda ini, software ini bersifat open source sehingga bisa dikatakan gratis. Basis software ini berasal dari mesin rendering Gecko yang juga digunakan Mozilla Firefox, jadi ada beberapa addon Firefox yang juga bisa digunakan BlueGriffon. Untuk menggunakannya software HTML Editor ini anda bisa langsung membuka halaman kosong untuk mulai menulis kode – kode HTML website anda, tampilan awalnya bisa berupa source code dari website.

bluegriffon-source

Jika anda ingin melihat bagaimana tampilan dari kode HTML, CSS dan JS anda, cukup mengubahnya ke mode WYSIWYG (What You See Is What You Get) yang terletak di bagian bawah aplikasi.

Advertisements

bluegriffon-wysiwyg

Anda juga bisa melihat nilai properti dari style yang digunakan pada bagian Style Properties.
bluegriffon-style-properties

Script CSS yang digunakan dalam halaman web tertentu juga bisa dikenali dan akan ditampilkan daftarnya pada bagian Stylesheets.
bluegriffon-stylesheets

Kode CSS yang ada bisa langsung diedit menggunakan CSS Editornya.
bluegriffon-css-editor

Ingin mengetahui DOM (Document Object Model) di halaman web anda? Gunakan saja DOM Explorer.
bluegriffon-dom-explorer

Advertisements

Anda memiliki kode JavaScript yang ingin dicoba fungsinya? Terdapat JavaScript Console sebagai lahan ujicobanya, anda juga bisa melihat error – error JavaScript website anda disini.
bluegriffon-javascript-console

Sebagai pemula yang baru belajar HTML terkadang kode yang anda buat tidaklah optimal, ini BlueGriffon tidak bisa membantu. Tapi kadang ada kode HTML yang tidak berguna sehingga bisa dengan aman dihapus, anda bisa menggunakan fungsi Markup Cleaner untuk membersihkan script HTML anda.

bluegriffon-markup-cleaner

BlueGriffon sebagai software HTML Editor sendiri berbasis Gecko Engine, sehingga standar web terbaru sudah didukungnya seperti HTML5, CSS3, SVG (Scalable Vector Graphic) dan sebagainya. Fitur – fitur diatas hanyalah sebagian kecil dari kemampuan BlueGriffon, anda sebenarnya bisa membuat website statis berbasis HTML, CSS dan JS hampir tanpa mengetikkan kode sama sekali. Cukup gunakan menu – menu yang ada di BlueGriffon, singkatnya cobalah bereksplorasi seluruh fitur – fitur BlueGriffon. Bila dirasa fungsi yang ditawarkan masih kurang, anda bisa menambahkannya dengan Addon BlueGriffon.
bluegriffon-addons

Saya yakin melalui penjelasan mengenai BlueGriffon diatas bisa disimpulkan adalah salah satu software editor website terbaik yang ada sekarang ini. BlueGriffon tersedia juga untuk beberapa sistem operasi? seperti Windows, Linux dan Mac.

Advertisements

Tinggalkan komentar