Dreamweaver ເຮັດໃຫ້ມັນງ່າຍທີ່ຈະສ້າງເມນູເລື່ອນລົງສໍາລັບເວັບໄຊທ໌ຂອງທ່ານ. ແຕ່ຄືກັບຮູບແບບ HTML ທັງຫມົດທີ່ພວກເຂົາສາມາດເຮັດໄດ້ງ່າຍ. ບົດຮຽນນີ້ຈະເຮັດໃຫ້ທ່ານຍ່າງຜ່ານຂັ້ນຕອນໃນການສ້າງເມນູແບບເລື່ອນລົງໃນ Dreamweaver.
Dreamweaver Jump Menus
Dreamweaver 8 ຍັງມີຕົວຊ່ວຍສ້າງເພື່ອສ້າງເມນູສໍາລັບການນໍາທາງໃນເວັບໄຊທ໌ຂອງທ່ານ. ບໍ່ເຫມືອນກັບເມນູເລື່ອນຂັ້ນພື້ນຖານ, ເມນູນີ້ຈະເຮັດບາງສິ່ງບາງຢ່າງເມື່ອທ່ານສິ້ນສຸດລົງ. ທ່ານຈະບໍ່ຈໍາເປັນຕ້ອງຂຽນ JavaScript ຫຼື CGIs ເພື່ອໃຫ້ຮູບແບບທີ່ທ່ານລົງໄປເຮັດວຽກ. ການສອນນີ້ຍັງອະທິບາຍວິທີການໃຊ້ຕົວຊ່ວຍສ້າງ Dreamweaver 8 ເພື່ອສ້າງເມນູຂ້າມ.
01 of 20
ທໍາອິດສ້າງແບບຟອມ
ຫມາຍເຫດທີ່ສໍາຄັນກ່ຽວກັບຮູບແບບ HTML ແລະ Dreamweaver:
ຍົກເວັ້ນຜູ້ຊ່ຽວຊານພິເສດເຊັ່ນເມນູເລິກ, Dreamweaver ບໍ່ຊ່ວຍໃຫ້ທ່ານສ້າງແບບຟອມ HTML "ເຮັດວຽກ". ສໍາລັບການນີ້ທ່ານຕ້ອງການ CGI ຫຼື JavaScript. ກະລຸນາເບິ່ງຄໍາແນະນໍາຂອງຂ້ອຍເຮັດ HTML Forms ເຮັດວຽກສໍາລັບຂໍ້ມູນເພີ່ມເຕີມ.
ໃນເວລາທີ່ທ່ານກໍາລັງເພີ່ມເມນູເລື່ອນລົງໄປເວັບໄຊທ໌ຂອງທ່ານ, ສິ່ງທໍາອິດທີ່ທ່ານຕ້ອງການແມ່ນແບບຟອມທີ່ຈະປະກອບມັນ. ໃນ Dreamweaver, ໄປທີ່ເມນູ Insert ແລ້ວກົດ Form ແລ້ວເລືອກ "Form".
02 of 20
ແບບຟອມສະແດງໃນການອອກແບບເບິ່ງ
Dreamweaver ສະແດງໃຫ້ເຫັນສະຖານທີ່ປະກອບຂອງທ່ານໂດຍກົງໃນຮູບແບບການອອກແບບ, ດັ່ງນັ້ນທ່ານຮູ້ວ່າບ່ອນໃດທີ່ຈະໃສ່ອົງປະກອບແບບຟອມຂອງທ່ານ. ນີ້ແມ່ນສິ່ງທີ່ສໍາຄັນ, ເພາະວ່າເມນູແບບເລື່ອນລົງແມ່ນບໍ່ຖືກຕ້ອງ (ແລະຈະບໍ່ເຮັດວຽກ) ພາຍນອກຂອງອົງປະກອບແບບຟອມ. ໃນຂະນະທີ່ທ່ານສາມາດເຫັນໄດ້ໃນຮູບ, ແບບຟອມແມ່ນເສັ້ນສີແດງໃນການອອກແບບ.
03 of 20
ເລືອກລາຍະການ / ເມນູ
ເມນູເລື່ອນລົງແມ່ນເອີ້ນວ່າ "ລາຍການ" ຫຼື "ເມນູ" ໃນ Dreamweaver. ດັ່ງນັ້ນ, ເພື່ອເພີ່ມຮູບແບບຫນຶ່ງຂອງທ່ານ, ທ່ານຈໍາເປັນຕ້ອງເຂົ້າໄປໃນເມນູ Form ໃນເມນູ Insert ແລະເລືອກ "List / Menu". ໃຫ້ແນ່ໃຈວ່າເຄີເຊີຂອງທ່ານຢູ່ໃນເສັ້ນປະແຈສີແດງຂອງກ່ອງແບບຟອມຂອງທ່ານ.
04 of 20
Window Options
ໃນຕົວເລືອກ Dreamweaver ມີຫນ້າຈໍກ່ຽວກັບການເຂົ້າເຖິງ. ຂ້ອຍເລືອກທີ່ຈະມີ Dreamweaver ສະແດງໃຫ້ຂ້ອຍເຫັນຄຸນລັກສະນະການເຂົ້າເຖິງທັງຫມົດ. ແລະຫນ້າຈໍນີ້ແມ່ນຜົນມາຈາກນັ້ນ. ແບບຟອມແມ່ນບ່ອນທີ່ເວັບໄຊທ໌ຈໍານວນຫຼາຍຕົກລົງໃນການເຂົ້າເຖິງແລະໂດຍການຕື່ມຂໍ້ມູນເຫຼົ່ານີ້ຫ້າທາງເລືອກເມນູເລື່ອນລົງຂອງທ່ານຈະສາມາດເຂົ້າເຖິງໄດ້ທັນທີ.
05 of 20
Form Accessibility
ຕົວເລືອກການເຂົ້າເຖິງແມ່ນ:
Label
ນີ້ແມ່ນຊື່ສໍາລັບພາກສະຫນາມ. ມັນຈະສະແດງເປັນຂໍ້ຄວາມທີ່ຢູ່ຂ້າງປະກອບແບບຟອມຂອງທ່ານ.
ຂຽນສິ່ງທີ່ທ່ານຕ້ອງການໂທຫາເມນູເລື່ອນລົງຂອງທ່ານ. ນີ້ອາດຈະເປັນຄໍາຖາມຫຼືປະໂຫຍກທີ່ສັ້ນທີ່ເມນູເລື່ອນລົງຈະຕອບ.
ແບບ
HTML ມີແທັບປ້າຍເພື່ອກໍານົດປ້າຍແບບຟອມຂອງທ່ານໃຫ້ກັບເບົາເຊີ. ຕົວເລືອກຂອງທ່ານແມ່ນຈະລວບລວມເມນູແບບເລື່ອນລົງແລະຂໍ້ຄວາມປ້າຍທີ່ມີແທັກ, ເພື່ອໃຊ້ "ສໍາລັບ" ຄຸນລັກສະນະທີ່ຢູ່ໃນປ້າຍຊື່ເພື່ອລະບຸວ່າແບບຟອມທີ່ມັນອ້າງອີງຫຼືບໍ່ໃຊ້ແທັບປ້າຍຢູ່.
ຂ້ອຍມັກໃຊ້ສໍາລັບຄຸນລັກສະນະ, ດັ່ງນັ້ນຫຼັງຈາກນັ້ນຖ້າຂ້ອຍຕ້ອງຍ້າຍປ້າຍສໍາລັບບາງເຫດຜົນມັນຍັງຈະຖືກຕິດຢູ່ກັບຟອມຟອມທີ່ຖືກຕ້ອງ.
ຕໍາແຫນ່ງ
ທ່ານສາມາດເອົາປ້າຍຂອງທ່ານກ່ອນຫຼືຫຼັງຈາກເມນູເລື່ອນລົງ.
Access Key
ນີ້ແມ່ນສິ່ງສໍາຄັນທີ່ສາມາດຖືກນໍາໃຊ້ພ້ອມກັບປຸ່ມ Alt ຫຼືທາງເລືອກເພື່ອໃຫ້ໄດ້ໂດຍກົງກັບພາກສະຫນາມແບບຟອມນັ້ນ. ນີ້ເຮັດໃຫ້ຮູບແບບຂອງທ່ານງ່າຍຕໍ່ການນໍາໃຊ້ໂດຍບໍ່ຈໍາເປັນຕ້ອງມີຫນູ. ວິທີການຕັ້ງຄ່າຄີເຂົ້າໃນ HTML
ດັດນີແທໍບ
ນີ້ແມ່ນຄໍາສັ່ງທີ່ພາກສະຫນາມແບບຟອມຄວນໄດ້ຮັບການເຂົ້າເຖິງໃນເວລາທີ່ນໍາໃຊ້ແປ້ນພິມຫາແທັບຜ່ານຫນ້າເວັບ. ເຂົ້າໃຈ Tabindex
ເມື່ອທ່ານໄດ້ປັບປຸງທາງເລືອກໃນການເຂົ້າເຖິງຂອງທ່ານ, ຄລິກ OK.
06 of 20
ເລືອກເມນູ
ເມື່ອທ່ານມີເມນູແບບເລື່ອນລົງຂອງທ່ານໃນການສະແດງອອກ, ທ່ານຈໍາເປັນຕ້ອງເພີ່ມອົງປະກອບຕ່າງໆໃຫ້ມັນ. ຫນ້າທໍາອິດເລືອກເມນູເລື່ອນລົງໂດຍການຄລິກໃສ່ມັນ. Dreamweaver ຈະເຮັດໃຫ້ບັນດາເສັ້ນທາງຈຸດເລີ້ມຕົ້ນທີ່ມີພຽງແຕ່ແຖບເລື່ອນລົງ, ເພື່ອສະແດງໃຫ້ເຫັນວ່າທ່ານໄດ້ເລືອກມັນ.
07 of 20
Menu Properties
ເມນູຄຸນສົມບັດຈະປ່ຽນໄປໃນລາຍຊື່ / ຄຸນສົມບັດຂອງເມນູສໍາລັບເມນູເລື່ອນນັ້ນ. ມີທ່ານສາມາດໃຫ້ເມນູຂອງທ່ານເປັນ ID (ບ່ອນທີ່ມັນເວົ້າວ່າ "ເລືອກ"), ຕັດສິນໃຈວ່າທ່ານຕ້ອງການໃຫ້ມັນເປັນ lis ຫຼືເມນູ, ໃຫ້ມັນເປັນຊັ້ນແບບຈາກເອກະສານສະໄຕຂອງທ່ານແລະມອບຄ່າໃຫ້ກັບແຖບເລື່ອນລົງ.
ຄວາມແຕກຕ່າງລະຫວ່າງລາຍຊື່ແລະເມນູແມ່ນຫຍັງ?
Dreamweaver ຮຽກຮ້ອງເມນູເລື່ອນລົງເມນູໃດໆທີ່ມີການເລື່ອນລົງທີ່ພຽງແຕ່ອະນຸຍາດໃຫ້ເລືອກຫນຶ່ງ. A "ລາຍຊື່" ອະນຸຍາດໃຫ້ມີທາງເລືອກຫຼາຍໃນການເລື່ອນລົງແລະສາມາດມີຫຼາຍກວ່າຫນຶ່ງລາຍການທີ່ສູງ.
ຖ້າທ່ານຕ້ອງການເມນູເລື່ອນລົງເປັນສາຍຫຼາຍ, ໃຫ້ປ່ຽນເປັນ "ປະເພດ" ແລະອອກຈາກກ່ອງ "ການເລືອກ" ທີ່ບໍ່ໄດ້ກວດສອບ.
08 of 20
ຕື່ມລາຍການລາຍການໃຫມ່
ເພື່ອເພີ່ມລາຍການໃຫມ່ໃນເມນູຂອງທ່ານໃຫ້ຄລິກໃສ່ປຸ່ມ "List values ... ". ນີ້ຈະເປີດຫນ້າຕ່າງຂ້າງເທິງ. ພິມປ້າຍຊື່ຂອງທ່ານຢູ່ໃນປ່ອງທໍາອິດ. ນີ້ແມ່ນສິ່ງທີ່ຈະສະແດງໃນຫນ້ານີ້. ຖ້າທ່ານອອກຄ່າມູນຄ່າ, ມັນກໍ່ແມ່ນສິ່ງທີ່ຈະຖືກສົ່ງໄປໃນແບບຟອມ.
09 of 20
ເພີ່ມເຕີມແລະຈັດການກັບຄືນ
ໃຫ້ຄລິກໃສ່ icon ບວກກັບຕື່ມລາຍການເພີ່ມເຕີມ. ຖ້າທ່ານຕ້ອງການສັ່ງໃຫ້ພວກເຂົາຢູ່ໃນກ່ອງລາຍຊື່, ໃຊ້ລູກສອນຂຶ້ນແລະລົງຢູ່ຂວາ.
10 ຂອງ 20
ໃຫ້ຄຸນຄ່າທັງຫມົດລາຍການ
ດັ່ງທີ່ຂ້າພະເຈົ້າໄດ້ກ່າວມາໃນຂັ້ນຕອນທີ 8, ຖ້າທ່ານປ່ອຍມູນຄ່າໄວ້ຫວ່າງ, ປ້າຍຈະຖືກສົ່ງໄປຫາແບບຟອມ. ແຕ່ທ່ານສາມາດໃຫ້ຄຸນຄ່າຂອງລາຍການທັງຫມົດຂອງທ່ານ - ເພື່ອສົ່ງຂໍ້ມູນສະລັບກັບແບບຟອມຂອງທ່ານ. ທ່ານຈະໃຊ້ນີ້ຫຼາຍສໍາລັບສິ່ງຕ່າງໆເຊັ່ນ: ເມນູເລື່ອນ.
11 ຂອງ 20
ເລືອກມາດຕະຖານ
ຫນ້າເວັບມາດຕະຖານທີ່ຈະສະແດງລາຍການແບບເລື່ອນລົງໃດໆທີ່ຖືກຈັດອັນດັບທໍາອິດເປັນລາຍະການເລີ່ມຕົ້ນ. ແຕ່ຖ້າທ່ານຕ້ອງການເລືອກທີ່ແຕກຕ່າງກັນ, ໃຫ້ເນັ້ນໃສ່ໃນກ່ອງ "ທີ່ເລືອກໄວ້ໃນເບື້ອງຕົ້ນ" ໃນເມນູ Properties.
12 ຂອງ 20
ເບິ່ງບັນຊີຂອງທ່ານໃນການອອກແບບເບິ່ງ
ເມື່ອທ່ານກໍາລັງແກ້ໄຂຄຸນສົມບັດ, Dreamweaver ຈະສະແດງລາຍການແບບເລື່ອນລົງຂອງທ່ານດ້ວຍຄ່າທີ່ຖືກເລືອກໄວ້.
13 of 20
ເບິ່ງບັນຊີຂອງທ່ານໃນລະຫັດເບິ່ງ
ຖ້າທ່ານປ່ຽນໄປເບິ່ງລະຫັດ, ທ່ານສາມາດເບິ່ງວ່າ Dreamweaver ເພີ້ມເມນູເລື່ອນລົງຂອງທ່ານດ້ວຍລະຫັດທີ່ສະອາດຫຼາຍ. ຄຸນລັກສະນະພິເສດເທົ່ານັ້ນແມ່ນສິ່ງທີ່ພວກເຮົາໄດ້ເພີ່ມເຂົ້າດ້ວຍຕົວເລືອກການເຂົ້າເຖິງ. ລະຫັດແມ່ນທັງຫມົດທີ່ດັດແປງແລະງ່າຍທີ່ຈະອ່ານແລະເຂົ້າໃຈ. ມັນຍັງເຮັດໃຫ້ຢູ່ໃນການຄັດເລືອກ = "ເລືອກ" attribute ເພາະວ່າຂ້ອຍບອກ Dreamweaver ວ່າຂ້ອຍເລີ່ມຂຽນ XHTML.
14 of 20
ບັນທຶກແລະເບິ່ງໃນເບົາເຊີ
ຖ້າທ່ານບັນທຶກເອກະສານແລະເບິ່ງມັນຢູ່ໃນຕົວທ່ອງເວັບເວັບ, ທ່ານສາມາດເຫັນວ່າເມນູເລື່ອນລົງຂອງທ່ານຄ້າຍຄືກັບທີ່ທ່ານຄາດຫວັງວ່າມັນຈະ.
15 ຂອງ 20
ແຕ່ມັນບໍ່ເຮັດຫຍັງເລີຍ
ເມນູທີ່ພວກເຮົາສ້າງຂື້ນມາເບິ່ງດີ, ແຕ່ມັນບໍ່ເຮັດຫຍັງເລີຍ. ໃນຄໍາສັ່ງທີ່ຈະເຮັດໃຫ້ມັນເຮັດບາງສິ່ງບາງຢ່າງ, ທ່ານຈໍາເປັນຕ້ອງສ້າງຕັ້ງການປະຕິບັດແບບຟອມໃນແບບຟອມຕົວມັນເອງ, ຊຶ່ງເປັນການສອນອື່ນຫມົດ.
ໂຊກດີ, Dreamweaver ມີແບບຟອມເມນູແບບເລື່ອນລົງທີ່ສາມາດໃຊ້ໄດ້ທັນທີຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານໂດຍບໍ່ຈໍາເປັນຕ້ອງຮຽນຮູ້ກ່ຽວກັບແບບຟອມ, CGIs, ຫຼືການຂຽນ. ມັນເອີ້ນວ່າ Menu Jump.
Menu Jump Dreamweaver ກໍານົດເມນູແບບເລື່ອນລົງທີ່ມີຊື່ແລະ URLs. ຫຼັງຈາກນັ້ນ, ທ່ານສາມາດເລືອກເອົາລາຍການໃນເມນູແລະຫນ້າເວັບຈະຍ້າຍໄປຫາສະຖານທີ່ນັ້ນ, ຄືກັນກັບວ່າທ່ານໄດ້ຄລິກໃສ່ການເຊື່ອມຕໍ່.
ໄປທີ່ເມນູ Insert ແລະເລືອກ Form ແລ້ວ Jump Menu.
16 of 20
Jump Menu Window
ບໍ່ຄືກັບເມນູເລື່ອນແບບມາດຕະຖານ, ເມນູ Jump ຈະເປີດຫນ້າຕ່າງໃຫມ່ສໍາລັບທ່ານທີ່ຈະບອກລາຍການເມນູຂອງທ່ານແລະຕື່ມຂໍ້ມູນກ່ຽວກັບວິທີການແບບຟອມຄວນເຮັດວຽກ.
ສໍາລັບລາຍການທໍາອິດ, ປ່ຽນຂໍ້ຄວາມ "untitled1" ໃຫ້ສິ່ງທີ່ທ່ານຕ້ອງການໃຫ້ອ່ານແລະເພີ່ມ URL ທີ່ເຊື່ອມຕໍ່ນັ້ນຄວນຈະໄປ.
17 ຂອງ 20
ເພີ່ມລາຍະການໄປທີ່ເມນູຂອງທ່ານຂ້າມ
ໃຫ້ຄລິກໃສ່ຕື່ມລາຍການເພື່ອເພີ່ມລາຍການໃຫມ່ໃນເມນູໄປຫາທ່ານ. ເພີ່ມລາຍການຫຼາຍເທົ່າທີ່ທ່ານຕ້ອງການ.
18 of 20
Jump Menu Options
ເມື່ອທ່ານໄດ້ເພີ່ມການເຊື່ອມຕໍ່ທັງຫມົດທີ່ທ່ານຕ້ອງການ, ທ່ານຄວນເລືອກເອົາທາງເລືອກຂອງທ່ານ:
ເປີດ URLs ໃນ
ຖ້າທ່ານມີ frameset, ທ່ານສາມາດເປີດການເຊື່ອມຕໍ່ໃນກອບທີ່ແຕກຕ່າງກັນ. ຫຼືທ່ານສາມາດປ່ຽນທາງເລືອກຂອງ Window Main ເພື່ອເປົ້າຫມາຍພິເສດເພື່ອໃຫ້ URL ຈະເປີດຢູ່ໃນປ່ອງຢ້ຽມໃຫມ່ຫຼືຢູ່ບ່ອນອື່ນ.
ຊື່ເມນູ
ໃຫ້ເມນູຂອງທ່ານເປັນເອກະລັກທີ່ເປັນເອກະລັກສໍາລັບຫນ້າ. ນີ້ແມ່ນຈໍາເປັນເພື່ອວ່າສະຄິບຈະເຮັດວຽກຢ່າງຖືກຕ້ອງ. ມັນຍັງອະນຸຍາດໃຫ້ທ່ານມີເມນູໂດດຫຼາຍໃນຮູບແບບຫນຶ່ງ - ພຽງແຕ່ໃຫ້ພວກເຂົາທຸກໆຊື່ທີ່ແຕກຕ່າງກັນ.
ໃສ່ປຸ່ມ Go ຫຼັງຈາກເມນູ
ຂ້າພະເຈົ້າຢາກຄັດເລືອກເອົານີ້ເພາະວ່າບາງຄັ້ງອັກສອນບໍ່ໄດ້ເຮັດວຽກເມື່ອເມນູປ່ຽນແປງ. ມັນຍັງສາມາດເຂົ້າເຖິງໄດ້ຫຼາຍຂຶ້ນ.
ເລືອກຫົວຂໍ້ທໍາອິດຫຼັງຈາກປ່ຽນ URL
ເລືອກສິ່ງນີ້ຖ້າທ່ານມີແບບວ່ອງໄວເຊັ່ນ "ເລືອກຫນຶ່ງ" ເປັນລາຍການເມນູທໍາອິດ. ນີ້ຈະຮັບປະກັນວ່າລາຍການນັ້ນຍັງຄົງຢູ່ໃນຫນ້າເວັບ.
19 ຈາກ 20
Jump Menu Design Design ເບິ່ງ
ເຊັ່ນດຽວກັນກັບເມນູທໍາອິດຂອງທ່ານ, Dreamweaver ຕັ້ງຂຶ້ນໃນເມນູຂອງທ່ານໃນການອອກແບບທີ່ມີລາຍການເລີ່ມຕົ້ນທີ່ເບິ່ງເຫັນ. ຫຼັງຈາກນັ້ນທ່ານສາມາດແກ້ໄຂເມນູແບບເລື່ອນລົງໄດ້ເຊັ່ນກັນ.
ຖ້າທ່ານແກ້ໄຂມັນ, ໃຫ້ແນ່ໃຈວ່າບໍ່ປ່ຽນແປງລະຫັດໃດໆໃນລາຍການ, ຖ້າບໍ່ດັ່ງນັ້ນ script ອາດຈະບໍ່ເຮັດວຽກ.
20 ຈາກ 20
ໄປຫາເມນູໃນເບົາເຊີ
ການບັນທຶກໄຟລ໌ແລະກົດ F12 ຈະສະແດງຫນ້າໃນຕົວທ່ອງເວັບທີ່ທ່ານຕ້ອງການ. ມີທ່ານສາມາດເລືອກເອົາຕົວເລືອກໃດຫນຶ່ງ, ໃຫ້ຄລິກໃສ່ "Go" ແລະເມນູ Jump Jump!