Scribd
Unggah
311 tayangan16 halaman

Kompozer

Kompozer adalah editor HTML yang berguna untuk merancang dan mengatur halaman website secara visual. Terdiri dari beberapa area kerja seperti page area untuk mengedit dokumen, toolbar untuk menambah objek, dan site manager untuk mengelola situs. Kompozer memungkinkan pengguna untuk menambahkan gambar, membuat form, serta menyusun konten menggunakan tabel.

Diunggah oleh

Mas Tommy
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
311 tayangan16 halaman

Kompozer

Kompozer adalah editor HTML yang berguna untuk merancang dan mengatur halaman website secara visual. Terdiri dari beberapa area kerja seperti page area untuk mengedit dokumen, toolbar untuk menambah objek, dan site manager untuk mengelola situs. Kompozer memungkinkan pengguna untuk menambahkan gambar, membuat form, serta menyusun konten menggunakan tabel.

Diunggah oleh

Mas Tommy
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PPTX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 16

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

Anda mungkin juga menyukai