ສ້າງປະສົບການແບບຄໍາຮ້ອງສະຫມັກກ່ຽວກັບເວັບໄຊທ໌ຂອງທ່ານ
Dynamic HTML (DHTML) ອະນຸຍາດໃຫ້ທ່ານສ້າງປະສົບການແບບແບບທີ່ໃຊ້ໃນເວັບໄຊທ໌ຂອງທ່ານ, ການຫຼຸດຜ່ອນຄວາມຖີ່ທີ່ຫນ້າທັງຫມົດຕ້ອງໄດ້ຮັບການໂຫຼດຢ່າງເຕັມທີ່. ໃນແອັບພລິເຄຊັນ, ເມື່ອທ່ານຄລິກໃສ່ບາງສິ່ງບາງຢ່າງ, ແອັບພລິເຄຊັນປ່ຽນແປງສະແດງເນື້ອຫາສະເພາະຫຼືໃຫ້ຄໍາຕອບຂອງທ່ານ.
ໃນທາງກົງກັນຂ້າມ, ຫນ້າເວັບມັກຈະຕ້ອງໄດ້ຮັບການໂຫຼດໃຫມ່, ຫຼືຫນ້າໃຫມ່ທັງຫມົດທີ່ຕ້ອງໄດ້ຮັບການໂຫຼດ. ນີ້ສາມາດເຮັດໃຫ້ປະສົບການຂອງຜູ້ໃຊ້ຫຼາຍຂັດຂື້ນ. ລູກຄ້າຂອງທ່ານຕ້ອງລໍຖ້າຫນ້າທໍາອິດທີ່ຈະໂຫລດແລະລໍຖ້າອີກເທື່ອຫນຶ່ງສໍາລັບຫນ້າທີສອງທີ່ຈະໂຫລດແລະອື່ນໆ.
ໃຊ້ & lt div & gt ເພື່ອປັບປຸງປະສົບການຂອງຜູ້ຊົມ
ການນໍາໃຊ້ DHTML, ຫນຶ່ງໃນວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະປັບປຸງປະສົບການນີ້ແມ່ນເພື່ອໃຫ້ມີສ່ວນປະກອບ div ເພື່ອ ເປີດແລະປິດການສະແດງເນື້ອຫາເມື່ອມີການຮ້ອງຂໍ. ອົງປະກອບ div ກໍານົດການແບ່ງປັນຢ່າງມີເຫດຜົນໃນຫນ້າເວັບຂອງທ່ານ. ຄິດວ່າ div ເປັນປ່ອງທີ່ອາດມີວັກ, ຫົວຂໍ້, ການເຊື່ອມໂຍງ, ຮູບພາບຕ່າງໆ, ແລະແມ່ນແຕ່ສ່ວນອື່ນ.
ສິ່ງທີ່ທ່ານຕ້ອງການ
ເພື່ອສ້າງແຜ່ນທີ່ສາມາດເປີດແລະປິດໄດ້, ທ່ານຕ້ອງການດັ່ງຕໍ່ໄປນີ້:
- ການເຊື່ອມຕໍ່ທີ່ຈະຄວບຄຸມເບຍໂດຍການເປີດແລະປິດເມື່ອກົດ
- ການແບ່ງປັນເພື່ອສະແດງແລະຊ່ອນ
- CSS ເພື່ອສະໄຕຂອງເຊື່ອງໄວ້ຫລືເບິ່ງເຫັນ
- JavaScript ເພື່ອປະຕິບັດການປະຕິບັດ
ການຄວບຄຸມການເຊື່ອມຕໍ່
ການເຊື່ອມຕໍ່ການຄວບຄຸມແມ່ນສ່ວນທີ່ງ່າຍທີ່ສຸດ. ພຽງແຕ່ສ້າງການເຊື່ອມຕໍ່ເຊັ່ນດຽວກັນກັບຫນ້າອື່ນ. ສໍາລັບໃນປັດຈຸບັນ, ໃຫ້ອອກ href attribute ຫວ່າງ.
ຮຽນຮູ້ HTMLຈັດວາງນີ້ທຸກບ່ອນໃນເວັບໄຊທ໌ຂອງທ່ານ.
Div ເພື່ອສະແດງແລະຊ່ອນ
ສ້າງອົງປະກອບ div ທີ່ທ່ານຕ້ອງການສະແດງແລະຊ່ອນ. ໃຫ້ແນ່ໃຈວ່າແຜ່ນຂອງທ່ານມີເອກະລັກທີ່ເປັນເອກະລັກກ່ຽວກັບມັນ. ໃນຕົວຢ່າງ, id ທີ່ເປັນເອກະລັກແມ່ນ ຮຽນຮູ້ HTML .
ນີ້ແມ່ນຄໍລໍາເນື້ອຫາ. ມັນຈະເລີ່ມອອກເປັນເວລາຫວ່າງນອກຈາກຂໍ້ຄວາມອະທິບາຍນີ້. ເລືອກສິ່ງທີ່ທ່ານຕ້ອງການຮຽນຮູ້ໃນຖັນນໍາທິດຢູ່ເບື້ອງຊ້າຍ. ຂໍ້ຄວາມຈະປາກົດຢູ່ຂ້າງລຸ່ມນີ້: p> ສ້າງສອງຊັ້ນສໍາລັບ CSS ຂອງທ່ານ: ຫນຶ່ງເພື່ອຊ່ອນ div ແລະອື່ນໆເພື່ອສະແດງໃຫ້ເຫັນ. ທ່ານມີສອງຕົວເລືອກສໍາລັບການນີ້: ການສະແດງແລະການເບິ່ງເຫັນ. ການສະແດງຜົນອອກວີດີໂອຈາກການໄຫຼຫນ້າຂອງຫນ້າເວັບແລະການເບິ່ງເຫັນພຽງແຕ່ປ່ຽນແປງວິທີທີ່ມັນໄດ້ເຫັນ. ບາງຄົນທີ່ມັກໂຄສະນາມັກຈະ ສະແດງ , ແຕ່ບາງຄັ້ງ ຄວາມສາມາດເບິ່ງເຫັນ ໄດ້ດີ. ຍົກຕົວຢ່າງ: ຖ້າທ່ານຕ້ອງການນໍາໃຊ້ການເບິ່ງເຫັນ, ຫຼັງຈາກນັ້ນໃຫ້ປ່ຽນຫ້ອງຮຽນເຫຼົ່ານີ້ໃຫ້: ເພີ່ມຊັ້ນຮຽນທີ່ເຊື່ອງໄວ້ໃນແຜ່ນຂອງທ່ານເພື່ອມັນຈະເລີ້ມເປັນເຊື່ອງໄວ້ໃນຫນ້າ: ທັງຫມົດນີ້ script ແມ່ນເບິ່ງຢູ່ໃນປະຈຸບັນທີ່ກໍານົດໄວ້ໃນ div ຂອງທ່ານແລະສະຫຼັບມັນເພື່ອ unhidden ຖ້າມັນຫມາຍວ່າເປັນເຊື່ອງໄວ້ຫຼືໃນທາງກັບກັນ. ນີ້ແມ່ນພຽງແຕ່ສອງສາມເສັ້ນຂອງ JavaScript. ຈັດວາງດັ່ງຕໍ່ໄປນີ້ໃນຫົວຂອງເອກະສານ HTML ຂອງທ່ານ (ກ່ອນທີ່ຈະ ຮຽນຮູ້ HTML h3>
CSS ເພື່ອສະແດງແລະຊ່ອນ Div ໄດ້
JavaScript ເພື່ອເຮັດໃຫ້ມັນເຮັດວຽກ