Tutorial Membuat Frameset & List Button Pada Dreamweaver CS6

Ditulis oleh - Taufik Ramadhan - 22 - Nov - 2015

Tutorial Membuat Frameset & List Button Pada Dreamweaver CS6

1. Buka Dreamweaver pada icon di desktop, atau di directory anda

2. Pada tampilan awal pilih HTML

3. Klik Design pada toolbar

4. Langkah awal buat Halaman “home”. Isikan text yang diinginkan. Lalu save.

5. Langkah berikutnya buat html baru dengan nama “biodata”. Untuk halaman biodata menggunakan
tabel. Caranya klik menu insert>tabel. Buat 4 rows dan 3 columns. Klik OK.lalu buat seperti gambar dibawah. Untuk menghilangkan garis tabel, klik table lalu pada toolbar dibawah ganti border menjadi 0.

6. Untuk membuat jenis kelamin menggunakan opsi pilihan, caranya dengan klik insert > pilih form > pilih select (list/menu), seperti gambar dibawah.

7. kemudian untuk mengisi list jenis kelamin, klik “list value” pada toolbar yang ada dibawah. Seperti pada contoh ini.

8. kemudian klik icon “+” untuk menambah list yang diinginkan, isi seperti berikut.

9. Langkah berikutnya buat HTML baru, save dengan nama “galeri”,lalu isi dengan 5 gambar yang diinginkan. Untuk agar rata kanan pada tool code, tambahkan sintaks berikut.(tambahkan perintah align="right" setelah <p) untuk membuat gambar rata kanan.

10. Kemudian gambar akan seperti berikut.

11. Langkah berikutnya buat HTML baru, untuk membuat frameset.klik insert > pilih HTML > pilih frame > pilih top nested left.

12. Kemudian buatlah frameset seperti gambar berikut.

13. Untuk membuat hyperlink, klik insert> pilih hyperlink, kemudian ikuti gambar dibawah. Lakukan hal yang sama pada text biodata, dan galery, kemudian save all.