Cara Membuat Slide Show Menggunakan Adobe Dreamweaver CS3

Jumat, 15 Mei 2015

Biasanya jika kita ingin membuat sebuah animasi, kita menggunakan aplikasi khusus untuk membuat animasi seperti Adobe Flash dan Swismax, Nahh..kali ini saya akan berbagi info nih tentang membuat animasi flash dengan menggunakan adobe dremweaver cs3. Slide ini nanti bisa kalian gunakan untuk mempercantik tampilan web kalian. Sudah tidak sabar ya? Yuk kita simak langkah-langkahnya.

Langkah 1

Siapkan gambar yang akan dijadikan slide bisa 2 atau lebih kemudian simpan dalam folder anda.

Langkah 2

Kemudian buka aplikasi Dreamweaver disini saya gunakan HTML.

Langkah 3

Klik Menu Insert > Media > Pilih Image Viewer.

Langkah 4

Setelah memilih imageviewer  Lalu ketik nama file di folder anda tadi dan pilih dimana file animasi akan disimpan. jika semua STEP sudah benar, maka akan muncul tampilan seperti gambar di bawah ini:

Langkah 5

Setelah menyimpan file animasinya, maka akan keluar gambar seperti dibawah ini dan diarea sebelah kanan ada pengaturan untuk animasi.

Langkah 6

Kemudian untuk memasukkan gambar yang sudah kita siapkan tadi dipengaturan Flash Element > ImageURLs klik ikon Kertas pensil pada pilihan imageURLs [‘img.jpg’,’img2,j…. ], setelah pilih dan klik ikon folder pada img1.jpg dan isikan alamat gambar yang akan dimasukkan ke dalam animasi, untuk menambah gambar anda bisa melakukan dengan cara klik tanda Ples (+) atau untuk mengurangi gambar klik Min ( – ). jika semuanya sudah selesai maka akan muncul tampilan seperti dibawah ini. jika sudah langsung klik OK.

Langkah 7

Lalu kita kembali lagi ke menu Flash Element, untuk pengaturan lebih lanjut:

• bgcolor > warna background silahkan isi sesuai keinginan
• ShowControl menjadi NO,
• SlideAutoPlay menjadi YES,
• SlideLoop menjadi YES.
• Untuk mengatur cepat slide lambatnya pergantian gambar kita bisa mengaturnya pada SlideDelay. 

Dan untuk mengatur penamaan dari setiap animasi dapat diatur ImageCaptions tampak seperti gambar dibawah ini.

Untuk pengaturan yang lain bisa disesuaikan sendiri.

Langkah 8

Untuk menjalankan animasi, simpan file dokumen anda sesuai dengan server anda tadi, bisa menggunakan PHP,dll. saya menyimpan dengan nama slide .html. Mari kita jalankan menggunakan browser yang mendukung animasi Flash.

Labels: Design Web

Thanks for reading Cara Membuat Slide Show Menggunakan Adobe Dreamweaver CS3. Please share...!