Senin, 04 Agustus 2014

Membuat Menu Web Beranimasi Menggunakan Adobe Dreamweaver CS3

Halo sahabat PalComSter…
Kali ini saya akan berbagi info tentang cara membuat menu web beranimasi menggunakan adobe Dreamweaver CS3, biasanya kita membuat tombol atau menu web menggunakan teks yang hanya berubah warnanya saja pada saat di sentuh atau shape yang kita buat terlebih dahulu dari photoshop ribet yahhh, nahh ada cara yang lebih mudah membuat menu beranimasi dengan fasilitas yang sudah disediakan oleh Adobe Dreamweaver cs3.
Yuk ikuti langkah-langkahnya dibawah ini.

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 ^_^

Tidak ada komentar:

Posting Komentar