ຮູບແບບຫນ້າເວັບ ສາມາດເຮັດໄດ້ສອງວິທີທີ່ແຕກຕ່າງກັນ:
- ຮູບແບບການແກ້ໄຂກວ້າງທີ່ມີກໍານົດ - ເຫຼົ່ານີ້ແມ່ນຮູບແບບທີ່ມີຄວາມກວ້າງຂອງຫນ້າທັງຫມົດທີ່ຖືກກໍານົດດ້ວຍຄ່າຕົວເລກທີ່ສະເພາະ.
- ການຈັດວາງເຫລັກ - ເຫຼົ່ານີ້ແມ່ນຮູບແບບທີ່ width ຂອງຫນ້າທັງຫມົດແມ່ນຄວາມຍືດຫຍຸ່ນຂຶ້ນຢູ່ກັບວິທີການກວ້າງຂອງຕົວທ່ອງເວັບຂອງ viewer ແມ່ນ.
ມີເຫດຜົນທີ່ດີສໍາລັບການໃຊ້ວິທີການທັງສອງຮູບແບບ, ແຕ່ບໍ່ມີຄວາມເຂົ້າໃຈກ່ຽວກັບຜົນປະໂຫຍດທີ່ກ່ຽວຂ້ອງແລະການຂາດວິທີການຂອງແຕ່ລະວິທີ, ທ່ານບໍ່ສາມາດຕັດສິນໃຈທີ່ດີທີ່ຈະນໍາໃຊ້ສໍາລັບຫນ້າເວັບຂອງທ່ານ.
Fixed Width Layouts
ການຈັດການແກ້ໄຂແມ່ນຮູບແບບທີ່ເລີ່ມຕົ້ນດ້ວຍຂະຫນາດສະເພາະ, ຖືກກໍານົດໂດຍ ຜູ້ອອກແບບເວັບ . ພວກເຂົາຍັງຄົງຄວາມກວ້າງນັ້ນ, ບໍ່ວ່າຈະເປັນຂະຫນາດຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບທີ່ເບິ່ງຫນ້າ. ການຈັດວາງຄວາມກວ້າງຄົງທີ່ຊ່ວຍໃຫ້ຜູ້ອອກແບບຄວບຄຸມໂດຍກົງກ່ຽວກັບວິທີການເບິ່ງຫນ້າໃນສະຖານະການຫຼາຍທີ່ສຸດ. ພວກເຂົາເຈົ້າມັກມັກຜູ້ອອກແບບທີ່ມີພື້ນຖານການພິມ, ຍ້ອນວ່າເຂົາເຈົ້າອະນຸຍາດໃຫ້ຜູ້ອອກແບບສ້າງການປັບແຕ່ງນາທີກ່ຽວກັບຮູບແບບແລະໃຫ້ເຂົາເຈົ້າມີຄວາມສອດຄ່ອງກັນລະຫວ່າງຕົວທ່ອງເວັບແລະຄອມພິວເຕີ.
Liquid Layouts
ການອອກແບບແຫຼວແມ່ນການອອກແບບທີ່ອີງໃສ່ເປີເຊັນຂອງຂະຫນາດຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບປັດຈຸບັນ. ພວກເຂົາ flex ກັບຂະຫນາດຂອງປ່ອງຢ້ຽມ, ເຖິງແມ່ນວ່າຜູ້ຊົມໃນປະຈຸບັນປ່ຽນຂະຫນາດຂອງຕົວທ່ອງເວັບຍ້ອນວ່າພວກເຂົາກໍາລັງເບິ່ງເວັບໄຊທ໌. ການຈັດວາງຄວາມກວ້າງຂອງແຫຼວໃຫ້ການນໍາໃຊ້ທີ່ມີປະສິດທິພາບຫຼາຍທີ່ສຸດຂອງພື້ນທີ່ທີ່ສະຫນອງໃຫ້ໂດຍປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບຂອງເວັບຫຼືຫນ້າຈໍທີ່ໄດ້ຮັບ. ພວກເຂົາເຈົ້າມັກມັກຜູ້ອອກແບບທີ່ມີຂໍ້ມູນຈໍານວນຫຼາຍເພື່ອເຂົ້າຫາພື້ນທີ່ນ້ອຍເທົ່າທີ່ເປັນໄປໄດ້, ຍ້ອນວ່າພວກເຂົາຍັງຄົງມີຄວາມສອດຄ່ອງໃນຂະຫນາດແລະຫນ້າເວັບທີ່ກ່ຽວຂ້ອງໂດຍບໍ່ຄໍານຶງເຖິງຜູ້ທີ່ກໍາລັງເບິ່ງຫນ້າ.
ສິ່ງທີ່ຢູ່ທີ່ Stake?
ວິທີທີ່ເລືອກສໍາລັບ ການອອກແບບເວັບໄຊທ໌ ຂອງທ່ານຈະມີຜົນກະທົບຕໍ່ຫຼາຍກວ່າ ການອອກແບບ ຂອງທ່ານ. ອີງຕາມການທີ່ທ່ານເລືອກ, ທ່ານຈະສົ່ງຜົນກະທົບຕໍ່ຄວາມສາມາດຂອງຜູ້ອ່ານຂອງທ່ານທີ່ຈະສະແກນຂໍ້ຄວາມຂອງທ່ານ, ຊອກຫາສິ່ງທີ່ພວກເຂົາກໍາລັງຊອກຫາຫຼືບາງຄັ້ງກໍ່ໃຊ້ເວັບໄຊທ໌ຂອງທ່ານ. ເຊັ່ນດຽວກັນ, ແບບຮູບແບບຈະມີຜົນກະທົບຕໍ່ຄວາມພະຍາຍາມຂອງທ່ານໃນກາລະຕະຫຼາດເວັບໄຊທ໌ຂອງທ່ານຜ່ານການສ້າງຕາສິນຄ້າ, ທີ່ມີຢູ່ອາໃສແລະຄວາມງາມຂອງເວັບໄຊທ໌ຂອງທ່ານ.
ຜົນປະໂຫຍດຂອງການວາງກໍານົດ width width
- ຮູບແບບ width ຄົງທີ່ຊ່ວຍໃຫ້ນັກອອກແບບສ້າງຫນ້າເວັບຕ່າງໆທີ່ຈະເບິ່ງຄືກັນບໍ່ວ່າຜູ້ທີ່ກໍາລັງເບິ່ງຫາເຂົາເຈົ້າ.
- ອົງປະກອບ width fixed ເຊັ່ນ: ຮູບພາບຈະບໍ່ overpower ຂໍ້ຄວາມໃນຈໍຂະຫນາດນ້ອຍເພາະວ່າ width ຂອງຫນ້າທັງຫມົດຈະປະກອບມີອົງປະກອບເຫຼົ່ານັ້ນ.
- ຄວາມຍາວຂອງການສະແກນຈະບໍ່ໄດ້ຮັບຜົນກະທົບຈາກສ່ວນຂະຫນາດໃຫຍ່ຂອງຂໍ້ຄວາມບໍ່ວ່າຈະເປັນຄວາມກວ້າງຂອງຕົວທ່ອງເວັບຂອງເວັບໄຊຕ໌.
ຜົນປະໂຫຍດຂອງການຈັດວາງຂອງແຫຼວ
- ຮູບແບບ width ຂອງແຫຼວຂະຫຍາຍແລະເຮັດສັນຍາເພື່ອຕື່ມຂໍ້ມູນໃສ່ພື້ນທີ່ທີ່ມີຢູ່.
- ທັງຫມົດແມ່ນອະສັງຫາລິມະສັບທີ່ໃຊ້ໄດ້, ເຊິ່ງຊ່ວຍໃຫ້ຜູ້ອອກແບບສາມາດສະແດງຂໍ້ມູນເພີ່ມເຕີມໃນຈໍສະແດງຜົນຂະຫນາດໃຫຍ່, ແຕ່ຍັງຄົງສາມາດໃຊ້ໄດ້ໃນການສະແດງຂະຫນາດນ້ອຍກວ່າ.
- ການວາງສະແດງຂອງແຫຼວສະຫນອງໃຫ້ສອດຄ່ອງໃນຄວາມກວ້າງຂອງຄວາມສໍາພັນ, ໃຫ້ຫນ້າທີ່ຈະຕອບສະຫນອງຕໍ່ການເຄື່ອນໄຫວແບບຍືນຍົງຕໍ່ຂໍ້ຈໍາກັດຂອງລູກຄ້າເຊັ່ນຂະຫນາດຕົວອັກສອນຂະຫນາດໃຫຍ່.
ບັນຫາການແກ້ໄຂຮູບແບບແກ້ໄຂກວ້າງ
- ການຈັດວາງຮູບແບບທີ່ຖືກແກ້ໄຂສາມາດເຮັດໃຫ້ການເລື່ອນພາບຕາມແນວນອນໃນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບທີ່ນ້ອຍກວ່າ. ແລະປະຊາຊົນສ່ວນໃຫຍ່ບໍ່ມັກເລື່ອນໄປຕາມແນວນອນ.
- ພວກເຂົາຍັງສາມາດສົ່ງຜົນກະທົບໃນການຂະຫຍາຍຂະຫນາດໃຫຍ່ຂອງຊ່ອງສະຫວ່າງໃນຈໍຂະຫນາດໃຫຍ່ທີ່ເຮັດໃຫ້ພື້ນທີ່ບໍ່ຫຼາຍປານໃດແລະການເລື່ອນພາບຫຼາຍຂຶ້ນກວ່າເກົ່າກ່ວາອາດຈະເປັນສິ່ງຈໍາເປັນ.
- ການຈັດວາງຮູບແບບທີ່ຖືກແກ້ໄຂບໍ່ໄດ້ຈັດການກັບການປ່ຽນແປງຂອງລູກຄ້າໃນຂະຫນາດຕົວອັກສອນທີ່ດີຫລາຍ. ສໍາລັບການຂະຫຍາຍຕົວຂະຫນາດນ້ອຍໃນຂະຫນາດຕົວອັກສອນ, ພວກເຂົາເຈົ້າສາມາດເປັນຫຍັງ, ແຕ່ສໍາລັບການເພີ່ມຂຶ້ນຂະຫນາດໃຫຍ່, ຮູບລັກສະນະສາມາດກາຍເປັນການຫຼຸດຫນ້ອຍລົງ.
ຜົນກະທົບຕໍ່ການຈັດວາງຂອງແຫຼວ
- ການອອກແບບແຫຼວສໍາລັບການຄວບຄຸມທີ່ຊັດເຈນຫນ້ອຍຫຼາຍກວ່າຄວາມກວ້າງຂອງອົງປະກອບຕ່າງໆຂອງຫນ້າ.
- ພວກເຂົາສາມາດສົ່ງຜົນສະທ້ອນໃນຄໍລໍາຂອງຂໍ້ຄວາມທີ່ກວ້າງເກີນໄປເພື່ອສະແກນສະດວກສະບາຍ, ຫຼືຢູ່ໃນຕົວທ່ອງເວັບຂະຫນາດນ້ອຍເກີນໄປສໍາລັບຄໍາທີ່ຈະສະແດງໃຫ້ເຫັນຢ່າງຊັດເຈນ.
- ການວາງສະແດງຂອງແຫຼວສາມາດມີບັນຫາໃນເວລາທີ່ອົງປະກອບ width width, ເຊັ່ນ: ຮູບພາບ, ແມ່ນຖືກຈັດໃສ່ໃນຖັນຂອງແຫຼວ. ຖ້າຫາກວ່າຄໍລໍາຖືກສະແດງອອກໂດຍບໍ່ມີພື້ນທີ່ພຽງພໍສໍາລັບຮູບພາບ, ບາງຕົວທ່ອງເວັບຈະເພີ່ມຄວາມກວ້າງຂອງຄໍລໍາ, ບໍ່ສົນໃຈຄໍາແນະນໍາຂອງຜູ້ອອກແບບ, ໃນຂະນະທີ່ຕົວທ່ອງເວັບອື່ນໆຈະເຮັດໃຫ້ເກີດຂໍ້ຜິດພາດໃນຂໍ້ຄວາມແລະຮູບພາບເພື່ອໃຫ້ອັດຕາສ່ວນທີ່ຖືກຕ້ອງ.
ສະຫຼຸບ
ຫລາຍສະຖານທີ່ທີ່ມີຂໍ້ມູນຈໍານວນຫຼາຍທີ່ພວກເຂົາຕ້ອງການທີ່ຈະສະແດງໃນພື້ນທີ່ພຽງເລັກນ້ອຍເທົ່າທີ່ເປັນໄປໄດ້ກໍ່ຈະເຮັດວຽກໄດ້ດີກັບຮູບແບບຂອງແຫຼວ. ນີ້ອະນຸຍາດໃຫ້ພວກເຂົາໃຊ້ປະໂຫຍດຈາກທຸກໆອະສັງຫາລິມະສັບທີ່ຈໍມໍນິເຕີຂະຫນາດໃຫຍ່ສະຫນອງໃນຂະນະທີ່ບໍ່ມີການສະແດງຂະຫນາດນ້ອຍ.
ສະຖານທີ່ຕ້ອງການການຄວບຄຸມທີ່ຊັດເຈນກ່ຽວກັບວິທີທີ່ຫນ້າເວັບເບິ່ງຢູ່ໃນທຸກສະຖານະການຈະເຮັດດີທີ່ຈະໃຊ້ຮູບແບບ width ຄົງທີ່. ນີ້ສະຫນອງການຮັບປະກັນເພີ່ມເຕີມວ່າການສ້າງຕາສິນຄ້າຂອງເວັບໄຊທ໌ຂອງທ່ານແມ່ນສອດຄ່ອງແລະຊັດເຈນບໍ່ວ່າມັນຈະເບິ່ງຂະຫນາດຂະຫນາດໃດ.
Preference Layout
ຫຼາຍຄົນມັກວິທີການປະສົມ. ພວກເຂົາເຈົ້າບໍ່ມັກນໍາໃຊ້ການຈັດການເຫລັກສໍາລັບຂະຫນາດໃຫຍ່ຂອງຂໍ້ຄວາມ, ຍ້ອນວ່າສາມາດເຮັດໃຫ້ຂໍ້ຄວາມບໍ່ສາມາດອ່ານໄດ້ກ່ຽວກັບຈໍຂະຫນາດນ້ອຍຫຼືບໍ່ສາມາດແກ້ໄຂໄດ້ໃນຂະຫນາດໃຫຍ່. ດັ່ງນັ້ນ, ພວກເຂົາມັກຈະເຮັດໃຫ້ຄໍລໍາຫລັກຂອງຫນ້າທີ່ມີຄວາມກວ້າງຄົງທີ່, ແຕ່ເຮັດໃຫ້ຫົວ, ເບື້ອງຊ້າຍແລະຄໍລໍາຂ້າງມີຄວາມຍືດຫຍຸ່ນຫຼາຍຂຶ້ນເພື່ອເອົາຊັບສິນທີ່ຍັງເຫຼືອແລະບໍ່ສູນເສຍຄວາມໄວຂອງຕົວທ່ອງເວັບຂະຫນາດໃຫຍ່.
ບາງເວັບໄຊຕ໌ໃຊ້ສະຄິບເພື່ອກໍານົດຂະຫນາດຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບຂອງທ່ານແລະຫຼັງຈາກນັ້ນປ່ຽນແປງສະແດງຕົວຢ່າງຕາມຄວາມເຫມາະສົມ. ຕົວຢ່າງ: ຖ້າທ່ານເປີດເວັບໄຊດັ່ງກ່າວໃນປ່ອງຢ້ຽມຢ່າງກວ້າງຂວາງ, ທ່ານອາດຈະໄດ້ຮັບຄໍລໍາເພີ່ມເຕີມທີ່ຢູ່ເບື້ອງຊ້າຍ, ລູກຄ້າທີ່ມີຈໍສະແດງຫນ້ອຍອາດບໍ່ເຫັນ. ນອກຈາກນີ້, ການຫຸ້ມຫໍ່ຂໍ້ມູນກ່ຽວກັບການໂຄສະນາແມ່ນຂຶ້ນກັບຄວາມກວ້າງຂອງປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບຂອງທ່ານ. ຖ້າມັນກວ້າງພຽງພໍ, ເວັບໄຊທ໌ຈະລວບລວມຂໍ້ຄວາມທີ່ອ້ອມຮອບມັນ, ຖ້າບໍ່ດັ່ງນັ້ນມັນຈະສະແດງຂໍ້ຄວາມຂອງບົດຄວາມຂ້າງລຸ່ມນີ້. ໃນຂະນະທີ່ເວັບໄຊທ໌ສ່ວນໃຫຍ່ບໍ່ຈໍາເປັນຕ້ອງມີລະດັບຄວາມສັບສົນນີ້, ມັນສະແດງວິທີການໃຊ້ປະໂຍດຈາກຫນ້າຈໍຂະຫນາດໃຫຍ່ໂດຍບໍ່ມີຜົນກະທົບຕໍ່ຈໍສະແດງຜົນໃນຫນ້າຈໍຂະຫນາດນ້ອຍ.