ເນື້ອຫາ
ອິນເຕີເນັດແມ່ນກວ້າງຂວາງ, ແລະມາເປັນເວລາດົນນານໃນໄລຍະເວລາທີ່ປຽບທຽບ. ບາງຄັ້ງມັນຍາກທີ່ຈະຈື່, ບາງຄັ້ງ, ເປັນຫຍັງພວກເຮົາເຄີຍເຮັດແບບທີ່ພວກເຮົາເຮັດ. ປະຫວັດຄວາມເປັນມາຂອງປີ, ການທົດລອງແລະຄວາມຜິດພາດ, ແລະການຮຽນຮູ້ມັກຈະໄດ້ຮັບການອະທິບາຍງ່າຍໆເຊັ່ນ "ການປະຕິບັດທີ່ດີທີ່ສຸດ." ແລ້ວລູກຄ້າເວົ້າວ່າ, "ແມ່ນແລ້ວ, ແຕ່ເປັນຫຍັງ?" ແລະພວກເຮົາດີ້ນລົນທີ່ຈະເອົາທຸກສະພາບການນັ້ນເປັນ ຄຳ ເວົ້າ. ພວກເຮົາທຸກຄົນຢູ່ທີ່ນັ້ນ.
ນີ້ແມ່ນນັກອອກແບບເວັບນ້ອຍທີ່ເປື້ອນຂອງຂ້ອຍ "ເລື່ອງຕົ້ນສະບັບ": ຂ້ອຍໄດ້ເລີ່ມຕົ້ນເປັນຊ່າງຫັດຖະ ກຳ ທີ່ເຮັດຊ່າງໄມ້, ເຮັດແມ່ພິມ, ແຕ້ມຮູບ, ໂດຍມີການພົວພັນກັບເຕັກໂນໂລຢີ ໜ້ອຍ ທີ່ສຸດ.
ໃນຂະນະທີ່ເຮັດວຽກຢູ່ຮ້ານຖ່າຍຮູບ, ພວກເຂົາມີທີມອອກແບບກາຟິກຂະ ໜາດ ນ້ອຍທີ່ໃສ່ປຸມເປົ້າໃສ່ຮູບເດັກນ້ອຍກັບ Photoshop. ມັນອາດເບິ່ງຄືວ່າບໍ່ ສຳ ຄັນ, ປູມເປົ້າໃນຮູບ, ແຕ່ນັ້ນແມ່ນຄັ້ງ ທຳ ອິດທີ່ຂ້ອຍຮູ້ວ່າຄອມພິວເຕີ້ຍັງເປັນສື່ກາງທີ່ສ້າງສັນ.
ທັນທີຫຼັງຈາກນັ້ນ, ອິນເຕີເນັດຂອງສິ່ງຕ່າງໆໄດ້ເລີ່ມຕົ້ນແລະຂ້ອຍໄດ້ຄົ້ນພົບ Dreamweaver. ຂ້ອຍເລີ່ມຕົ້ນໂດຍການລາກແລະວາງສິ່ງຕ່າງໆລົງເທິງ ໜ້າ ຈໍ, ແລ້ວກໍ່ສົງໄສວ່າເປັນຫຍັງທຸກຢ່າງເບິ່ງຄືວ່າມັນລົ້ມລົງໂດຍບັງເອີນ.
ເປັນຫຍັງສິ່ງຂອງບໍ່ສາມາດເປັນຈຸດສູນກາງແນວໃດກໍ່ຕາມ? ມັນແມ່ນງ່າຍພຽງພໍທີ່ຈະເຮັດໃນ Photoshop. ຂ້ອຍໄດ້ສ້າງເວບໄຊທ໌ພື້ນຖານແລະລອກແບບເວລາທີ່ຜູ້ຄຸ້ມຄອງເວບໄຊທ໌ທີ່ມີປະສົບການຫລາຍຂື້ນ (ໂອ້ຍ, ຈື່ເວລານັ້ນແມ່ນສິ່ງ?) ບອກຂ້ອຍວ່າວຽກຂອງຂ້ອຍຕ້ອງການ…ດີ…ວຽກຫລາຍ. ໃນທີ່ສຸດ, ຂ້ອຍໄດ້ຍ້າຍໄປສູ່ວັດຖຸດິບ HTML ແລະ CSS. ມັນໃຊ້ເວລາໃນຂະນະທີ່; ແຕ່ຂ້ອຍໄດ້ຮຽນຮູ້.
ເມື່ອມາດຕະຖານທີ່ຕອບສະ ໜອງ ໄດ້ເກີດຂື້ນໃນສະຖານທີ່, ການອອກແບບທີ່ສະຖຽນລະພາບໄດ້ຖືກຈັດສັນໄວ້ເພື່ອໃຫ້ມີການອອກແບບແບບເຄື່ອນໄຫວເປັນຄ່າເລີ່ມຕົ້ນແລະອີກເທື່ອ ໜຶ່ງ ຂ້ອຍໄດ້ເຫັນຕົວເອງຊອກຫາການປັບຕົວແຕ່ທັງ Photoshop ແລະລະຫັດບໍ່ ຈຳ ເປັນຕົວເລືອກທີ່ດີທີ່ສຸດເພື່ອປະຕິບັດການອອກແບບ.
ນີ້ແມ່ນສິ່ງທີ່ຂ້ອຍຄິດວ່າພວກເຮົາຫຼາຍຄົນລືມ, ເຖິງແມ່ນວ່າ: ການອອກແບບທີ່ໃຊ້ໂປແກຼມທ່ອງເວັບມາກ່ອນ.
ປະຫວັດສາດເລັກນ້ອຍ
ໃນປີ 1991, Tim Berners-Lee ໄດ້ປ່ອຍຕົວທ່ອງເວັບ ທຳ ອິດ, ຫຼັງຈາກນັ້ນມີຊື່ວ່າ WorldWideWeb. ບໍ່ດົນຫລັງຈາກນັ້ນ, ປະຊາຊົນໄດ້ເລີ່ມຕົ້ນໂທຫາແຕ່ລະຝ່າຍຂອງນາຊີໃນພາກ ຄຳ ເຫັນແລະກອງປະຊຸມ. ແຕ່ກ່ອນ, ມັນບໍ່ມີວິທີການສ້າງພາບກາຟິກ.
Heck, ບໍ່ມີຫຼາຍຢ່າງທີ່ທ່ານສາມາດເຮັດກ່ຽວກັບຮູບແບບຂອງ ໜ້າ ເວັບ, ໃນກໍລະນີໃດກໍ່ຕາມ. ເຖິງຢ່າງໃດກໍ່ຕາມ, ເວບໄຊທ໌ ທຳ ອິດຖືກສ້າງຂື້ນດ້ວຍບັນນາທິການຕົວ ໜັງ ສື, ແລະຫຼັງຈາກນັ້ນໄດ້ທົດສອບໃນຕົວທ່ອງເວັບທີ່ມີກ່ອນ. ນັ້ນແມ່ນວິທີທີ່ມັນໄດ້ເຮັດແລ້ວ.
ຕາຕະລາງບໍ່ໄດ້ສະແດງຈົນກ່ວາຢ່າງ ໜ້ອຍ ສອງປີຕໍ່ມາ, ເທົ່າທີ່ທຸກຄົນສາມາດບອກໄດ້. ຫຼັງຈາກນັ້ນບໍ່ດົນ, ຜູ້ສະຫຼາດບາງຄົນອາດຈະເວົ້າວ່າ, "ລໍຖ້າ, ຈໍສະແດງຜົນຂະ ໜາດ 640 x 480-pixel ຂະ ໜາດ ໃຫຍ່ເກີນໄປ ສຳ ລັບຄໍ ລຳ ໜຶ່ງ ຂອງຂໍ້ຄວາມ. ຂ້ອຍສາມາດແບ່ງປັນໂຕະນີ້ໄດ້!"
ຫຼັງຈາກນັ້ນ, ປະຊາຊົນໄດ້ຄົ້ນຄິດວ່າຕາຕະລາງການເຂົ້າລະຫັດດ້ວຍມືແມ່ນ ໜ້າ ເບື່ອ, ແລະມັນຈະເປັນການດີທີ່ຈະມີວິທີການແຕ້ມພວກມັນ, ແລະນັ້ນແມ່ນວິທີທີ່ພວກເຮົາໄດ້ຮັບ DreamWeaver, Frontpage, ແລະຝັນຮ້າຍອື່ນໆຂອງທ້າຍຊຸມປີ 90s ແລະຕົ້ນປີ 2000.
ດີ, ພວກເຂົາໄດ້ຮັບໃຊ້ຈຸດປະສົງຂອງພວກເຂົາ. ພວກເຂົາຂຽນລະຫັດທີ່ບໍ່ດີຢ່າງໂຫດຮ້າຍ; ແຕ່ພວກເຂົາໄດ້ເລີ່ມຕົ້ນຄືກັບຕົວເອງອາຍຸ 23 ປີຂອງຂ້ອຍເຂົ້າໃນການສ້າງເວບໄຊທ໌ເປັນຄັ້ງ ທຳ ອິດ.
ສ່ວນທີ່ເຫຼືອແມ່ນເວັບໄຊທ໌ tutorial Photoshop ທັງ ໝົດ ແລະເຮັດວຽກຕົ້ນ ໜ້າ ອາຍ, ຢ່າງ ໜ້ອຍ ຈົນຂ້ອຍຄິດອອກ CSS. ຂໍຂອບໃຈພະເຈົ້າທັງ ໝົດ ສຳ ລັບ CSS.
ສະນັ້ນມັນຜິດຫຍັງ?
ດີ, ສອງວິທີການຫລັກໃນການອອກແບບ, ດຽວນີ້ມີດັ່ງນີ້: Photoshop-first, ແລະການອອກແບບໃນ browser. ຜູ້ກໍ່ສ້າງເວບໄຊທ໌ລາກແລະເລື່ອນລົງຂອງຜູ້ເກົ່າແມ່ນຖືກເຍາະເຍີ້ຍ, ແລະຖືກຕ້ອງ. ພວກເຂົາບໍ່ຕັ້ງໃຈ, ຂຽນລະຫັດບໍ່ດີ, ແລະບໍ່ໄດ້ຈັດການກັບການພັດທະນາ ໃໝ່ ໃນການອອກແບບເວັບໄຊທ໌້ດີ.
ເຖິງຢ່າງໃດກໍ່ຕາມ, ການອອກແບບໂປຣແກຣມ Photoshop-first ແລະການອອກແບບຕາມແບບແມ່ແບບຫລືລະຫັດໃນວິທີການຂອງ browser ອາດທັງສອງໄດ້ເຖິງຈຸດຈົບຂອງຊີວິດຂອງພວກເຂົາ.
Photoshop-ທຳ ອິດ
ບັນຫາຕ່າງໆທີ່ເກີດຂື້ນກັບວິທີການນີ້ແມ່ນມີຫຼາຍຢ່າງ, ແລະບັນທຶກໄວ້ເປັນຢ່າງດີ. ຂັ້ນຕອນການເວົ້າເຍາະເຍີ້ຍທຸກສິ່ງທຸກຢ່າງໃນ Photoshop ທຳ ອິດໄດ້ຫຼຸດພົ້ນອອກຈາກຄວາມບໍ່ພໍໃຈເປັນເວລາຫລາຍປີ, ໄວເທົ່າທີ່ນັກອອກແບບລະຫັດສາມາດເຮັດໃຫ້ລູກຄ້າຂອງພວກເຂົາປ່ອຍມັນໄປໄດ້.
ຍ້ອນຫຍັງ? ເພາະວ່າ ...
- Photoshop ບໍ່ສະແດງ ໜ້າ ເວັບແບບທີ່ browser ເຮັດ; ດັ່ງນັ້ນມັນຍາກກວ່າທີ່ຈະສະແດງໃຫ້ລູກຄ້າຮູ້ວ່າເວັບໄຊທ໌້ເຮັດວຽກໄດ້ແນວໃດ.
- Photoshop ປ່ອຍຕົວອັກສອນທີ່ແຕກຕ່າງກັນ.
- ການອອກແບບທີ່ມີຄວາມຮັບຜິດຊອບແມ່ນພື້ນຖານ 3 ເທົ່າຂອງວຽກ.
- ມັນອາດຈະຍາກຫຼາຍທີ່ຈະເຮັດໃຫ້ການປ່ຽນແປງຮູບແບບໃນເວບໄຊທ໌ໃນໄລຍະການອອກແບບ. (ເພື່ອໃຫ້ມີຄວາມຍຸຕິ ທຳ, Photoshop ລຸ້ນ ໃໝ່ ໄດ້ພະຍາຍາມແກ້ໄຂບັນຫານີ້ດ້ວຍລະດັບຄວາມ ສຳ ເລັດທີ່ແຕກຕ່າງກັນ.)
- ເມື່ອນັກອອກແບບບໍ່ຮູ້ວ່າ HTML ແລະ CSS ເຮັດວຽກໄດ້ແນວໃດ, ມັນອາດຈະເປັນຄວາມເຈັບປວດແທ້ໆທີ່ພະຍາຍາມແປອອກແບບໃຫ້ກັບ browser.
ໃນສັ້ນ, ການອອກແບບ Photoshop-first ມີບັນຫາໃນການຮັກສາຄວາມເປັນຈິງຂອງເວັບໄຊທ໌ການກໍ່ສ້າງ.
ລະຫັດກ່ອນ
ມາຈາກພື້ນຫລັງ Photoshop ຄັ້ງ ທຳ ອິດ, ມັນໄດ້ໃຊ້ເວລາ ໜຶ່ງ ນາທີເພື່ອເຂົ້າໄປໃນການອອກແບບທີ່ອີງໃສ່ໂປແກຼມທ່ອງເວັບ.
ການໄປຈາກຜ້າຫົມເປົ່າບ່ອນທີ່ເບິ່ງຄືວ່າມີສິ່ງໃດທີ່ເປັນໄປໄດ້ ສຳ ລັບ ໜ້າ ເວບໄຊທ໌ທີ່ຂ້ອຍຕ້ອງຂຽນລະຫັດເພື່ອເຮັດໃຫ້ທຸກຢ່າງເກີດຂື້ນແມ່ນການປ່ຽນແປງໃຫຍ່ ສຳ ລັບຂ້ອຍ.
ເມື່ອຂ້ອຍໄດ້ເຫັນຜົນປະໂຫຍດ, ຂ້ອຍໄດ້ກາຍເປັນຜູ້ສະ ໜັບ ສະ ໜູນ ທີ່ເຂັ້ມແຂງຂອງມັນ. ການອອກແບບເວບໄຊທ໌ຂອງທ່ານດ້ວຍ HTML ບັງຄັບໃຫ້ທ່ານຄິດກ່ຽວກັບການຂົນສົ່ງ, ຮຽນຮູ້ການຂຽນລະຫັດທີ່ດີກວ່າ, ຄຸ້ນເຄີຍກັບຄວາມສາມາດແລະຄວາມສາມາດຂອງແຕ່ລະຕົວທ່ອງເວັບແລະອື່ນໆ. ຂ້ອຍຮູ້ສຶກວ່າມີຄວາມຄິດສ້າງສັນໃນ Photoshop, ແຕ່ຂ້ອຍໄດ້ຮຽນຮູ້ທີ່ເປັນຕົວຈິງຫຼາຍຂື້ນໂດຍການອອກແບບໃນ browser.
ເຖິງຢ່າງໃດກໍ່ຕາມ, ຕອນນີ້ຂ້ອຍຖືກບັງຄັບໃຫ້ຖາມຕົວເອງວ່າມີວິທີທາງທີ່ດີກວ່ານີ້ບໍ? ໃນຂະນະທີ່ຜູ້ຄົນຄັດລອກແລະວາງວິທີການຂອງພວກເຂົາຜ່ານຂັ້ນຕອນການອອກແບບດ້ວຍແມ່ແບບແລະກອບທີ່ບໍ່ມີທີ່ສິ້ນສຸດ, ຂ້ອຍພົບວ່າຕົວເອງຖາມວ່າຂ້ອຍໄດ້ສູນເສຍສິ່ງທີ່ ສຳ ຄັນບໍເມື່ອຂ້ອຍຖີ້ມ Photoshop ແລະນັ້ນກໍ່ແປກທີ່ເຮັດໃຫ້ຜ້າໃບເປົ່າ.
ນອກຈາກນັ້ນ, ຍັງມີບັນຫາອື່ນໆອີກ:
- ມັນບໍ່ແມ່ນຜູ້ເລີ່ມທີ່ເປັນມິດ. ທັງ ໝົດ. ຂ້ອຍໄດ້ເຫັນຜູ້ໃດຜູ້ ໜຶ່ງ ບອກຜູ້ອອກແບບເວັບທີ່ຈະເລີ່ມຕົ້ນໂດຍການຮຽນຮູ້ "HTML, CSS, ແລະ git". git! ຖ້າມັນບໍ່ແມ່ນ ສຳ ລັບ Dreamweaver, ຂ້ອຍຈະບໍ່ຢູ່ທີ່ນີ້.
- ມັນຍາກທີ່ຈະແກ້ໄຂໄດ້ໂດຍຜ່ານທາງເລືອກໃນການອອກແບບແລະພຽງແຕ່ປ່ອຍໃຫ້ສິ່ງຂອງດີຂື້ນຖ້າມັນເບິ່ງບໍ່ຖືກ. ການໃສ່ລະຫັດບາງສິ່ງບາງຢ່າງສາມາດໃຊ້ເວລາໃນໄລຍະ ໜຶ່ງ, ແລະຖ້າມັນບໍ່ມີປະໂຫຍດຕໍ່ການອອກແບບ, ມັນອາດຈະເປັນສິ່ງອຸກອັ່ງທີ່ຈະລົບມັນ.
- ອີງຕາມຜູ້ອອກແບບ, ມັນສາມາດເຮັດໃຫ້ໄລຍະການອອກແບບຊ້າລົງຫຼາຍ.
ວິທີການ ໃໝ່
ຕາມ ທຳ ມະດາແລ້ວ, ຜູ້ກໍ່ສ້າງເວບໄຊທ໌ລາກແລະວາງລ້າກໍ່ບໍ່ໄດ້ຫາຍໄປ. ແນວໃດກໍ່ຕາມ, ພວກເຂົາໄດ້ເຫັນວິວັດທະນາການທີ່ ໜັກ ແໜ້ນ. Gone ແມ່ນໂປແກຼມຄອມພິວເຕີ້ຄອມພິວເຕີ້ທີ່ບໍ່ຄ່ອຍມີເວລາເຊິ່ງມັກຈະຖືກປະຖິ້ມໄວ້ໂດຍເຕັກໂນໂລຍີ ໃໝ່ ກວ່າເກົ່າ. ດຽວນີ້, ພວກເຮົາມີໂປແກຼມໂປຼແກຼມທີ່ໃຊ້ບໍລິການຜ່ານເວັບ.
ພວກເຂົາອີງໃສ່ມາດຕະຖານຂອງເວບໄຊທ໌ທີ່ທັນສະ ໄໝ, ທຸກໆຄົນໄດ້ຮັບແບບດຽວກັນແລະພວກເຂົາກໍ່ສ້າງລະຫັດທີ່ດີກວ່າ. ບໍ່ຮ້າຍແຮງ, ໂດຍມີລະຫັດກອບ, ການຈັດການເອກະສານແລະການຈັດການກັບຊັບພະຍາກອນທີ່ດີກວ່າ, ແລະໃນໄລຍະ ໜຶ່ງ ທົດສະວັດຂອງຄວາມຮູ້ ໃໝ່ໆ ທີ່ ນຳ ເຂົ້າໃນການສ້າງຂອງພວກເຂົາ, ລະຫັດດັ່ງກ່າວແມ່ນດີກວ່າເກົ່າຫຼາຍ.
ພວກເຮົາເອົາກະປvasອງເກົ່ານັ້ນຄືນ, ເຊິ່ງພວກເຮົາສາມາດລາກແລະວາງສິ່ງຂອງໄວໆ, ຫລືລຶບມັນໄວຂື້ນ. ພວກເຮົາສາມາດເຮັດໄດ້ຢ່າງບໍ່ຢຸດຢັ້ງ, ແລະທັງ ໝົດ ພາຍໃນຂໍ້ ຈຳ ກັດຕົວຈິງຂອງຕົວທ່ອງເວັບ. ປະຊາຊົນສາມາດທົດສອບການອອກແບບຂອງພວກເຂົາໃນຄວາມລະອຽດທີ່ພວກເຂົາມັກ. ຍິ່ງດີກວ່າ, ເສັ້ນໂຄ້ງການຮຽນຮູ້ແມ່ນງ່າຍຕໍ່ການຈັດການຫຼາຍ.
ນີ້ ໝາຍ ຄວາມວ່າອິນເຕີເນັດໃນອະນາຄົດຈະ ນຳ ໄປສູ່ຫລາຍໆດ້ານໃນອີກດ້ານ ໜຶ່ງ ໂດຍຜູ້ອອກແບບສາຍຕາ. ໂດຍໄດ້ຮຽນຮູ້ຄຸນຄ່າຂອງການອອກແບບປະສົບການຂອງຜູ້ໃຊ້, ການເພີ່ມປະສິດທິພາບຄວາມໄວຂອງ ໜ້າ ເວັບແລະສິ່ງອື່ນໆທີ່ເປັນເທັກນິກ, ມັນເຖິງເວລາແລ້ວທີ່ພວກເຮົາໄດ້ກັບມາໃຊ້ກະເປົາເປົ່າ. ນັ້ນແມ່ນບ່ອນທີ່ຂ້ອຍມີແນວຄິດທີ່ດີທີ່ສຸດຂອງຂ້ອຍ, ເຖິງຢ່າງໃດກໍ່ຕາມ. ຖ້າພວກເຮົາສາມາດຫຼົບ ໜີ ຈາກການ ນຳ ໃຊ້ແມ່ແບບດຽວກັນນີ້ໄປເລື້ອຍໆ, ອະນາຄົດຂອງອິນເຕີເນັດກໍ່ ໜ້າ ສົນໃຈຫຼາຍ.
ເຕັກໂນໂລຢີ ສຳ ລັບຜູ້ສ້າງເວບໄຊທ໌ທີ່ມີຄຸນນະພາບດ້ານພາບແມ່ນຢູ່ທີ່ນີ້, ແລະມັນແມ່ນເວລາທີ່ ເໝາະ ສົມ ສຳ ລັບມັນ. ໃຫ້ໂອກາດ, ເພາະວ່າມັນເປັນອະນາຄົດຂອງເວບໄຊທ໌ຂະ ໜາດ ນ້ອຍຫາກາງໃນກໍລະນີໃດກໍ່ຕາມ.
