Bagaimana Membuat Menu Drop-Down dalam Dreamweaver

Anda boleh meletakkan label anda sebelum atau selepas menu lungsur.

Kunci akses

Ini adalah kunci yang boleh digunakan bersama dengan kunci Alt atau Pilihan untuk mendapatkan terus ke medan borang itu. Ini menjadikan borang anda sangat mudah digunakan tanpa memerlukan tetikus.

Indeks Tab

Ini adalah urutan di mana medan borang harus diakses apabila menggunakan keyboard ke tab melalui laman web.

Apabila anda telah mengemas kini pilihan aksesibiliti anda, klik OK.

Pilih Menu

Sebaik sahaja anda mempunyai menu lungsur anda dalam paparan reka bentuk Dreamweaver, anda perlu menambah pelbagai unsur kepadanya. Pertama pilih menu lungsur dengan mengklik padanya. Dreamweaver akan meletakkan satu lagi garis putus-putus di sekeliling menu drop-down, untuk menunjukkan bahawa anda telah memilihnya.

Ciri-ciri Menu

Menu sifat akan berubah ke senarai / sifat menu untuk menu drop-down. Di sana anda dapat memberikan menu ID anda (di mana ia mengatakan "pilih"), tentukan apakah anda mahu menjadi menu atau menu, beri kelas gaya dari lembaran gaya anda, dan serahkan nilai ke drop-down.

Apakah Perbezaan antara Senarai dan Menu?

Dreamweaver memanggil menu drop-down menu mana-mana drop-down yang hanya membenarkan satu pilihan. "Senarai" membolehkan pelbagai pilihan dalam drop-down dan boleh menjadi lebih daripada satu item yang tinggi.

Jika anda ingin menu lungsur turun menjadi banyak baris, ubahnya ke jenis "senarai" dan biarkan kotak "pilihan" tidak dicentang.

Tambah Item Senarai Baru

Untuk menambah item baru ke menu anda, klik pada butang "Senarai nilai …". Ini akan membuka tetingkap di atas. Taip label item anda di kotak pertama. Inilah yang akan dipaparkan pada halaman. Jika anda meninggalkan nilai kosong, itu juga yang akan dihantar dalam bentuk.

Tambah Lagi dan Susun semula

Klik pada ikon tambah untuk menambah item. Jika anda ingin menempah semula mereka dalam kotak senarai, gunakan anak panah atas dan ke bawah di sebelah kanan.

Berikan Semua Nilai Item

Seperti yang saya nyatakan di langkah 8, jika anda meninggalkan nilai kosong, label akan dihantar ke borang. Tetapi anda boleh memberi semua nilai item anda - untuk menghantar maklumat alternatif kepada borang anda. Anda akan menggunakan ini banyak untuk perkara seperti menu melompat dan hiperpautan.

Pilih Default

Laman web lalai untuk memaparkan mana-mana item drop-down disenaraikan dahulu sebagai item lalai. Tetapi jika anda mahu yang lain dipilih, serlahkannya dalam kotak "Awal yang dipilih" pada menu Properties.

Lihat Senarai Anda dalam Paparan Reka Bentuk

Sebaik sahaja anda selesai mengedit sifat, Dreamweaver akan menunjukkan senarai lungsur anda dengan nilai lalai yang dipilih.

Lihat Senarai Anda dalam Paparan Kod

Jika anda menukar ke paparan kod, anda dapat melihat bahawa Dreamweaver menambah menu lungsur anda dengan kod yang sangat bersih. Satu-satunya sifat tambahan ialah yang kami tambah dengan pilihan kebolehaksesan. Kod ini semua terenkripsi dan sangat mudah dibaca dan difahami. Ia juga meletakkan pada atribut = = dipilih "dipilih kerana saya telah memberitahu Dreamweaver bahawa saya lalai menulis XHTML.

Simpan dan Lihat dalam Penyemak Imbas

Jika anda menyimpan dokumen dan melihatnya dalam pelayar web, anda dapat melihat bahawa menu lungsur anda kelihatan seperti yang anda harapkan.

Tetapi Ia Tidak Adakah Apa-apa …

Menu yang kami buat di atas kelihatan baik, tetapi ia tidak melakukan apa-apa. Untuk mendapatkannya untuk melakukan sesuatu, anda perlu menyediakan tindakan bentuk pada borang itu sendiri.

Nasib baik, Dreamweaver mempunyai bentuk menu lungsur terbina dalam yang boleh digunakan dengan serta-merta di laman web anda tanpa perlu mempelajari bentuk, CGI, atau skrip. Ia dipanggil Jump Menu.

Menu Jump Dreamweaver menyediakan menu drop-down dengan nama dan URL. Kemudian anda boleh memilih item dalam menu dan halaman Web akan berpindah ke lokasi itu, sama seperti jika anda telah mengklik pautan.

Pergi ke menu Sisip dan pilih Borang dan kemudian Jump Menu.

Jump Window Menu

Tidak seperti menu lungsur yang standard, menu Lompat membuka tetingkap baru untuk anda namakan item menu anda dan menambah butiran mengenai cara bentuknya berfungsi.

Untuk item pertama, tukar teks "untitled1" kepada apa yang anda mahu ia baca dan tambahkan URL yang dihubungkan itu.

Tambah Item ke Menu Langsung Anda

Klik pada item tambah untuk menambah item baru ke menu lompat anda. Tambah seberapa banyak item yang anda mahu.

Lompat Pilihan Menu

Sebaik sahaja anda telah menambah semua pautan yang anda mahu, anda harus memilih pilihan anda:

Buka URL Dalam

Jika anda mempunyai frameset, anda boleh membuka pautan dalam bingkai yang berbeza. Atau anda boleh menukar pilihan Window Utama ke sasaran khusus supaya URL akan dibuka di dalam tetingkap baru atau di tempat lain.

Nama Menu

Beri menu anda ID unik untuk halaman. Ini diperlukan agar skrip berfungsi dengan betul. Ia juga membolehkan anda untuk mempunyai beberapa menu lompat dalam satu bentuk - hanya memberi mereka semua nama yang berlainan.

Masukkan Butang Go Selepas Menu

Saya suka memilih ini kerana kadangkala skrip tidak berfungsi apabila menu berubah. Ia juga lebih mudah diakses.

Pilih Item Pertama Selepas Perubahan URL

Pilih ini jika anda mempunyai permintaan seperti "Pilih satu" sebagai item menu pertama. Ini akan menginsuranskan bahawa item itu kekal sebagai lalai pada halaman tersebut.

Lompat Paparan Reka Bentuk Menu

Sama seperti menu pertama anda, Dreamweaver menetapkan menu lompat anda dalam paparan reka bentuk dengan item lalai kelihatan. Anda kemudian boleh mengedit menu lungsur seperti yang anda kehendaki.

Jika anda mengeditnya, pastikan anda tidak mengubah mana-mana ID pada item, jika tidak skrip mungkin tidak berfungsi.

Jump Menu dalam Penyemak Imbas

Menyimpan fail dan memukul F12 akan memaparkan halaman dalam penyemak imbas pilihan anda. Di sana anda boleh memilih pilihan, klik "Pergi" dan menu lompat berfungsi!