Koleksi Riyana: MEMBUAT FRAME PADA DREAMWEAVER

Ø Buka macromedia dreamweaver

Ø Lalu akan muncul gambar seperti di bawah ini:

Ø Klik framesets

Ø Pilih frames yang kita inginkan. Pada tugas kali ini, kita menggunakan frames fixed top,nested left. Seperti gambar di bawah ini :

Ø Pilih create

Ø Lalu pilih ok, sehingga akan muncul hasil seperti di bawah ini:

Ø Arahkan pointer ke salah satu garis sehingga akan muncul titik – titik,

Ø Pada kolom properties yang terletak di bawah, ubah border menjadi yes dan ubah warna sesuai keinginan kita

Ø Lakukan hal yang sama dengan garis yang satu lagi, sehingga akan seperti di bawah ini :

Ø Klik kotak yang berada di atas, Pada body ketikan <body><marquee>WELCOME TO RIYANA'S BOUTIQUE</marquee>

Maksud kodingan tersebut adalah untuk membuat tulisan berjalan WELCOME TO RIYANA'S BOUTIQUE

Ø Pilih warna tulisan dan warna background dengan cara klik page properties, lalu pilih ok

Ø Pada kotak yang satu lagi, kemudian ketikkan :

<body>

HOME

LOGIN

SETTING

</body>

</html>

Ø Pilih warna tulisan dan warna background dengan cara klik page properties, lalu pilih ok

Ø Untuk memasukkan gambar ketikkan <img src …> kemudian cari gambar yang ingin kita masukkan,

Ø Warnai background dengan cara klik page properties

Ø Buatlah post coment dengan cara klik insert, form, text field.

Ø Buatlah submit dengan cara klik insert, form, button, kemudian isi dengan submit

Ø Untuk menjalankan program, tekan tombol f12

Ø Save, sehingga akan muncul seperti berikut :

Ø Linkkan home dan login pada kolom link di bagian properties secara satu persatu

Ø Blok tulisan home,lalu klik kanan pada mouse, target frame,main frame

Ø Lakukan hal yang sama dengan tulisan login

Ø Agar link home dan login bisa terlihat, maka kita buat file baru. Dengan cara file , new

Ø Berikut adalah gambar dari halaman home

Ø Buat isi dari halaman login. File, new

Ø Klik insert, form,text field

Ø Lalu akan mucul seperti di bawah ini

Ø Buat button dengan cara insert, form,button

Ø Save dan jalankan.maka akan muncul seperti berikut :

Ø Kita kembali ke halam awal, kemudian jalankan, maka hasilnya akan seperti berikut :

Ø Apabila kita memilih home, maka akan keluar gambar seperti berikut :

Ø Apabila kita memilih login, maka akan keluar seperti berikut :

Koleksi Riyana