Video: CONTOH INTERFACE.mp4 2025
Anda dapat membuat tombol cantik dengan menentukan status, namun tidak akan berguna. Untuk mendapatkan tombol Anda untuk melakukan sesuatu, Anda perlu menambahkan interaksi. Interaksi menentukan respons terhadap tindakan pengguna. Interaksi yang paling khas terjadi saat Anda mengklik sebuah tombol dan menemukan diri Anda berada pada halaman web yang berbeda.
Untuk menambahkan sebuah interaksi ke sebuah tombol, ikuti langkah-langkah ini:
-
Pilih tombolnya.
-
Pada panel Interactions, klik tombol Add Interaction untuk membuka panel.
-
Dari daftar drop-down teratas, pilih tindakan yang memulai responsnya.
Pilihan yang paling umum adalah On Click, yang berarti bahwa pengguna harus mengklik tombolnya.
-
Dari daftar drop-down kedua, pilih responnya.
Untuk menambahkan link ke halaman lain di dalam proyek Catalyst Anda, pilih Play Transition to State. Untuk menambahkan link ke halaman web luar, pilih Go to URL, yang membutuhkan URL absolut (satu dengan // di dalamnya). Pilihan lainnya adalah memutar, menjeda, atau menghentikan video; atau mainkan animasi sederhana yang Anda buat di panel Timelines Catalyst.
Biasanya, ketika Anda melewati kursor di atas sebuah link di situs web, kursor berubah ke tangan. Jika Anda ingin tombol Anda menampilkan ikon tangan, dengan tombol yang dipilih, perbesar item Appearance di panel Properties, gulir ke bawah, lalu pilih kotak centang Hands Cursor. Anda perlu melakukan ini untuk setiap tombol pada setiap halaman.
-
Masukkan informasi yang diperlukan untuk jawabannya.
Jika Anda memilih Buka URL, kotak teks akan terbuka, di mana Anda perlu memasukkan URL absolut. Jika Anda memilih Play Transition to State, lompat ke Langkah 7.
-
Jika memilih Go to URL, dalam daftar drop-down baru yang muncul, pilih bagaimana Anda ingin agar tautan terbuka.
Pilihan yang paling umum adalah Open in Current Window atau Open in New Window.
-
Dari daftar drop-down Choose State, pilih negara bagian.
Jika Anda memilih Buka URL di Langkah 4, pilih Any State. Jika Anda memilih Play Transition to State, pilih halaman yang ingin Anda tautkan.
-
Klik OK.
-
Uji tombol Anda dengan memilih File → Run Project (atau dengan menekan Ctrl + Enter pada Windows / Command + Return pada Mac).
Saat halaman browser sementara Anda terbuka, klik tombol dan lihat apa yang terjadi!
Gambar menunjukkan gambar berubah menjadi sebuah tombol. Dengan interaksi Go to URL, tombolnya terhubung ke file Adobe PDF. Mengklik tombol membuka file PDF, yang kemudian dapat disimpan atau dicetak oleh pengguna.
Terima kasih kepada Ellen Finkelstein atas izin untuk menggunakan situs webnya sebagai contoh.
Untuk mengedit interaksi, pilih tombol dan klik dua kali interaksi yang tercantum di panel Interaksi.Untuk menghapus interaksi, pilih di panel Interaksi dan klik tombol Sampah.
Lanjutkan menambahkan interaksi ke tombol sampai semua tautan internal dan eksternal Anda bekerja. Selamat! Anda punya situs web!
