Rabu, 19 Juni 2013

Membuat Menu Web Beranimasi Menggunakan Adobe Dreamweaver CS3


Langkah 1

Buka program adobe dreamweavernya kemudian pilih HTML.



Screen shot 2013-01-18 at 10.41.23 AM

Langkah 2

Setelah terbuka di pilih tab design.
Screen shot 2013-01-18 at 10.41.29 AM
Screen shot 2013-01-18 at 10.41.36 AM

Langkah 3

Pilih menu Insert > Common > media > Flash Button.
Screen shot 2013-01-18 at 10.41.44 AM

Langkah 4

Pada saat kita memilih flash button maka akan muncul tampilan seperti di bawah ini. Maka kita di haruskan menyimpan file nya terlebih dahulu. Klik ok saja.
Screen shot 2013-01-18 at 10.41.50 AM

Langkah 5

Simpan file terlebih dahulu. File > save.
Screen shot 2013-01-18 at 10.41.56 AM
Kemudian simpan dalam folder baru , beri nama file nya menu_flash.html.
Screen shot 2013-01-18 at 10.42.00 AM

Langkah 6

Kemudian kita ulangi Pilih menu insert >common>flash button , lalu tampil tampilan seperti dibawah ini.
Screen shot 2013-01-18 at 10.42.06 AM
Keterangan :
  • Sample : Untuk melihat sampel sementara atau bentuk pilihan flash button sesuai pilihan.
  • Style : Menu pilihan Flash button
  • Button Text : Teks yang akan di isikan kedalam flash button nya.
  • Font : Jenis  Tulisan yang akan digunakan
  • Size : Ukuran Teks yang akan di gunakan
  • Link : Alamat tujuan link dari flash button nya
  • Target : Target pilihan tujuan link
  • Bg color : Background warna dari flash button
  • Apply : melihat hasil sementara tapi belum di setujui klik
  • Ok : Jika sudah sesuai keinginan
Untuk contoh bisa lihat gambar di bawah ini :
Screen shot 2013-01-18 at 10.42.12 AM

Langkah 7

Setelah klik ok maka akan muncul kotak dialog flash Accessibility Attributes, di title ketik menu kemudian klik Ok.
Screen shot 2013-01-18 at 10.42.18 AM
Dan ini lah hasil jadinya.
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 makan pada saat penyimpanan di folder tadi makan akan tampil flash button yang telah kita buat tadi.
Screen shot 2013-01-18 at 10.42.29 AM
Mudah kan ? Selamat mencoba ^_^

1 komentar: