ທ່ານບໍ່ຈໍາເປັນຕ້ອງໃຊ້ WYSIWYG ເທົ່ານັ້ນ
Dreamweaver ແມ່ນ ບັນນາທິການ WYSIWYG ທີ່ດີເລີດ, ແຕ່ຖ້າທ່ານບໍ່ສົນໃຈໃນການຂຽນຫນ້າເວັບໃນສິ່ງທີ່ທ່ານເຫັນແມ່ນສິ່ງທີ່ທ່ານໄດ້ຮັບຈາກສະພາບແວດລ້ອມ, ທ່ານຍັງສາມາດໃຊ້ Dreamweaver ໄດ້ ເນື່ອງຈາກວ່າມັນຍັງເປັນບັນນາທິການທີ່ດີ. ແຕ່ມີລັກສະນະຫຼາຍຢ່າງທີ່ລ້າສະໄຫມໂດຍບັນດາຕົວເລືອກໃນບັນນາທິການລະຫັດ Dreamweaver ເນື່ອງຈາກຈຸດສຸມຕົ້ນຕໍແມ່ນ "ມຸມເບິ່ງການອອກແບບ" ຫຼືສ່ວນການແກ້ໄຂ WYSIWYG ຂອງຜະລິດຕະພັນ.
ວິທີການເຂົ້າເບິ່ງລະຫັດ Dreamweaver
ຖ້າທ່ານບໍ່ເຄີຍໃຊ້ Dreamweaver ເປັນບັນນາທິການ HTML ກ່ອນທີ່ທ່ານອາດຈະບໍ່ເຄີຍສັງເກດເຫັນປຸ່ມສາມຢູ່ດ້ານເທິງຂອງຫນ້າ: "Code," "Split," ແລະ "Design". Dreamweaver ເລີ່ມຕົ້ນໂດຍຄ່າເລີ່ມຕົ້ນໃນ "ມຸມເບິ່ງອອກແບບ" ຫຼືໂຫມດ WYSIWYG. ແຕ່ວ່າມັນງ່າຍທີ່ຈະປ່ຽນໄປເບິ່ງແລະແກ້ໄຂລະຫັດ HTML. ພຽງແຕ່ກົດປຸ່ມ "ລະຫັດ". ຫລືເຂົ້າໄປໃນເມນູເບິ່ງແລະເລືອກ "ລະຫັດ."
ຖ້າທ່ານພຽງແຕ່ຮຽນຮູ້ວິທີການຂຽນ HTML ຫຼືທ່ານຕ້ອງການຄວາມຮູ້ສຶກວ່າວິທີການປ່ຽນແປງຂອງທ່ານຈະມີຜົນກະທົບຕໍ່ເອກະສານຂອງທ່ານ, ທ່ານສາມາດເປີດເບິ່ງລະຫັດແລະການອອກແບບໃນເວລາດຽວກັນ. ຄວາມງາມຂອງວິທີນີ້ແມ່ນວ່າທ່ານສາມາດແກ້ໄຂໃນທັງສອງປ່ອງຢ້ຽມເຊັ່ນດຽວກັນ. ດັ່ງນັ້ນ, ທ່ານສາມາດຂຽນລະຫັດສໍາລັບແທັບຮູບພາບຂອງທ່ານໃນ HTML ແລະຫຼັງຈາກນັ້ນໃຊ້ການເບິ່ງການອອກແບບເພື່ອຍ້າຍໄປທີ່ສະຖານທີ່ອື່ນໃນຫນ້າທີ່ມີການ drag ແລະລົງ.
ເພື່ອເບິ່ງທັງສອງໃນເວລາດຽວ, ທັງ:
- ກົດປຸ່ມ "Split" (ລະຫວ່າງ "Code" ແລະ "Design")
- ໃນການເບິ່ງເມນູ, ເລືອກ "ລະຫັດແລະການອອກແບບ"
ເມື່ອທ່ານສະດວກສະບາຍໂດຍໃຊ້ Dreamweaver ເພື່ອແກ້ໄຂລະຫັດ HTML ຂອງທ່ານ, ທ່ານສາມາດປ່ຽນຄວາມຕ້ອງການຂອງທ່ານທີ່ຈະເປີດ Dreamweaver ໃນລະຫັດຕາມຮູບແບບໂດຍຄ່າເລີ່ມຕົ້ນ. ວິທີທີ່ງ່າຍທີ່ສຸດແມ່ນເພື່ອປະຢັດການເບິ່ງລະຫັດເປັນພື້ນທີ່ເຮັດວຽກ. Dreamweaver ຈະເປີດໃນການເຮັດວຽກທີ່ຜ່ານມາທີ່ທ່ານໄດ້ໃຊ້. ຖ້າມັນບໍ່ໄດ້, ພຽງແຕ່ໄປທີ່ເມນູ Window ແລະເລືອກພື້ນທີ່ເຮັດວຽກທີ່ທ່ານຕ້ອງການ.
ລະຫັດເບິ່ງຕົວເລືອກ
Dreamweaver ແມ່ນມີຄວາມຍືດຫຍຸ່ນດັ່ງນັ້ນມັນມີຫລາຍວິທີທີ່ຈະປັບແຕ່ງມັນແລະເຮັດໃຫ້ມັນເຮັດວຽກຕາມວິທີທີ່ທ່ານຕ້ອງການ. ໃນປ່ອງຢ້ຽມທາງເລືອກ, ມີລະຫັດສີ, ການຈັດຮູບແບບລະຫັດ, ຄໍາແນະນໍາລະຫັດແລະຕົວຂຽນການຂຽນແບບໃຫມ່ທີ່ທ່ານສາມາດປັບ. ແຕ່ທ່ານຍັງສາມາດປ່ຽນທາງເລືອກພິເສດບາງຢ່າງພາຍໃນຕົວລະຫັດຕົວເອງ.
ເມື່ອທ່ານເຂົ້າເບິ່ງລະຫັດ, ມີປຸ່ມ "ຕົວເລືອກເບິ່ງ" ໃນແຖບເຄື່ອງມື. ນອກນັ້ນທ່ານຍັງສາມາດເບິ່ງຕົວເລືອກໂດຍການເຂົ້າໄປໃນເມນູ View ແລະເລືອກ "ຕົວເລືອກ View Code". ຕົວເລືອກຕ່າງໆແມ່ນ:
- Word Wrap - wraps ລະຫັດ HTML ດັ່ງນັ້ນທ່ານສາມາດເບິ່ງໄດ້ໂດຍບໍ່ຕ້ອງເລື່ອນພາບຕາມແນວນອນ. ໃຫ້ສັງເກດວ່າຕົວເລືອກນີ້ບໍ່ໄດ້ສະແດງຜົນຕອບແທນໃດໆໃນລະຫັດຂອງທ່ານ, ມັນສະແດງໂຄ້ດດັ່ງນັ້ນມັນຈຶ່ງງ່າຍຕໍ່ການອ່ານ.
- ຕົວເລກ - ສະແດງຕົວເລກລະດັບເສັ້ນຂ້າງຂອງລະຫັດ. ມັນສະແດງໃຫ້ເຫັນສັນຍາລັກລອກເສັ້ນສໍາລັບເສັ້ນທີ່ຍາວກວ່າ window view.
- ລັກສະນະທີ່ເຊື່ອງໄວ້ - ສະແດງລັກສະນະພິເສດແທນທີ່ຈະເປັນຊ່ອງຫວ່າງທີ່ຈະສະແດງໃນຫນ້າເວັບ. ເຊັ່ນ dot ຈະທົດແທນພື້ນທີ່, chevron double ແທນແທັບ, ແລະເຄື່ອງຫມາຍເຄື່ອງຫມາຍຫຼືເຄື່ອງຫມາຍວັກແທນການຢຸດຂອງແຕ່ລະເສັ້ນ.
- ເນັ້ນຫນັກລະຫັດບໍ່ຖືກຕ້ອງ - ຈຸດເດັ່ນ HTML ທີ່ບໍ່ຖືກຕ້ອງໃນສີເຫຼືອງ. ຖ້າທ່ານເລືອກເອົາປ້າຍສີເຫຼືອງ, Inspector ຊັບສິນຈະບອກທ່ານກ່ຽວກັບວິທີແກ້ໄຂມັນ.
- ສີສັນຍາລັກ - ເປີດຫຼືປິດລະຫັດສີຂອງລະຫັດຂອງທ່ານ. ທ່ານປ່ຽນສີຂອງສີລະຫັດຂອງທ່ານໃນສ່ວນສີລະຫັດຂອງຄວາມຕ້ອງການ.
- ອັດຕະໂນມັດເຂົ້າ - ເຮັດໃຫ້ລະຫັດຂອງທ່ານ indent ອັດຕະໂນມັດຫຼັງຈາກການຂົນສົ່ງກັບຄືນໄປບ່ອນຖ້າວ່າລະຫັດທີ່ຢູ່ຂ້າງເທິງມັນໄດ້ຖືກດັດແປງ. ທ່ານສາມາດປ່ຽນຂະຫນາດຂອງອິນເຕີເນັດໄດ້ໂດຍການປ່ຽນຂະຫນາດແທັບໃນສ່ວນການຈັດຮູບແບບທີ່ກໍານົດໄວ້ຂອງຄໍາແນະນໍາ.
ການແກ້ໄຂລະຫັດ HTML ໃນຮູບແບບຂອງ Dreamweaver
ມັນງ່າຍທີ່ຈະແກ້ໄຂລະຫັດ HTML ໃນຮູບແບບຂອງ Dreamweaver. ພຽງແຕ່ເລີ່ມພິມ HTML ຂອງທ່ານ. ແຕ່ Dreamweaver ສະຫນອງທ່ານມີບາງ extras ທີ່ຂະຫຍາຍອອກໄປນອກເຫນືອຈາກບັນນາທິການ HTML ຂັ້ນພື້ນຖານ. ເມື່ອທ່ານເລີ່ມຂຽນແທໍກ HTML, ທ່ານພິມ <. ຖ້າທ່ານຢຸດພັກຢູ່ຫລັງຈາກນັ້ນ, Dreamweaver ຈະສະແດງຊື່ HTML ຂອງທ່ານ. ເຫຼົ່ານີ້ເອີ້ນວ່າຄໍາແນະນໍາລະຫັດ. ເພື່ອຫຼຸດຜ່ອນການຄັດເລືອກ, ເລີ່ມຕົ້ນການພິມຕົວອັກສອນ - Dreamweaver ຈະກວມເອົາບັນຊີລາຍການເລື່ອນລົງໄປທີ່ປ້າຍທີ່ເຫມາະສົມກັບສິ່ງທີ່ທ່ານກໍາລັງພິມ.
ຖ້າທ່ານມີໃຫມ່ໃນ HTML, ທ່ານສາມາດເລື່ອນໄປຫາບັນຊີລາຍຊື່ຂອງແທັບ HTML ແລະເລືອກຄົນອື່ນເພື່ອເບິ່ງວ່າພວກເຂົາເຮັດຫຍັງ. Dreamweaver ຈະສືບຕໍ່ເຕືອນທ່ານສໍາລັບຄຸນລັກສະນະເມື່ອທ່ານໄດ້ພິມ tag. ຕົວຢ່າງ: ຖ້າທ່ານພິມ ", Dreamweaver ຈະເລື່ອນລົງໄປໃສ່ HTML tag, ດ້ວຍແທັກອື່ນ ໆ ທີ່ເລີ່ມຕົ້ນດ້ວຍ I follow. ຖ້າທ່ານສືບຕໍ່ການພິມຕົວອັກສອນ "m", Dreamweaver ຈະເຮັດໃຫ້ມັນຫຼຸດລົງໄປທີ່ແທັກ .
ແຕ່ຄໍາແນະນໍາກ່ຽວກັບລະຫັດບໍ່ໄດ້ສິ້ນສຸດລົງຢູ່ໃນປ້າຍ. ທ່ານສາມາດໃຊ້ຄໍາແນະນໍາກ່ຽວກັບລະຫັດເພື່ອໃສ່:
ຖ້າຄໍາແນະນໍາກ່ຽວກັບລະຫັດບໍ່ປາກົດ, ທ່ານສາມາດກົດ Ctrl-spacebar (Windows) ຫຼື Cmd-spacebar (Macintosh) ເພື່ອໃຫ້ພວກເຂົາສະແດງ. ເຫດຜົນທົ່ວໄປທີ່ເປັນຫຍັງຄໍາແນະນໍາກ່ຽວກັບລະຫັດອາດຈະບໍ່ປາກົດເປັນຖ້າທ່ານປ່ຽນຫນ້າຕ່າງອື່ນກ່ອນທີ່ຈະສິ້ນສຸດໂຄສະນາຂອງທ່ານ. ເນື່ອງຈາກ Dreamweaver ແມ່ນສໍາຄັນທີ່ຈະລົບລັກສະນະຂອງຕົວອັກສອນ <, ຖ້າທ່ານອອກຈາກປ່ອງຢ້ຽມແລະກັບຄືນ, ທ່ານຈະຕ້ອງເປີດລະຫັດໂຄ້ດຄືນໃຫມ່.
ທ່ານສາມາດປິດເມນູຄໍາແນະນໍາໃນລະຫັດໂດຍການກົດປຸ່ມ escape.
ເມື່ອທ່ານໄດ້ພິມ tag HTML ຂອງທ່ານ, ທ່ານຈໍາເປັນຕ້ອງປິດມັນ. Dreamweaver ເຮັດແນວນີ້ໂດຍທາງທໍາມະຊາດ. ຖ້າທ່ານພິມຕົວເລືອກ "Close Tags" ທີ່ເຫມາະສົມກັບຄວາມຕ້ອງການຂອງທ່ານ.
ຖ້າທ່ານບໍ່ພ້ອມທີ່ຈະປ່ຽນໄປແກ້ໄຂຫນ້າເວັບໃນ HTML ແຕ່ວ່າທ່ານຕ້ອງການເບິ່ງລະຫັດດັ່ງທີ່ຂຽນໄວ້, ທ່ານຄວນລອງກວດສອບລະຫັດ. ນີ້ເປີດລະຫັດ HTML ໃນຫນ້າຕ່າງແຍກຕ່າງຫາກ. ມັນເຮັດວຽກຄືກັນກັບການເບິ່ງລະຫັດແລະໃນຄວາມເປັນຈິງ, ໂດຍພື້ນຖານແລ້ວ, ມັນແມ່ນ window view view ທີ່ສາມາດກໍາຈັດໄດ້ສໍາລັບເອກະສານປະຈຸບັນ. ເປີດຕົວກວດກາລະຫັດ, ໄປທີ່ເມນູ Window ແລະເລືອກ "Code Inspector" ຫຼືກົດປຸ່ມ F10 ເທິງແປ້ນພິມຂອງທ່ານ.
Dreamweaver ຈະສ້າງຮູບແບບ HTML ແຕ່ຢ່າງໃດກໍ່ຕາມທ່ານຕ້ອງການສະແດງໃຫ້ເຫັນ. ຕົວຢ່າງເຊັ່ນຖ້າທ່ານໃຊ້ 3 ຊ່ອງເພື່ອເຂົ້າຫາແຕ່ບໍ່ໄດ້ເຂົ້າໄປເບິ່ງ IMG, ທ່ານສາມາດລະບຸຂໍ້ມູນການຈັດຮູບແບບໃນຕົວເລືອກການຂຽນແບບລະຫັດ. ຫຼັງຈາກນັ້ນ, ທ່ານໄປທີ່ເມນູຄໍາສັ່ງແລະເລືອກເອົາ "Apply ແຫລ່ງຮູບແບບ." ນີ້ແມ່ນວິທີທີ່ດີທີ່ຈະໄດ້ຮັບຂໍ້ຄວາມທີ່ຂຽນໂດຍຄົນອື່ນເຂົ້າໃນຮູບແບບທີ່ຄຸ້ນເຄີຍກັບທ່ານ.
ຄຸນນະສົມບັດທີ່ coders HTML ຈໍານວນຫຼາຍບໍ່ຮູ້ກ່ຽວກັບຫຼືບໍ່ໃຊ້ແມ່ນຄວາມສາມາດໃນການລວບລວມລະຫັດ HTML. ນີ້ບໍ່ໄດ້ຖອນແທໍກອອກຈາກເອກະສານ, ແຕ່ວ່າມັນພຽງແຕ່ລຶບມັນອອກຈາກມຸມເບິ່ງເພື່ອໃຫ້ພວກເຂົາບໍ່ຫຼອກລວງສິ່ງທີ່ທ່ານກໍາລັງເຮັດ. ຍຸບລະຫັດຂອງທ່ານ:
- ເລືອກພາກສ່ວນຂອງລະຫັດທີ່ທ່ານຕ້ອງການທີ່ຈະຊ່ອນຢູ່
- ໃນການແກ້ໄຂເມນູ, ເລືອກ "ຍຸບການເລືອກ" ຈາກເມນູຍ່ອຍ "ລະຫັດ"
ວິທີທີ່ງ່າຍກວ່າແມ່ນການເລືອກລະຫັດແລະຫຼັງຈາກນັ້ນໃຫ້ຄລິກໃສ່ຮູບສັນຍາລັກ collapse ລະຫັດທີ່ປາກົດຢູ່ໃນຂີ້ເຫຍື້ອ. ນອກນັ້ນທ່ານຍັງສາມາດຄລິກຂວາໃສ່ລະຫັດທີ່ເລືອກແລະເລືອກເອົາ "ການຫຼີກລ່ຽງການເລືອກ".
ຖ້າທ່ານຕ້ອງການຊ່ອນທຸກຢ່າງ ຍົກເວັ້ນ ສິ່ງທີ່ໄດ້ເນັ້ນໃຫ້ເລືອກ, "ເລືອກອອກພາຍນອກ" ໂດຍໃຊ້ວິທີໃດຫນຶ່ງຂ້າງເທິງ.
ເພື່ອຂະຫຍາຍລະຫັດທີ່ລົ້ມລະລາຍ, ໃຫ້ຄລິກໃສ່ມັນເທົ່ານັ້ນ. ນີ້ເປີດລະຫັດແລະເລືອກມັນ. ຫຼັງຈາກນັ້ນ, ທ່ານສາມາດຍ້າຍເລືອກນັ້ນຫຼືລຶບມັນຫຼືເພີ່ມແທັກເພີ່ມເຕີມປະມານ.
ທ່ານສາມາດໃຊ້ການລົ່ມສະຫລາຍແລະຂະຫຍາຍຄຸນສົມບັດໄດ້ຕະຫຼອດເວລາໃນຫນ້າຕ່າງໆທີ່ທ່ານບໍ່ຕ້ອງການແກ້ໄຂແມ່ແບບພາຍນອກ. ທ່ານພຽງແຕ່ເລືອກເຂດເນື້ອຫາທີ່ທ່ານຕ້ອງການແກ້ໄຂແລະລົ້ມລົງຢູ່ນອກ. ຫຼັງຈາກນັ້ນ, ຂຽນ HTML ຂອງທ່ານ. ທ່ານຍັງສາມາດເບິ່ງຫນ້າໃນມຸມເບິ່ງອອກແບບຫຼືສະແດງຕົວຢ່າງໃນເບົາເຊີ. ລະຫັດທີ່ລົ້ມລະລາຍບໍ່ໄດ້ຖືກລຶບອອກຈາກເອກະສານ, ພຽງແຕ່ເຊື່ອງໄວ້ຈາກການເບິ່ງ. ທ່ານຍັງສາມາດໃຊ້ມັນໄດ້ໃນເວລາທີ່ທ່ານກໍາລັງເຮັດວຽກຢູ່ໃນຊຸດຂອງລາຍການ. ເມື່ອທ່ານສິ້ນສຸດລົງ, ລົ້ມລົງ. ທ່ານຮູ້ວ່າທ່ານກໍາລັງເຮັດໃນເວລາທີ່ບໍ່ມີລະຫັດສະແດງ.