BAB

Kompozer
program aplikasi pembangun halaman situs
4/8/2013 1

Pengertian
Kompozer yang sekarang telah mencapai versi 0.8 yang sudah stabil dan dapat dioperasikan secara portable atau tanpa penginstalan di unit komputer. Kompozer tidak lain adalah editor dari HTML yang berguna dalam perancangan visual dan mengatur website dan halaman dari page itu sendiri
4/8/2013 2

Area Kerjanya

4/8/2013

 Page Area : Menampilkan dokumen aktif yang sedang dibuat dan diedit Composition Toolbar: Berisi button untuk membuat dan memasukkan berbagai macam objek, seperti image/gambar, table, frame dan lain-lain. Format Tollbar 1: Tool berisikan pengaturan tipe teks dari heading, numbering, indent dan definition term serta penekanan teks Format Toolbar 2: Tool ini berisikan jenis font, warna font maupun background font, untuk memperbesar dan memperkecil font, bold, italic, underline dan alignment
4/8/2013 4

 Site Manager Manajer situs memungkinkan Anda untuk menavigasi situs atau antara situs dengan mudah
Situs Manajer aktif atau tidak aktif baik tekan F9 atau menggunakan View> Show / Hide> 4/8/2013 5 Site Manager

 Insert Image adalah suatu teknik untuk menambahkan gambar disebuah halaman web
1. Klik insert-> image dan cari gambar

Insert Image

4/8/2013

 Alternate text berfungsi untuk memasukkan text apabila mouse di letakkan di atas gambar Dimension berfungsi untuk merubah ukuran gambar.

4/8/2013

 Appearance berfungsi untuk mengatur letak gambar Sedang link untuk membuat link gambar tersebut

Catatan : untuk memudahkan dalam pencari file gambar yang akan ditampilkan pasang atau simpan gambar pada folder yang sama dengan file yang disimpan.
4/8/2013 8

Membuka Halaman baru

Klik menu Tools> Options> General, kemudian centang kotak 'Use CSS Styles instead of HTML Elements ... Pilihan untuk memulai halaman:
Untuk memulai halaman baru kosong Untuk membuka halaman yang telah ada

4/8/2013

Properti Frame dan Frameset

Frame dan frameset masing-masing mempunyai sebuah Property inspector. Properti frame terdiri dari nama frame, file sumber, margin, scrolling, resizing, dan border dari frame individual dari sebuah frameset Untuk memunculkan properti frame :
Pilih Window > Properties untuk menampilkan Property inspector jika belum terbuka
Lakukan salah satu dari berikut ini :
Alt-Click sebuah frame. Klik sebuah frame di panel Frames.
4/8/2013 10

Pengenalan Form

cara untuk mengumpulkan informasi biodata user adalah dengan menggunakan apa yang disebut sebagai FORM Form biasanya diproses dengan CGI (Common Gateway Interface) . CGI adalah cara standar untuk mengirim informasi antara server dan yang memproses script

4/8/2013

11

Bagian FORM
Form, pada dasarnya, terdiri tiga bagian :
Tag <form>, berisi informasi tentang url yang akan dijalankan ketika form disubmit dan bagaimana cara/metode (method) pengiriman datanya. Form Field, yaitu objek-objek form, seperti textfield, checkbox atau radio button. Submit Button, untuk mengirimkan data ke server. Tanpa ada submit button (dan coding script), sebuah form tidak dapat dikirimkan ke server
4/8/2013 12

Text Field
Ada tiga jenis text field:
Single Line Text Field (Text Field Satu baris) Multiple Line Text Field (Text Field Baris Banyak) Password Field (Text Field untuk password)

CheckBox
CheckBox digunakan agar User bisa memilih lebih dari satu pilihan yang disediakan Masing-masing dari CheckBox dioperasikan terpisah
4/8/2013 13

Radio Button

Semua Radio Button yang dalam satu grup harus mempunyai nama Radio Button yang sama

Scrolling List
Scrolling List digunakan untuk menampilkan beberapa pilihan dalam satu tempat
PopUp Menu PopUp Menu menampilkan pilihan-pilihan yang ada dalam satu baris atau hanya satu pilihan yang ditampilkan
4/8/2013 14

Text Button

adalah tombol standar browser yang berisi text yang ingin ditampilkan, sperti Submit atau Reset Validate Form digunakan untuk mencek isi dari salah satu text field yang ada pada Form yang dibuat

Validate Form

4/8/2013

15

TABLE

Table terdiri dari tiga komponen utama

Rows Column Cells (pertemuan antara baris dan kolom)

4/8/2013

16