Rumah Media Sosial Membuat Gambar Rollover di Dreamweaver CS3 - dummies

Membuat Gambar Rollover di Dreamweaver CS3 - dummies

Video: TUTORIAL WEB DESAIN PART 3 MEMBUAT ROLLOVER IMAGE UNTUK MAIN MENU 2025

Video: TUTORIAL WEB DESAIN PART 3 MEMBUAT ROLLOVER IMAGE UNTUK MAIN MENU 2025
Anonim

Dalam Dreamweaver, gambar Rollover - sesuai namanya - dirancang untuk bereaksi saat seseorang menggulung kursor di atas gambar. Efeknya bisa sama dramatisnya dengan gambar seekor anjing yang digantikan oleh gambar singa, atau sama halusnya dengan warna sebuah kata yang berubah saat satu gambar menggantikan yang lain. Either way, Dreamweaver menyertakan kotak dialog khusus untuk rollover yang membuat efek rollover sederhana menjadi salah satu perilaku termudah untuk diterapkan.

Untuk membuat gambar rollover dengan menggunakan kotak dialog Insert Image Rollover Dreamweaver, ikuti langkah-langkah ini:

1. Klik untuk menempatkan kursor pada halaman di mana Anda ingin rollover muncul.

Efek rollover memerlukan setidaknya dua gambar: satu untuk keadaan awal dan satu untuk keadaan rollover. Anda dapat menggunakan dua gambar yang berbeda atau dua gambar yang serupa, namun keduanya memiliki dimensi yang sama. Jika tidak, Anda mendapatkan beberapa efek penskalaan aneh karena kedua gambar harus ditampilkan di ruang yang sama persis pada halaman.

2. Pilih Insert -> Image Objects -> Rollover Image.

Kotak dialog Insert Rollover Image akan muncul.

3. Di kotak Image Name, beri nama gambar Anda.

Sebelum Anda dapat menerapkan perilaku pada elemen, seperti gambar, elemen harus memiliki nama sehingga skrip perilaku dapat merujuknya. Anda bisa memberi nama elemen apapun yang Anda suka asalkan Anda tidak menggunakan spasi atau karakter khusus.

4. Di kotak Original Image, tentukan gambar pertama yang ingin Anda lihat. Gunakan tombol Browse untuk mencari dan memilih gambar.

Jika gambarnya belum ada di folder akar situs Anda, Dreamweaver akan menyalinnya ke situs Anda saat Anda membuat rollover.

5. Di kotak Rollover Image, masukkan gambar yang ingin Anda lihat saat pengunjung memindahkan kursor di atas gambar pertama.

Sekali lagi, Anda dapat menggunakan tombol Browse untuk mencari dan memilih gambar.

6. Pilih kotak centang Preload Rollover Image untuk memuat semua gambar rollover ke cache browser saat halaman pertama kali dimuat.

Jika Anda tidak memilih melakukan langkah ini, pengunjung Anda mungkin mengalami penundaan karena gambar kedua tidak akan didownload sampai mouse digulung di atas gambar aslinya.

7. Di kotak Klik Klik, Ke URL, masukkan alamat Web atau telusuri untuk menemukan halaman lain di situs Anda yang ingin Anda tautkan.

Jika Anda tidak menentukan URL, Dreamweaver secara otomatis memasukkan tanda # sebagai placeholder.

8. Klik OK

Gambar secara otomatis diatur sebagai rollover.

9. Klik ikon dunia di bagian atas ruang kerja untuk melihat pratinjau pekerjaan Anda di browser dan uji bagaimana cara kerja rollover.

Membuat Gambar Rollover di Dreamweaver CS3 - dummies

