ເວັບໄຊທ໌ແມ່ນບໍ່ຄືກັບສື່ທີ່ມາກ່ອນ. ຫນຶ່ງໃນສິ່ງທີ່ສໍາຄັນທີ່ສ້າງເວັບໄຊທ໌ອອກມາຈາກຮູບແບບສື່ຕ່າງໆເຊັ່ນສື່ພິມ, ວິດທະຍຸແລະໂທລະພາບແມ່ນແນວຄວາມຄິດຂອງ " hyperlink ".
ລິ້ງຄ໌, ເຊິ່ງຍັງເອີ້ນກັນວ່າ "ການເຊື່ອມໂຍງ", ແມ່ນສິ່ງທີ່ເຮັດໃຫ້ເວັບດັ່ງນັ້ນແບບເຄື່ອນໄຫວ. ຕ່າງຈາກສິ່ງພິມທີ່ສາມາດອ້າງອິງບົດຄວາມອື່ນຫຼືຊັບພະຍາກອນອື່ນໆ, ເວັບໄຊທ໌ຕ່າງໆສາມາດນໍາໃຊ້ການເຊື່ອມຕໍ່ເຫຼົ່ານີ້ເພື່ອສົ່ງຜູ້ມາຢ້ຽມຢາມໄປຫາຫນ້າແລະຊັບພະຍາກອນອື່ນໆ. ບໍ່ມີສື່ກາງອອກອາກາດອື່ນສາມາດເຮັດໄດ້. ທ່ານສາມາດໄດ້ຍິນການໂຄສະນາທາງວິທະຍຸຫຼືເບິ່ງທີວີ, ແຕ່ບໍ່ມີ hyperlinks ທີ່ສາມາດນໍາທ່ານໄປຫາບໍລິສັດໃນການໂຄສະນາຕ່າງໆທີ່ວິທີທີ່ເວັບໄຊທ໌ໄດ້ເຮັດໄດ້ງ່າຍໆ. ການເຊື່ອມຕໍ່ກໍ່ແມ່ນເຄື່ອງມືການສື່ສານທີ່ຫນ້າຕື່ນຕາຕື່ນໃຈແລະການໂຕ້ຕອບ!
ເລື້ອຍໆ, ການເຊື່ອມຕໍ່ທີ່ພົບຢູ່ໃນເວັບໄຊທ໌ແມ່ນເນື້ອຫາທີ່ກໍານົດຜູ້ມາຢ້ຽມຢາມເວັບໄຊທ໌ອື່ນໆທີ່ຢູ່ໃນເວັບດຽວກັນ. ການນໍາທາງຂອງເວັບໄຊທ໌໌ແມ່ນຕົວຢ່າງຫນຶ່ງຂອງການເຊື່ອມໂຍງຂໍ້ຄວາມໃນການປະຕິບັດແຕ່ວ່າການເຊື່ອມຕໍ່ບໍ່ຈໍາເປັນຕ້ອງເປັນຂໍ້ຄວາມ. ນອກນັ້ນທ່ານຍັງສາມາດເຊື່ອມຕໍ່ຮູບພາບຕ່າງໆໄດ້ງ່າຍໃນເວັບໄຊທ໌ຂອງທ່ານ. ໃຫ້ເບິ່ງວິທີການນີ້ໄດ້ຖືກເຮັດ, ປະຕິບັດຕາມໂດຍຕົວຢ່າງບາງບ່ອນທີ່ທ່ານຕ້ອງການນໍາໃຊ້ hyperlinks ຮູບພາບ.
ວິທີເຊື່ອມຕໍ່ຮູບພາບ
ສິ່ງທໍາອິດທີ່ທ່ານຈະຕ້ອງເຮັດຄືການວາງຮູບພາບຂອງຕົວມັນເອງໃນເອກະສານ HTML ຂອງທ່ານ. ການນໍາໃຊ້ທົ່ວໄປຂອງການເຊື່ອມຕໍ່ຮູບພາບແມ່ນຮູບພາບຂອງຮູບພາບຂອງເວັບໄຊທ໌ທີ່ຖືກເຊື່ອມຕໍ່ກັບຫນ້າເວັບທໍາອິດຂອງເວັບໄຊທ໌. ໃນລະຫັດຕົວຢ່າງຂອງພວກເຮົາຂ້າງລຸ່ມນີ້, ໄຟທີ່ພວກເຮົາໃຊ້ແມ່ນ SVG ສໍາລັບໂລໂກ້ຂອງພວກເຮົາ. ນີ້ແມ່ນທາງເລືອກທີ່ດີເພາະມັນຈະຊ່ວຍໃຫ້ຮູບພາບຂອງພວກເຮົາຂະຫນາດສໍາລັບຄວາມລະອຽດຕ່າງໆ, ທັງຫມົດໃນຂະນະທີ່ຮັກສາຄຸນນະພາບຮູບພາບແລະຂະຫນາດໄຟລ໌ຂະຫນາດນ້ອຍໂດຍລວມ.
ນີ້ແມ່ນວິທີທີ່ທ່ານຈະເອົາຮູບພາບຂອງທ່ານໃນເອກະສານ HTML:
ປະມານປ້າຍຮູບພາບ, ທ່ານຈະເພີ່ມການເຊື່ອມຕໍ່ມໍ, ເປີດອົງປະກອບມໍລະດົກກ່ອນຮູບພາບແລະປິດການສະ neach ຫຼັງຈາກຮູບພາບ. ນີ້ແມ່ນຄ້າຍຄືກັນກັບວິທີທີ່ທ່ານຈະເຊື່ອມຕໍ່ຂໍ້ຄວາມ, ແທນທີ່ຈະກອກຂໍ້ຄວາມທີ່ທ່ານຕ້ອງການທີ່ຈະເຊື່ອມຕໍ່ກັບແທັກມໍເຕີ, ທ່ານຫໍ່ຮູບພາບ. ໃນຕົວຢ່າງຂອງພວກເຮົາຂ້າງລຸ່ມນີ້, ພວກເຮົາກໍາລັງເຊື່ອມຕໍ່ກັບຫນ້າເວັບທໍາອິດຂອງເວັບໄຊທ໌ຂອງພວກເຮົາ, ເຊິ່ງແມ່ນ "index.html".
ເມື່ອເພີ່ມ HTML ນີ້ໃຫ້ກັບຫນ້າຂອງທ່ານ, ຢ່າໃສ່ຊ່ອງໃດໆລະຫວ່າງແທັກມໍແລະຂໍ້ມູນຮູບພາບ. ຖ້າທ່ານເຮັດ, ບາງຕົວທ່ອງເວັບຈະເພີ່ມຫມາຍຕິກນ້ອຍໆທີ່ຢູ່ຂ້າງຮູບ, ຊຶ່ງຈະເບິ່ງບໍ່ໄດ້.
ພາບຮູບສັນຍາລັກໃນປັດຈຸບັນຍັງຈະປະຕິບັດເປັນປຸ່ມຫນ້າທໍາອິດ, ເຊິ່ງແມ່ນ pretty ຫຼາຍມາດຕະຖານເວັບໃນມື້ນີ້. ໃຫ້ສັງເກດວ່າພວກເຮົາບໍ່ປະກອບມີຮູບແບບທີ່ເບິ່ງເຫັນ, ເຊັ່ນ: ຄວາມກວ້າງແລະຄວາມສູງຂອງຮູບພາບ, ໃນ HTML markup ຂອງພວກເຮົາ. ພວກເຮົາຈະອອກຈາກຄໍເຕົ້າໄຂ່ທີ່ເບິ່ງເຫັນເຫຼົ່ານີ້ກັບ CSS ແລະຮັກສາການແບ່ງແຍກທີ່ສະອາດຂອງໂຄງສ້າງ HTML ແລະຄໍເຕົ້າໄຂ່ທີ່ CSS.
ເມື່ອໃດທີ່ທ່ານໄດ້ຮັບ CSS, ຮູບແບບທີ່ທ່ານຂຽນເພື່ອເປົ້າຫມາຍຮູບພາບໂລໂກ້ນີ້ອາດປະກອບມີການຂະຫນາດຮູບພາບ, ລວມທັງ ຮູບແບບທີ່ຕອບສະຫນອງ ສໍາລັບຮູບພາບທີ່ເປັນມິດຫຼາຍອຸປະກອນແລະຮູບພາບຕ່າງໆທີ່ທ່ານຕ້ອງການທີ່ຈະເພີ່ມຮູບພາບ / ການເຊື່ອມຕໍ່ເຊັ່ນ: ຂອບຫຼື CSS ຫຼຸດລົງເງົາ. ທ່ານຍັງສາມາດໃຫ້ຮູບພາບຂອງທ່ານຫຼືເຊື່ອມໂຍງກັບຄຸນລັກສະນະຂອງຊັ້ນຮຽນຖ້າທ່ານຕ້ອງການ "hooks" ເພີ່ມເຕີມເພື່ອໃຊ້ກັບຄໍເຕົ້າໄຂ່ທີ່ CSS ຂອງທ່ານ.
ໃຊ້ກໍລະນີສໍາລັບການເຊື່ອມຕໍ່ຮູບພາບ
ດັ່ງນັ້ນການເພີ່ມການເຊື່ອມຕໍ່ຮູບພາບແມ່ນງ່າຍດາຍ pretty. ດັ່ງທີ່ພວກເຮົາໄດ້ເຫັນມາແລ້ວ, ທັງຫມົດທີ່ທ່ານຕ້ອງເຮັດຄືການຫໍ່ຮູບພາບທີ່ມີແທັບມໍເຕີທີ່ເຫມາະສົມ. ຄໍາຖາມຕໍ່ໄປຂອງທ່ານອາດຈະເປັນ "ເວລາທີ່ທ່ານຈະເຮັດແນວນີ້ໃນການປະຕິບັດນອກເຫນືອໄປຈາກຕົວຢ່າງການເຊື່ອມໂຍງ logo / homepage?"
ນີ້ແມ່ນຄວາມຄິດບາງ:
- ຮູບພາບຂອງຮູບນ້ອຍໃນຄັງຮູບພາບທີ່ເຊື່ອມຕໍ່ກັບຮູບພາບຂະຫນາດໃຫຍ່ຂອງຮູບເຫຼົ່ານັ້ນ.
- ຮູບພາບທີ່ຖືກນໍາໃຊ້ຢ່າງດຽວເພື່ອສະແດງເນື້ອໃນ, ເຊັ່ນຮູບພາບຜະລິດຕະພັນສໍາລັບເວັບໄຊທ໌ອີຄອມເມີຊ.
- ພາບທັກສະທີ່ເປັນສ່ວນຫນຶ່ງຂອງເນື້ອຫາອື່ນເຊັ່ນບົດຄວາມບລັອກຫລືຂ່າວປະກາດທີ່ດຶງດູດຄົນໃຫ້ສັງເກດວ່າເນື້ອຫາໃຫ້ພວກເຂົາພື້ນທີ່ເປົ້າຫມາຍເພື່ອແຕະຫຼືກົດເພື່ອອ່ານບົດຄວາມເຕັມ.
- ຮູບພາບໄອຄອນທີ່ຖືກນໍາໃຊ້ເປັນປຸ່ມເພື່ອເຊື່ອມຕໍ່ກັບຫນ້າທີ່ຫຼືຫນ້າເວັບຕ່າງໆພາຍໃນເວັບໄຊທ໌.
- ການເຊື່ອມໂຍງສື່ມວນຊົນສັງຄົມທີ່ໃຊ້ຮູບສັນຍາລັກທີ່ຮູ້ຈັກຂອງສະຖານທີ່ສື່ມວນຊົນສັງຄົມຕ່າງໆທີ່ມີຄວາມສໍາຄັນຕໍ່ກັບເວັບໄຊຫຼືບໍລິສັດນັ້ນ.
- ຮູບພາບຕ່າງໆທີ່ນໍາໃຊ້ເປັນປຸ່ມສໍາລັບການເຮັດວຽກທີ່ແນ່ນອນ, ເຊັ່ນ: ການສະແດງແບບຟອມ (ການປະຕິບັດທີ່ດີທີ່ສຸດ - ຈາກມຸມມອງການປະຕິບັດງານຂອງເວັບໄຊຕ໌, ປຸ່ມທີ່ມີຄໍເຕົ້າໄຂ່ທີ່ສົມບູນແບບດ້ວຍ CSS ເປັນຕົວເລືອກທີ່ດີກວ່າປຸ່ມຕ່າງໆ).
ເຕືອນກ່ຽວກັບການໃຊ້ຮູບພາບ
ຮູບພາບສາມາດມີບົດບາດສໍາຄັນໃນຄວາມສໍາເລັດຂອງເວັບໄຊທ໌. ຫນຶ່ງໃນຕົວຢ່າງທີ່ໄດ້ກ່າວມາຂ້າງເທິງໄດ້ກ່າວເຖິງການນໍາໃຊ້ຮູບພາບຕ່າງໆພ້ອມກັບເນື້ອຫາອື່ນໆເພື່ອດຶງດູດຄວາມສົນໃຈກັບເນື້ອຫານັ້ນແລະໃຫ້ຄົນອ່ານມັນ.
ໃນເວລາທີ່ການນໍາໃຊ້ຮູບພາບ, ທ່ານຕ້ອງລະມັດລະວັງໃນ ການເລືອກຮູບພາບທີ່ເຫມາະສົມສໍາລັບຄວາມຕ້ອງການຂອງທ່ານ , ເຊິ່ງປະກອບມີຮູບພາບທີ່ຖືກຕ້ອງ, ຮູບແບບ, ແລະຍັງໃຫ້ແນ່ໃຈວ່າຮູບພາບຕ່າງໆທີ່ທ່ານໃຊ້ຢູ່ໃນເວັບໄຊທ໌ຂອງທ່ານ ຖືກປັບເຫມາະສົມສໍາລັບການຈັດສົ່ງເວັບໄຊທ໌ . ນີ້ອາດຈະຄ້າຍຄືການເຮັດວຽກຫຼາຍພຽງແຕ່ເພື່ອເພີ່ມຮູບພາບ, ແຕ່ວ່າຜົນໄດ້ຮັບແມ່ນຕົກເປັນມູນຄ່າມັນ! ຮູບພາບຕ່າງໆກໍ່ສາມາດເພີ່ມຜົນປະໂຫຍດຫຼາຍຂອງເວັບໄຊທ໌ໄດ້.
ທ່ານບໍ່ຈໍາເປັນຕ້ອງໃຊ້ຮູບພາບທີ່ເຫມາະສົມໃນເວັບໄຊທ໌ຂອງທ່ານແລະເຊື່ອມໂຍງກັບຮູບພາບຕ່າງໆໃນເວລາທີ່ຈໍາເປັນເພື່ອເພີ່ມບາງເນື້ອໃນທີ່ມີປະສິດຕິພາບກັບເນື້ອຫາຂອງທ່ານ, ແຕ່ຈົ່ງສັງເກດເບິ່ງຮູບພາບເຫຼົ່ານີ້ທີ່ດີທີ່ສຸດແລະໃຊ້ຮູບພາບ / ລິ້ງຄ໌ເຫຼົ່ານີ້ຢ່າງຖືກຕ້ອງແລະມີຄວາມຮັບຜິດຊອບໃນວຽກອອກແບບເວັບ.