- Buka program Macromedia Dreamweaver dari komputer Anda.
- Buatlah sebuah dokumen baru dengan jenis misalnya HTML. Pilih menu File -> New, kemudian pilih kategori Basic Page dan gunakan tipe HTML.
- Simpan terlebih dahulu dokumen tersebut. Beri nama misalnya "menu_flash.html". Saran saya, simpanlah di dalam sebuah folder baru, beri nama folder misalnya "menu".
- Masuklah ke dalam layar design.
- Pilih menu Insert -> Media -> Flash Button, maka akan muncul sebuah kotak dialog pembuatan tombol flash yang akan digunakan sebagai menu pada website.
- Sample. Menunjukkan preview dari tombol flash yang kita pilih.
- Style. Bentuk dari tombol yang kita bisa kita pilih. Sebagai contoh kita pilih "Slider".
- Button Text. Tulisan yang terlihat pada tombol. Sebagai contoh kita tulis "Home".
- Font. Jenis huruf dari button text.
- Size. Ukuran huruf dari button text.
- Link. Alamat URL yang akan dituju bila tombol menu flash tersebut diklik. Anda bisa memilih halaman/dokumen dari website yang sedang Anda desain pada komputer Anda dengan mengklik tombol Browse. Pada contoh ini kita akan me-link kan ke halaman luar misalnya: "http://www.banditbatak.com". Tuliaslah URL tersebut pada isian Link.
- Target.Untuk memilih target halaman ketika menu tersebut diklik.
- Bg color. Memilih warna background dari tombol flash yang sedang kita buat. Pilihlah transparent dengan mengklik tombol kecil yang berdiagonal warna merah.
- Save as. Nama file flash yang sedang kita buat. Simpanlah dengan nama misalnya "home.swf"
- Setelah semua dirasakan cukup dan benar, klik tombol Save.
- Pada dukumen kerja Dreamweaver akan muncul tombol flash menu yang telah kita buat tadi.
- Kita bisa menambah menu flash baru disamping menu Home yang telah kita buat tersebut. Misalkan kita ingin membuat menu lain yang letaknya sejajar dengan menu Home tersebut sehingga tampil secara horizontal. Terlebih dahulu letakkan pointer di sebelah kanan tombol flash menu Home, kemudian lakukan hal yang sama seperti membuat menu flash dengan nama Home tersebut dari langkah 5 -6. Sebagai contoh saya membuat menu flash baru bernama "Tutorial Website" dengan link : "http://tutorial-website.blogspot.com" dan saya simpan dengan nama "tutorial_website.swf". Hasilnya akan tampak seperti gambar di bawah ini.
- Di dalam folder "menu" yang Anda jadikan sebagai tempat menyimpan dokumen "menu_flash.html" tadi telah bertambah 2 buah file flash yang bernama home.swf dan tutorial_website.swf
rahma_multimedia
Selasa, 27 November 2012
Cara Membuat Menu Flash Menggunakan Dreamweaver
cara memasukan baris menu dan button
Pull down menu
seringkali juga disebut sebagai dropdown menu atau jump menu. Disebut
pull down karena list menu akan muncul setelah bagian atas menu
diklik/ditekan, dan disebut pula dropdown menu karena setelah di-klik
sederet list menu akan muncul secara berurutan ke bawah.
Pull
down menu/drop down menu sangat bermanfaat untuk menampilkan list
pilihan yang sangat panjang karena dapat memperpendek panjang halaman
blog/web dan akan membuat blog/web tampak lebih elegan dan professional.
Anda dapat menggunakan menu pull down ini untuk menyusun link-link
blogrol, label, arsip, kategori dan lain sebagainya.
Dalam kesempatan ini saya akan sedikit mengulas dan share tentang cara membuat drop down/pull down menu plus button yang berbasis HTML form dan perintah fungsi javascript itu.
Secara mendasar, pulldown menu
merupakan rangkaian opsi tag option di dalam selection yang semuanya
dirangkum menjadi sebuah form:
<form>Dan akan tampil seperti ini:
<select>
<option></option>
<option></option>
<option></option>
</select>
</form>
Untuk
memberikan isi atau list menu, tambahkan value dan anchor text pada tag
option, identitas fungsi (name) pada selection, dan fungsi form:
<form name="lompat">
<select name="menu">
<option value="url link list 1">Nama List 1</option>
<option value="url link list 2">Nama List 2</option>
<option value="url link list 3">Nama List 3</option>
</select>
</form>
Akhirnya, tambahkan perintah javascript input button dan link option ketika di klik pada urutan sesuai identitas (name):
<input type="button" onClick="location=document.lompat.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
Ups,
karena apa yang tampak di bagian form adalah nama list yang pertama dan
kurang informatif, tambahkan option dengan value kosong dan text
sebagai informasi bagi pengunjung tentang isi menu tersebut:
<option> -- Pilih Tutorial -- </option>Berikut script lengkapnya:
<form name="lompat">Contoh implementasinya (sekalian chek the link):
<select name="menu">
<option"> -- Pilih Tutorial -- </option>
<option value="url link list 1">Nama List 1</option>
<option value="url link list 2">Nama List 2</option>
<option value="url link list 3">Nama List 3</option>
</select>
<input type="button" onClick="location=document.lompat.menu.options[document.lompat.menu.selectedIndex].value;" value="GO"></form>
Kostumisasi:
- Ganti -- Pilih Tutorial -- dengan text yang ingin dimunculkan pada baris paling atas menu pull down.
- Ganti GO dengan kata/perintah lain yang lebih disukai.
Di blog blogger, anda dapat dengan mudah memasangnya sebagai widget/gadget.
Dashboard > Design/Rancangan > Add a Gadget/ Tambah Gadget > HTML/Javascript
Jumat, 23 November 2012
definisi MM
Definisi Multimedia
Multimedia adalah pemanfaatan computer untuk membuat danmenggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) denganmenggabungkan teks, link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi.
Multimedia adalah pemanfaatan computer untuk membuat danmenggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) denganmenggabungkan teks, link dan tool yang memungkinkan pemakai melakukan navigasi, berinteraksi, berkreasi dan berkomunikasi.
Sabtu, 10 November 2012
Langganan:
Postingan (Atom)