CARA MENGGUNAKAN ADOBE DREAMWEAVER CS3

CARA MENGGUNAKAN ADOBE DREAMWEAVER CS3

STEP 1 
- Buka program adobe dreamweavernya kemudian pilih HTML.


Screen shot 2013-01-18 at 10.41.23 AM

STEP 2 - Setelah terbuka pilih tab design

Screen shot 2013-01-18 at 10.41.29 AM

Screen shot 2013-01-18 at 10.41.36 AM


STEP 3 - Pilih menu Insert > Common > Media > Flash Button

Screen shot 2013-01-18 at 10.41.44 AM

STEP 4 - Pada saat kita memilih flash button maka akan muncul paparan seperti dibawah ini. Maka kita harus menyimpan filenya terlebih dahulu. Klik ok sahaja.

Screen shot 2013-01-18 at 10.41.50 AM

STEP 5 - Simpan file terlebih dahulu. File > Save.

Screen shot 2013-01-18 at 10.41.56 AM

Kemudian simpan dalam folder baru, beri nama filenya menu_flash.html.

Screen shot 2013-01-18 at 10.42.00 AM

STEP 6 - Kemudian kita ulangi pilih menu insert > common > flash button lalu ia menunjukkan paparan seperti di bawah.

Screen shot 2013-01-18 at 10.42.06 AM

Keterangan : 
  • Sample : Untuk melihat sampel sementara atau bentuk pilihan falsh button sesuai pilihan.
  • Style : Menu pilihan Flash button
  • Button Text : Teks yang akan di isikan ke dalam flash buttonnya.
  • Font : Jenis tulisan yang akan digunakan
  • Size : Ukuran teks yang akan digunakan
  • Link : Alamat tujuan link dari flash buttonya
  • Target : Target pilihan tujuan link
  • Bg colour : Background warna dari flash button
  • Apply : Melihat hasil sementara tapi belum disetujui klik
  • Ok : Jika sudah sesuai keinginan
Untuk contoh boleh lihat gambar di bawah ini :

Screen shot 2013-01-18 at 10.42.12 AM

STEP 7 - Setelah klik ok maka akan muncul kotak dialog flash Accessibility Attributes, di title klik menu kemudian klik ok.

Screen shot 2013-01-18 at 10.42.18 AM

Dan inilah hasilnya

Screen shot 2013-01-18 at 10.42.24 AM

Untuk menambah menu-menu berikutnya, ulangi langkah-langkah tadi.

NB : Pada saat sudah terbuat flash button tadi penyimpanan di folder tadi akan memaparkan flash button yang kita buat tadi.

Screen shot 2013-01-18 at 10.42.29 AM

9 comments:

  1. terimakasih gan, sangat membantu. kalo boleh saran, buat lebih banyak tutor DW ini gan.. biar tambah oke blognya

    ReplyDelete
  2. asik juga dapat pelajaran gratis dari agan yang sangat berguna, many tks

    ReplyDelete
  3. Wah thanks.. sharenya.. sungguh berguna sekali.

    Untuk tambahan tutorial website bisa agan lihat di situs berikut ini : Tutorial Website

    ReplyDelete
  4. Terimakasih atas sharenya semoga bermanfaat.....

    ReplyDelete
  5. thanks gan,, share lagi donk yang lebih meluasnya,. hehe

    ReplyDelete