MENGINSTALL BLUEGRIFFON DAN MEMBUAT WEB SEDERHANA DENGAN BLUEGRIFFON

MENGINSTALL BLUEGRIFFON

DAN

MEMBUAT WEB SEDERHANA DENGAN BLUEGRIFFON

SPESIFIKASI MINIMUM BLUEGRIFFON 1.7

            Spesifikasi minimum untuk Bluegriffon 1.7 adalah :

Prosesor                      : 300 Mhz

RAM                            : 64 Mb

Disk Space                   : 4 GB

Display                                    : 640x480 px

CARA INSTALL BLUEGRIFFON 1.7

            Bluegriffon adalah software yang multiplatform (digunakan di beberapa OS) dan dipakai untuk membuat sebuah HTML atau desain Web. Berikut cara install Bluegriffon :

1.      Extract “bluegriffon1.7.tar.bz2”. kenudian cari file “install” di dalam folder hasil extract tadi. Maka akan ada proses instalasi di terminal.

2.      Setelah instalasi selesai, maka akan muncul tampilan bluegriffon seperti ini :

3.      Bluegriffon telah terinstall di PC kita.

MEMBUAT WEB SEDERHANA DENGAN BLUEGRIFFON

            Keuntungan memakai Bluegriffon adalah kita bisa drag and drop karena Bluefriffon berbasis WYSWYG (What You See is What You Get). Caranya adalah sebagai berikut.

            Buat file baru dengan menekan Ctrl+N. Dan inilah tampilannya :

Lalu import Header webnya. (Header dapat dibuat di Gimp). Caranya :

Klik Icon “Insert Image”.

Dan pilih imagenya, lalu tekan “Open”. Dan akan terimpor seperti di bawah ini :

Langkah selanjutnya adalah membuat “Menu Bar”. Caranya sebagai berikut:

Buat sebuah “div” dengan menekan “Insert” à “HTML 5 Element” à “div”

Dan buat div lagi di dalamnya, kemudian pindah mode dari “WYSWYG” ke “Source”

Dan buat syntax seperti ini :

Dan buat div sebanyak menu yang anda buat.  Hasilnya akan seperti ini :

Jadi yan berwarna merah adalah jendela yang aktif, sedangkan lainnya adalah link.

Cara menambahkan link, yaitu block tulisannya seperti gambar di atas, lalu klik icon “insert Link”

Lalu klik icon yang menyerupai folder di samping objek. Dan akan muncul kotak penelusuran seperti di bawah ini :

Kemudian kita cari file yang ingin kita link kan ke text tadi. Setelah itu klik  “Open”.

Maka menu bar kita telah diisi icon.

Setelah itu, kita buat lagi div untuk membuat isi dari web kita. Caranya sama seperti di atas. Setelah itu ketikkan isinya. Hasilnya seperti ini :

Cara menyimpan file html ini adalah sebagai berikut :

Tekan Ctrls+S atau klik menu “File” à “Save” Tampilan yang akan muncul seperti ini

Pilih direktori tempat menyimpan file , setelah itu tekan “Save”.

Membuka file HTML :

            Ketika kita klik 2x pada filenya, maka akan otomatis dibuka melalui Web Browser. Dan apabila kita ingin mengedit, kita harus melakukannya seperti ini :

Buka Bluegriffon à klik “File” à Open (Ctrl+O)

Dan tampilannya seperti ini :

Klik “Chose file” agar kita bisa mencari file yang ingin kita edit.

   

Muncul tampilan seperti ini :

Setelah memilih file yang ingin diedit, kita klik “Open” agar dapat dibuka.

Dan edit semau anda....

Ini Contoh web sederhana yang saya buat : 

Download

Di Sini ----> Via BillionUpload

Terima Kasih , Selamat Mencoba Hidup Baru dengan Linux