ຖ້າທ່ານມີໃຫມ່ໃນການອອກແບບເວັບແລະການພັດທະນາທາງຫນ້າ (HTML, CSS, Javascript), ທ່ານອາດຈະເລືອກທີ່ຈະເລີ່ມຕົ້ນກັບບັນນາທິການ WYSIWYG. ຕົວຫຍໍ້ນີ້ຢືນສໍາລັບ "ສິ່ງທີ່ທ່ານເຫັນແມ່ນສິ່ງທີ່ທ່ານໄດ້ຮັບ" ແລະມັນໂດຍພື້ນຖານແລ້ວນັ້ນຫມາຍເຖິງຊອບແວທີ່ຊ່ວຍໃຫ້ທ່ານສ້າງຫນ້າເວັບໂດຍໃຊ້ເຄື່ອງມືທີ່ມີສາຍຕາໃນຂະນະທີ່ຊອບແວຂຽນລະຫັດຈໍານວນຫນຶ່ງຢູ່ຫລັງ scenes ໂດຍອີງໃສ່ສິ່ງທີ່ທ່ານກໍາລັງສ້າງ. ເຄື່ອງ WYSIWYG ທີ່ມີຊື່ສຽງທີ່ສຸດແມ່ນ Adobe Dreamweaver .
Dreamweaver ແມ່ນທາງເລືອກທີ່ດີສໍາລັບຜູ້ທີ່ຕ້ອງການເລີ່ມຕົ້ນ
ໃນຂະນະທີ່ຜູ້ຊ່ຽວຊານດ້ານເວບໄຊທ໌ ທີ່ມີຄວາມສາມາດ ທີ່ຫລາກ ຫລາຍໄດ້ ເບິ່ງກ່ຽວກັບ Dreamweaver ແລະແນວໂນ້ມຂອງຕົນໃນການຜະລິດ HTML markup ແລະຮູບແບບ CSS, ຄວາມຈິງງ່າຍໆແມ່ນວ່າເວທີນີ້ຍັງເປັນຕົວເລືອກທີ່ດີສໍາລັບຜູ້ທີ່ເລີ່ມຕົ້ນດ້ວຍການອອກແບບເວັບໄຊທ໌. ໃນຂະນະທີ່ທ່ານເລີ່ມໃຊ້ຕົວເລືອກ "ມຸມເບິ່ງການອອກແບບ" ຂອງ Dreamweaver ເພື່ອສ້າງຫນ້າເວັບ, ຫນຶ່ງໃນຄໍາຖາມທີ່ທ່ານອາດຈະມີແມ່ນວິທີການສ້າງເສັ້ນທໍາອິດສໍາລັບເນື້ອຫາໃນມຸມມອງນັ້ນ.
ໃນເວລາທີ່ທ່ານກໍາລັງເພີ່ມຂໍ້ຄວາມ HTML ໃນຫນ້າເວັບ, ຕົວທ່ອງເວັບຂອງເວັບຈະສະແດງຂໍ້ຄວາມດັ່ງກ່າວເປັນເສັ້ນຍາວຈົນກວ່າມັນຈະມາເຖິງຂອບຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບຫຼືອົງປະກອບຂອງຖັງຂອງມັນ. ໃນຈຸດນັ້ນ, ຂໍ້ຄວາມຈະກວມເອົາເສັ້ນຕໍ່ໄປ. ນີ້ແມ່ນຄ້າຍຄືກັບສິ່ງທີ່ເກີດຂື້ນໃນຊອບແວການປຸງແຕ່ງຄໍາໃດໆເຊັ່ນ Microsoft Word ຫຼື Google Docs. ໃນເວລາທີ່ເສັ້ນຂອງຂໍ້ຄວາມບໍ່ມີພື້ນທີ່ຫຼາຍກວ່າເສັ້ນແນວນອນ, ມັນຈະຫໍ່ເພື່ອເລີ່ມຕົ້ນເສັ້ນອີກ. ດັ່ງນັ້ນສິ່ງທີ່ເກີດຂື້ນຖ້າທ່ານຕ້ອງການກໍານົດບ່ອນທີ່ມີເສັ້ນສາຍ?
ເມື່ອທ່ານກົດປຸ່ມ [ENTER] ໃນຮູບແບບການອອກແບບຂອງ Dreamweaver, ວັກຕອນປັດຈຸບັນຖືກປິດແລະວັກໃຫມ່ເລີ່ມຕົ້ນ. ໂດຍສະເພາະ, ນີ້ຈະຫມາຍຄວາມວ່າສາຍທັງສອງເຫຼົ່ານີ້ຖືກແຍກອອກດ້ວຍຄວາມແຕກຕ່າງຂອງຊ່ອງຫວ່າງ. ນີ້ແມ່ນຍ້ອນວ່າ, ໂດຍຕົວຢ່າງ, ວັກ HTML ມີ padding ຫຼືຂອບ (ຊຶ່ງຫນຶ່ງແມ່ນຂຶ້ນກັບຕົວທ່ອງເວັບຂອງຕົວມັນເອງ) ທີ່ຖືກນໍາໃຊ້ຢູ່ລຸ່ມຂອງວັກທີ່ເພີ່ມຄວາມສະຫວ່າງ.
ນີ້ສາມາດຖືກປັບດ້ວຍ CSS ແຕ່ຄວາມຈິງກໍ່ຄືວ່າທ່ານຕ້ອງການໃຫ້ມີຊ່ອງຫວ່າງລະຫວ່າງວັກເພື່ອອະນຸຍາດໃຫ້ມີ ຄວາມເຂົ້າໃຈໃນເວັບໄຊທ໌ . ຖ້າທ່ານຕ້ອງການເສັ້ນດຽວແລະບໍ່ມີຊ່ອງຫວ່າງຕັ້ງແຕ່ລະເສັ້ນ, ທ່ານບໍ່ຕ້ອງການໃຊ້ [ENTER] ສໍາຄັນເພາະວ່າທ່ານບໍ່ຕ້ອງການສາຍເຫຼົ່ານີ້ໃຫ້ເປັນສ່ວນບຸກຄົນ.
ສໍາລັບເວລາເຫຼົ່ານີ້ເມື່ອທ່ານບໍ່ຕ້ອງການວັກໃຫມ່ຈະເລີ່ມຕົ້ນ, ທ່ານຈະເພີ່ມໂຄດຄໍາສັ່ງໃນ HTML. ນີ້ແມ່ນບາງຄັ້ງກໍ່ຂຽນເປັນ
. ໂດຍສະເພາະສໍາລັບສະບັບຂອງ XHTML ທີ່ຕ້ອງການອົງປະກອບທັງຫມົດທີ່ຈະປິດ. ຫລັງ / ໃນ syntax ຕົວຕົນເອງປິດອົງປະກອບນັບຕັ້ງແຕ່ໂຄດຄໍາສັ່ງບໍ່ມີໂຄສະນາປິດຂອງຕົນເອງ. ນີ້ແມ່ນທັງຫມົດທີ່ດີແລະດີ, ແຕ່ທ່ານກໍາລັງເຮັດວຽກໃນ Design View ໃນ Dreamweaver. ທ່ານອາດຈະບໍ່ຢາກກ້າວເຂົ້າໄປໃນລະຫັດແລະເພີ່ມການພັກຜ່ອນເຫຼົ່ານີ້. ນັ້ນແມ່ນດີ, ເພາະວ່າທ່ານສາມາດ, ໃນຄວາມເປັນຈິງແລ້ວ, ເພີ່ມການຕັດເສັ້ນໃນ Dreamweaver ໂດຍບໍ່ຈໍາເປັນຕ້ອງເບິ່ງລະຫັດ.
ຕື່ມການອອກແບບ Line Break in Dreamweaver View Design:
- ວາງຕົວກະພິບທີ່ທ່ານຕ້ອງການເສັ້ນໃຫມ່ເພື່ອເລີ່ມຕົ້ນ.
- ກົດປຸມະ shift ແລະກົດ [ENTER].
That's it! ນອກເຫນືອໄປຈາກງ່າຍໆຂອງແປ້ນ "shift" ພ້ອມກັບ [ENTER] ຈະເພີ່ມຫມາຍແທນແທນວັກໃຫມ່. ດັ່ງນັ້ນໃນປັດຈຸບັນທີ່ທ່ານຮູ້ວ່າສິ່ງນີ້ເປັນແນວໃດ, ທ່ານຄວນພິຈາລະນາບ່ອນທີ່ຈະໃຊ້ມັນແລະບ່ອນທີ່ຈະຫຼີກເວັ້ນມັນ. ຈືຂໍ້ມູນການ, HTML ແມ່ນຫມາຍຄວາມວ່າຈະສ້າງໂຄງສ້າງຂອງເວັບໄຊທ໌, ບໍ່ແມ່ນຮູບລັກສະນະທີ່ເປັນຕາ. ທ່ານບໍ່ຄວນໃຊ້ແທໍກຈໍານວນຫລາຍເພື່ອສ້າງຊ່ອງຫວ່າງຕັ້ງຢູ່ພາຍໃຕ້ອົງປະກອບໃນການອອກແບບຂອງທ່ານ.
ນັ້ນແມ່ນສິ່ງທີ່ມີຄຸນສົມບັດ CSS ສໍາລັບ padding ແລະຂອບສໍາລັບ. ບ່ອນທີ່ທ່ານຈະນໍາໃຊ້ປ້າຍໂຄສະນາເປັນເວລາທີ່ທ່ານພຽງແຕ່ຕ້ອງການສາຍດຽວ. ຕົວຢ່າງເຊັ່ນຖ້າທ່ານກໍານົດທີ່ຢູ່ອີເມລ໌ແລະທ່ານໄດ້ຕັດສິນໃຈໃຊ້ວັກຕອນ, ທ່ານສາມາດເພີ່ມແທັກແທັກເຊັ່ນນີ້:
ຊື່ບໍລິສັດ
Address Line
ເມືອງ, ລັດ, ZIP
ລະຫັດນີ້ສໍາລັບທີ່ຢູ່ແມ່ນວັກດຽວ, ແຕ່ວ່າມັນຈະສະແດງສາມເສັ້ນໃນສາຍສ່ວນບຸກຄົນທີ່ມີຊ່ອງຫວ່າງລະຫວ່າງເຂົາເຈົ້າ.