Selasa, 11 Juni 2013

Software Aplikasi Linux Kompozer

A. Apa itu kompozer


Kompozer adalah aplikasi dalam linux yang dapat digunakan untuk membuat website berbasis HTML, css, php, dll.
Aplikasi ini memiliki kesamaan yang cukup besar dengan aplikasi yang ada diwindows dalam hal fungsi antara lain, Notepad ++, Adobe Dreamweaver, dll


B. System Requirements
      - Linux or Windows OS
      - Pentium IV or Higher Processor
      - 512 MB minimum RAM

C. Cara Menginstall Kompozer di Linux
1. Masuk terminal

2. Masukan command “Sudo Bash”

3. Lakukan command ls untuk melihat data, setelah itu masukan command “dpkg –i *.deb” untuk menginstall semua aplikasi berbasis .deb.

4. Setelah itu instalasi akan berjalan hingga selesai.

5. Setelah itu, instalasi telah selesai dan bisa dilihat di “Dash Home” dan isi kata “Kompozer”.

6. Setelah itu kompozer siap digunakan.


D. Cara Membuat Website berbasis HTML di kompozer
1) Buka Kompozer dan halaman baru.

2) Pilih pada pilihan Source untuk mengisi secara manual berdasar syntax.

3) Buat terlebih dahulu syntax CSSnya.  Yang saya gunakan disini adalah CSS internal.



4) Setelah selesai membuat CSSnya, buat isi dari HTML. Diawal dengan mengisi syntaxnya.

5) Setelah itu isi body sesuai keinginan, setelah itu buat syntax untuk menu dan footer.

6) Berikut ini adalah contoh HTML.


7) Dan buat HTML lagi dan hingga selesai dengan cara yang sama, kemudian hasilnya akan seperti dibawah ini.




8) Kemudian masukan link dari HTML yang dibuat ke Syntax menu agar dapat berpindah dari HTML satu ke HTML satunya. Masukan syntaxnya seperti dibawah ini.

9) Saya memberikan tambahan yaitu membuat checklist dan submit button. Seperti dibawah ini.

10) Caranya adalah sebagai berikut. Pilih menu Form dan pilih Form Field.

11) Setelah itu ganti field typenya menjadi check box.

12) Isi field namenya, lalu klik ok.

13) Akan muncul seperti dibawah ini.

14) Buat sebanyak keinginan anda. Lalu blok check list tadi untuk menjadikan dalam satu tabel dengan mengeklik menu Tabel

15) Akan muncul kotak dialog seperti dibawah ini. Pilih comma agar bisa diurutkan dibawahnya bukan disampingnya. Klik OK.

16) Hasilnya sebagai berikut dan langsung membuat Button dengan pilih Form dan pilih Form Field.

17) Pilih field type menjadi Button.

18) Isikan field namanya sesuai keinginan. Lalu isi field valuenya agar buttonnya memiliki isi dan tidak kosong.

19) Hasilnya seperti dibawah ini.

20) Berikut ini adalah cara untuk mengesave data tadi. Klik menu Save.

21) Isikan namanya dan save dalam bentuk HTML.

22) Proses pembuatan HTML pun telah selesai dan hasil juga sudah diperlihatkkan tadi.

Untuk contoh project dapat didownload Disini

Note : Untuk dapat download di "BillionUpload" jangan pilih link "Download" dan pilih "Download or Watch". Setelah itu hilangkan centang dibawah link download

0 komentar:

Posting Komentar