July 24, 2024

Cara Membuat Slide Show Menggunakan Adobe Dreamweaver CS3

2 min read

Apa kabar teman-teman? Pasti luar biasa kan :).

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.

slide_web_1

Langkah 2

Kemudian buka aplikasi Dreamweaver disini saya gunakan HTML.

slide_web_2

Langkah 3

Klik Menu Insert > Media > Pilih Image Viewer.

slide_web_3

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:

slide_web_4

Langkah 5

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

slide_web_5

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.

slide_web_6

slide_web_7

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. 

side_web_8

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

slide_web_9

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.

slide_web_10

 

0 thoughts on “Cara Membuat Slide Show Menggunakan Adobe Dreamweaver CS3

  1. Mba mohon pencerahannya , saya telah membuat slider dengan tepat. Tetapi disaat saya mau masukkan ke indowebsite kok tidak bisa ? apakah website nya yg tidak bisa atau emang filenya tidak mendukung

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.