• Breaking News

    Panduan dan Tutorial Lengkap serta Materi Pelajaran di Mulyono Blog. Konten Terlengkap dan Terpercaya

    Rabu, 17 Agustus 2011

    Menu Animasi Menarik di Dreamweaver

    Seorang Web desainer pasti akan melakukan segala cara untuk membuat tampilan websitenya menarik, salah satunya mungkin dengan cara membuat menu animasi. Cara itu antara lain dengan belajar PhotoshopFlash, dan juga Firework. Namun Pada tutorial Dreamweaver kali ini kita lupakan dulu hal itu karena kita akan belajar membuat menu yang menarik tanpa harus belajar animasi flash karena pada dreamweaver terdapat template - template animasi siap pakai yang sayang jika dilewatkan :)

    Ok, berikut langkah - langkahnya:

    1. Buka Program Dremaweaver anda, disini saya menggunakan Dremweaver 8 , namun cara ini bisa diterapkan untuk semua versi Dremweaver mulai dari MX , 8 hingga yang terbaru yaitu Adobe Dremweaver CS5
    Start >> All Program >> Dreamweaver

    2. kalau anda tidak / belum punya website untuk project anda bisa mengklik Create new: pilih HTML

    3. Sebelum kita mulai membuat menunya maka kita diharuskan save (menyimpan) dulu project kita dengan menekan CTRL + S , pilih direktori / tempat penyimpanan lalu berikan nama file yang anda inginkan. klik Save

    4. Setelah itu pilih menu Insert >> Media >> Flash Button
    tutorial dreamweaver

    5. Pilih template tombol menu animasi yang anda inginkan
    tutorial dreamweaver
    Disini ada berbagai macam tombol yang WOW, menarik bukan... sebagai contoh maka saya pilih saja salah satunya yaitu Glass-Silver
    Button Text berfungsi untuk menambahkan judul / kata apa yang terdapat di dalam button nantinya
    Font : jenis font yang dipakai
    Size : ukuran font yang diinginakan
    Link : tautan untuk menu nantinya

    Tekan OK, untuk title isi saja
    tutorial dreamweaver
    OK

    klo 1 menu kurang maka buat lagi sebanyak yang anda perlukan untuk menu di website anda dengan mengulangi langkah di atas
    Contoh hasilnya:
    tutorial dreamweaver
    untuk mengetesnya tekan F12 untuk melihat hasilny





    Sumber : http://www.ilmugrafis.com/dreamweaver.php?page=menu-animasi-menarik-dreamweaver