Slideshow adalah antarmuka situs web umum yang digunakan untuk menyorot konten terbaru.
Kredit Gambar: Miriam2009/iStock/Getty Images
Dreamweaver adalah perangkat lunak pengembangan Web profesional Adobe dan menyediakan berbagai fungsi untuk membangun halaman Web. Fungsi-fungsi ini berkisar dari integrasi basis data back-end hingga peragaan slide JavaScript yang mengubah gambar pada interval tetap. JavaScript standar Dreamweaver memungkinkan pengembang situs web membuat tayangan slide tanpa harus menggali kode secara langsung. Sementara elemen Web yang disebut "slideshow" memiliki nama yang sama dengan setumpuk slide PowerPoint, output Dreamweaver adalah HTML standar yang dapat dilihat di browser Web mana pun.
Langkah 1
Luncurkan Dreamweaver dan buka proyek situs web dari menu "File". Arahkan ke halaman proyek situs web Anda tempat tayangan slide akan diintegrasikan.
Video Hari Ini
Langkah 2
Klik "Sisipkan," lalu "Lapisan" dari menu lapisan atas. Ini akan membuka kotak dialog; klik "Gambar" untuk jenis lapisan di kotak itu.
Langkah 3
Klik "Jelajahi" dan navigasikan ke direktori gambar Anda. Pilih gambar layer pertama Anda -- ini akan menjadi slide pertama yang ditampilkan dalam slideshow. Anda juga dapat menunjuk ke halaman HTML lain daripada gambar; ini adalah salah satu cara untuk mengintegrasikan teks dan tautan yang dapat diklik dalam tayangan slide situs web Anda.
Langkah 4
Ulangi dua langkah sebelumnya, tambahkan layer baru dan konten yang sesuai untuk setiap slide yang ingin Anda tampilkan. Karena JavaScript yang digunakan untuk menampilkan tayangan slide di browser Web akan mengambil semua konten sebelumnya, Anda akan mungkin ingin menyimpan tayangan slide tidak lebih dari enam atau tujuh elemen sehingga halaman Web dimuat dengan wajar waktu.
Langkah 5
Klik "Jendela," lalu "Garis Waktu" dari menu lapisan atas. Editor garis waktu akan muncul. Masukkan durasi untuk setiap gambar di set lapisan yang Anda buat. Pilih gambar pertama yang ingin Anda tampilkan, klik kanan pada entri timeline untuk itu dan pilih "Add Keyframe."
Langkah 6
Pilih kombinasi layer/gambar untuk keyframe yang dipilih dan ulangi prosedur ini untuk setiap layer dan gambar yang Anda inginkan di timeline Anda.
Langkah 7
Klik "OK" untuk menyimpan pengaturan Anda.
