July 20, 2024

Membuat Menu Web Beranimasi Menggunakan Adobe Dreamweaver CS3

2 min read

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

0 thoughts on “Membuat Menu Web Beranimasi Menggunakan Adobe Dreamweaver CS3

  1. mbak mau tanya agar link dari button flash bisa masuk di halaman page gimana ya ….
    xlu dri langkah no 7 tukan klu di klik halaman nya masih di luar page gimana caranya mbak ……
    Terima kasih …..

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.