Membuat Slide Show Menggunakan Adobe Dreamweaver

Selamat pagi semuanya ! Halo apakabar ? Kali ini saya akan memberikan tutorial singkat membuat slideshow dengan Adobe Dreamweaver.

Step 1

Siapkan minimal 2 gambar, lalu save di satu folder.


Step 2

Bukalah Adobe Dreamweaver (contohnya CS3). Pilih jenis dokumen HTML



Step 3

Klik menu Insert>Media pilih Image Viewer



Step 4 

Setelah memilih Image Viewer  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:



Step 5

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



Step 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.





Step 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.

Step 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.



You are finished !