tulisan ini free buat kalian - kalian yg ingin pintar.....ilmu adalah pedang kejar ilmu sampai ke surga....
Selasa, 01 Januari 2013
Tutorial Dreamweaver : Menu - 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 Photoshop, Flash, 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
5. Pilih template tombol menu animasi yang anda inginkan
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
OK
klo 1 menu kurang maka buat lagi sebanyak yang anda perlukan untuk menu di website anda dengan mengulangi langkah di atas
Contoh hasilnya:
untuk mengetesnya tekan F12 untuk melihat hasilnya :)
Sampai ketemu lagi di Tutorial Dremweaver berikutnya
Tutorial Dreamweaver : Memasukkan Video Youtube ke Website
Hai jumpa kembali di Tutorial Dreamweaver kali ini kita akan menambahkan atau memasukkan video dari youtube ke website buatan kita. Siapa yang tidak mengenal Youtube, situs penyedia video streaming dan “online video sharing” yang banyak dikenal dan dikunjungi orang di dunia. Pada tutorial belajar Dreamweaver kali ini penulis akan menjelaskan bagaimana cara memasukkan video streaming dari youtube ke dalam website dengan dreamweaver...
Langkah - langkahnya:
1. Buka Dreamweaver dan pilih File - New
Atau tekan CTRL + N = Untuk membuat project baru sebagai latihan
2. Buka Youtube.com dan cari video yang akan dimasukkan, disini saya memilih video penyanyi favorit saya yaitu "hitomi no junin", hehehe...
bagi yang bingung bisa cari di search youtube
3. Pada masukkan / copy script yang ada di embed youtube dan paste pada sela antara TAG
Ok selesai, tinggal upload file tersebut ke server dan video akan otomatis jalan saat dibuka oleh browser
Langganan:
Postingan (Atom)