Pilihan Editor

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Buka halaman Komentar dengan mengklik link Komentar di menu navigasi Dashboard WordPress. Halaman Komentar menunjukkan semua komentar di blog Anda sejak hari pertama Anda memulai. Di sini Anda bisa melihat komentar, mengeditnya, menandai mereka sebagai spam, atau flat-out menghapusnya. Jika Anda menetapkan pilihan Komentar Anda jadi ...

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Pengguna WordPress halaman memberitahu Anda tentang semua pengguna di blog Anda. Ini mencantumkan nama pengguna, nama, alamat e-mail, peran di blog Anda, dan jumlah posting yang dibuat ke blog Anda. Untuk mengelola peran pengguna, Anda perlu memahami jenis akses yang diberikan masing-masing peran: Pengikut: Peran default ini ditugaskan untuk ...

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Setelah Anda mengatur format untuk permalinks untuk situs WordPress Anda dengan menggunakan opsi selain default, WordPress menulis peraturan, atau arahan tertentu ke. htaccess file di server web anda Itu. htaccess file pada gilirannya mengkomunikasikan ke server web Anda bagaimana seharusnya menyajikan permalinks, sesuai dengan permalink ...

Pilihan Editor

Bagaimana cara Log In ke Layanan Cloud - dummies

Bagaimana cara Log In ke Layanan Cloud - dummies

Karena Cloud Service sepenuhnya berbasis di awan, semua Anda benar-benar Kebutuhan untuk mengaksesnya adalah koneksi internet. (Nah, Anda juga memerlukan nama pengguna dan kata sandi.) Anda dapat masuk dari kantor Anda dan kemudian mengambil tempat Anda tinggalkan di hotel saat bepergian di Tokyo. Salesforce memiliki banyak tindakan pengamanan ...

Bagaimana Bergerak di sekitar MYOB - dummies

Bagaimana Bergerak di sekitar MYOB - dummies

Di MYOB, Anda dapat melangkah maju dan mundur melalui setiap jendela pembelajaran saya. untuk mencintai kunci Tab komputer Anda. Ini jauh lebih mudah dan lebih cepat daripada menggunakan mouse anda. Keystrokes Shortcut Result Shift + Tab Bergerak ke belakang ke kolom sebelumnya Enter atau Tab Bergerak ke depan ke kolom berikutnya Alt + F4 Berhenti dan mengemas Esc Membawa ...

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Adalah dasar Salesforce. com Layanan Cloud. Mereka adalah titik pusat kontak Anda dan apa yang agen hidup dan hirup setiap hari. Kasus adalah catatan penyelidikan layanan atau dukungan untuk pelanggan yang merinci masalah dan semua informasi yang mengelilinginya, seperti yang ditunjukkan. Kasus ...

Pilihan Editor

Menghitung Persen Tujuan di Excel - dummies

Menghitung Persen Tujuan di Excel - dummies

Ketika seseorang meminta Anda untuk menghitung satu persen Tujuannya, dia hanya mengatakan untuk membandingkan kinerja aktual dengan tujuan yang dinyatakan. Matematika yang terlibat dalam perhitungan ini sederhana: Bagilah tujuannya dengan aktual. Ini memberi Anda nilai persentase yang menunjukkan berapa banyak pencapaian yang telah dicapai. Misalnya, jika ...

Menghitung Persentase Varian di Excel - dummies

Menghitung Persentase Varian di Excel - dummies

Varians adalah indikator perbedaan antara satu angka dengan angka lainnya. Untuk memahami hal ini, bayangkan bahwa Anda menjual 120 widget pada suatu hari, dan keesokan harinya, Anda menjual 150. Perbedaan dalam penjualan sebenarnya sangat mudah dilihat; Anda menjual 30 widget lagi. Mengurangkan 120 widget dari 150 widget memberi ...

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Rumus untuk menghitung varian persen dalam Excel bekerja dengan indah dalam banyak kasus. Namun, bila nilai benchmark adalah nilai negatif, rumusnya akan turun. Misalnya, bayangkan Anda memulai bisnis dan berharap bisa kehilangan tahun pertama. Jadi, Anda memberi anggaran sebesar negatif $ 10.000. Sekarang bayangkan itu ...