ວິທີສ້າງ Hyperlink ດ້ວຍ KompoZer

ຄວາມສາມາດໃນການສ້າງການເຊື່ອມຕໍ່ໃນເອກະສານທີ່ນໍາທ່ານໄປຫາເອກະສານອື່ນ, ບາງທີອາດຢູ່ໃນເຄືອຂ່າຍຢູ່ເຄິ່ງກາງທົ່ວໂລກ, ແມ່ນເຫດຜົນທີ່ສໍາຄັນທີ່ສຸດທີ່ໂລກ Wide Web ໄດ້ຖືກສ້າງຂື້ນ. ການເຊື່ອມຕໍ່ເຫຼົ່ານີ້, ທີ່ເອີ້ນວ່າ hyperlinks, ແມ່ນ "H" ໃນ HTML - HyperText Markup Language. ໂດຍບໍ່ມີ hyperlinks, ເວັບໄຊຕ໌ຈະບໍ່ມີປະໂຫຍດຫຼາຍ. ບໍ່ມີເຄື່ອງຈັກຊອກຫາ, ສື່ສັງຄົມຫຼືໂຄສະນາປ້າຍໂຄສະນາ (ດີ, ສ່ວນໃຫຍ່ພວກເຮົາສາມາດຢືນເບິ່ງໄດ້).

ເມື່ອທ່ານກໍາລັງສ້າງຫນ້າເວັບຂອງທ່ານເອງ, ທ່ານຕ້ອງການສ້າງ hyperlinks, ແລະ KompoZer ມີເຄື່ອງມືທີ່ເຮັດໃຫ້ງ່າຍຕໍ່ການເຊື່ອມຕໍ່ຂອງທຸກປະເພດ. ຫນ້າຕົວຢ່າງຮູບພາບໃນການສອນນີ້ຈະມີການເຊື່ອມຕໍ່ກັບເວັບໄຊທ໌ອື່ນໆໃນສີ່ປະເພດ, ກັບພາກສ່ວນອື່ນໆຂອງຫນ້າເວັບດຽວກັນແລະເພື່ອເລີ່ມຕົ້ນຂໍ້ຄວາມອີເມວ. ຂ້າພະເຈົ້າຈະເລີ່ມຕົ້ນດ້ວຍຫົວຂໍ້ແລະສີ່ຫົວຂໍ້ H3 ສໍາລັບແຕ່ລະປະເພດ. ໃນຫນ້າຕໍ່ໄປພວກເຮົາຈະເພີ່ມການເຊື່ອມຕໍ່ບາງຢ່າງ.

01 of 05

ສ້າງ Hyperlink ດ້ວຍ KompoZer

ເຄື່ອງມື hyperlink ຂອງ KompoZer ຈະຖືກເຂົ້າໂດຍກົດປຸ່ມລິ້ງເທິງແຖບເຄື່ອງມື. ເພື່ອສ້າງ hyperlink:

1. ວາງຕົວກະພິບຂອງທ່ານໃສ່ຫນ້າທີ່ບ່ອນທີ່ທ່ານຕ້ອງການ hyperlink ຂອງທ່ານປາກົດ.
2. ກົດປຸ່ມລິ້ງເທິງແຖບເຄື່ອງມື. ກ່ອງໂຕ້ຕອບຄຸນສົມບັດຈະປາກົດຂຶ້ນ.
3. ພາກສະຫນາມທໍາອິດທີ່ທ່ານຈໍາເປັນຕ້ອງຕື່ມຂໍ້ມູນໃສ່ໃນກ່ອງຂໍ້ຄວາມ Link. ພິມຂໍ້ຄວາມທີ່ທ່ານຕ້ອງການປາກົດຢູ່ໃນຫນ້າສໍາລັບ hyperlink ຂອງທ່ານ.
4. ພາກສະຫນາມທີສອງທີ່ທ່ານຕ້ອງການຕື່ມແມ່ນຊ່ອງ Link Link. ພິມ URL ຂອງຫນ້າທີ່ hyperlink ຂອງທ່ານຈະໃຊ້ເວລາຜູ້ໃຊ້ໃນເວລາທີ່ຄລິກໃສ່. ມັນເປັນຄວາມຄິດທີ່ດີທີ່ຈະຄັດລອກແລະວາງ URL ຈາກແຖບທີ່ຢູ່ຂອງຕົວທ່ອງເວັບຂອງທ່ານ. ທ່ານມີຫນ້ອຍທີ່ຈະເຮັດຜິດພາດແບບນີ້ແລະທ່ານຮູ້, ຢ່າງຫນ້ອຍໃນເວລາທີ່ການສ້າງລິ້ງຂອງທ່ານ, ວ່າຫນ້າເວັບແມ່ນມີຊີວິດຢູ່ແລະວ່າການເຊື່ອມຕໍ່ບໍ່ໄດ້ຖືກແຍກ.
5. ກົດ OK ແລະກ່ອງໂຕ້ຕອບຄຸນສົມບັດຈະປິດ. ລິ້ງຂອງທ່ານຈະປາກົດຢູ່ໃນຫນ້າຂອງທ່ານ.

ໃນຕົວທ່ອງເວັບສ່ວນໃຫຍ່, hyperlink ຈະປາກົດໃນຂໍ້ຄວາມທີ່ກໍານົດໄວ້ໃນລະດັບສີຟ້າໂດຍຕັ້ງຄ່າໄວ້ໃນຕອນຕົ້ນ. ທ່ານສາມາດນໍາໃຊ້ຮູບແບບຂອງທ່ານເອງເພື່ອ hyperlinks ກັບ KompoZer ແຕ່ສໍາລັບໃນປັດຈຸບັນ, ພວກເຮົາຈະຕິດຕາມ hyperlink ຂັ້ນພື້ນຖານ. ມັນເປັນຄວາມຄິດທີ່ດີທີ່ຈະສະແດງຫນ້າຂອງທ່ານໃນເບົາເຊີເວັບແລະຄລິກໃສ່ລິ້ງຄ໌ເພື່ອໃຫ້ແນ່ໃຈວ່າພວກເຂົາເຮັດວຽກ.

02 of 05

ການສ້າງ Anchor ເຊື່ອມຕໍ່ກັບ KompoZer

ມີປະເພດຂອງ hyperlink ອື່ນທີ່ໃຊ້ເວລາທີ່ທ່ານໄປຫາສ່ວນອື່ນຂອງຫນ້າເວັບດຽວກັນເມື່ອກົດປຸ່ມ. ປະເພດຂອງ hyperlink ນີ້ຖືກເອີ້ນວ່າການເຊື່ອມໂຍງສະມໍ, ແລະພື້ນທີ່ຂອງຫນ້າທີ່ທ່ານຖືກນໍາໄປໃຊ້ໃນເວລາທີ່ທ່ານຄລິກໃສ່ການເຊື່ອມຕໍ່ທີ່ເອີ້ນວ່າມໍ. ຖ້າທ່ານເຄີຍໃຊ້ລິ້ງ "back to top" ຢູ່ດ້ານລຸ່ມຂອງຫນ້າເວັບ, ທ່ານກໍາລັງຄລິກໃສ່ການເຊື່ອມຕໍ່ກັບມໍ.

KompoZer ອະນຸຍາດໃຫ້ທ່ານສ້າງຫນ້າມໍເຕີທີ່ທ່ານສາມາດເຊື່ອມຕໍ່ຫາໂດຍໃຊ້ເຄື່ອງມື Anchor ເທິງແຖບເຄື່ອງມື.

1. ໃຫ້ຄລິກໃສ່ເຂດພື້ນທີ່ຂອງຫນ້າເວັບທີ່ທ່ານຕ້ອງການສະມໍ. ນັ້ນແມ່ນ, ບ່ອນທີ່ທ່ານຕ້ອງການ viewer ຫນ້າທີ່ຈະຖືກນໍາໄປໃຊ້ໃນເວລາທີ່ມີການເຊື່ອມໂຍງທີ່ເຊື່ອມໂຍງ. ສໍາລັບຕົວຢ່າງນີ້, ຂ້າພະເຈົ້າຄລິກພຽງແຕ່ກ່ອນ "F" ໃນຫົວຂໍ້ Music Favorite.
2. ກົດປຸ່ມ Anchor ເທິງແຖບເຄື່ອງມື. ກ່ອງໂຕ້ຕອບການກໍານົດຊື່ອະນຸກົມປາກົດຂຶ້ນ.
3. ແຕ່ລະສະມໍເທິງຫນ້າຕ້ອງການຊື່ທີ່ເປັນເອກະລັກ. ສໍາລັບການສະມໍນີ້, ຂ້າພະເຈົ້າໃຊ້ຊື່ "ດົນຕີ".
4. ໃຫ້ຄລິກໃສ່ OK, ແລະທ່ານຄວນຈະເບິ່ງ, ແລະສັນຍາລັກມໍເຕີຈະປາກົດຢູ່ທີ່ຈຸດທີ່ທ່ານຕ້ອງການການສະມໍ. ສັນຍາລັກນີ້ຈະບໍ່ປາກົດຢູ່ໃນຫນ້າເວັບຂອງທ່ານ, ມັນແມ່ນວິທີທີ່ KompoZer ສະແດງໃຫ້ເຫັນບ່ອນທີ່ບ່ອນມໍເຕີຂອງທ່ານຢູ່.
5. ເຮັດຊ້ໍາຂັ້ນຕອນສໍາລັບພື້ນທີ່ອື່ນໆຂອງຫນ້າທີ່ທ່ານຕ້ອງການໃຫ້ຜູ້ໃຊ້ສາມາດເຂົ້າຫາໄດ້. ຖ້າທ່ານມີຂໍ້ຄວາມຫຼາຍໆຢູ່ໃນຫນ້າທີ່ແບ່ງແຍກໂດຍຫົວຂໍ້ຫຼືການແບ່ງປັນຢ່າງມີເຫດຜົນອື່ນໆ, ສະມໍແມ່ນວິທີທີ່ງ່າຍທີ່ຈະນໍາຫນ້າ.

ຕໍ່ໄປ, ພວກເຮົາຈະສ້າງການເຊື່ອມຕໍ່ທີ່ເອົາຜູ້ອ່ານໄປຫາບ່ອນທີ່ທ່ານສ້າງ.

03 of 05

ສ້າງການນໍາຫນ້າດ້ວຍ KompoZer

ໃນປັດຈຸບັນທີ່ທ່ານມີສະມໍຢູ່ໃນຫນ້າເວັບຂອງທ່ານ, ໃຫ້ສ້າງລິ້ງທີ່ຈະຖືກນໍາໃຊ້ເປັນທາງລັດໃຫ້ກັບມໍເຕີເຫລົ່ານັ້ນ. ສໍາລັບການສອນນີ້, ຂ້າພະເຈົ້າໄດ້ສ້າງແຖວ 1 ແຖວ 4 ຕາຕະລາງຂ້າງລຸ່ມໃສ່ຫົວຂໍ້ເທິງຂອງຫນ້າ. ແຕ່ລະຫ້ອງຕາຕະລາງທີ່ມີຂໍ້ຄວາມດຽວກັນເປັນຫນຶ່ງໃນຫົວຂໍ້ປະເພດທີ່ຖືກນໍາໃຊ້ເພື່ອແຍກລິງໃນຫນ້າ. ພວກເຮົາຈະເຮັດໃຫ້ຂໍ້ຄວາມໃນແຕ່ລະຈຸລັງຕາຕະລາງເຫຼົ່ານີ້ເປັນການເຊື່ອມຕໍ່ກັບຫນ້າຈໍທີ່ສອດຄ້ອງກັນ.

04 of 05

ສ້າງ Hyperlinks ເພື່ອ Anchors ດ້ວຍ KompoZer

ໃນປັດຈຸບັນທີ່ພວກເຮົາມີສະມໍຂອງພວກເຮົາໃນສະຖານທີ່ແລະຂໍ້ຄວາມທີ່ພວກເຮົາຈະນໍາໃຊ້ສໍາລັບການນໍາຫນ້ານໍາເຂົ້າ, ພວກເຮົາສາມາດເຮັດໃຫ້ຂໍ້ຄວາມເຫຼົ່ານີ້ເຂົ້າໄປໃນການເຊື່ອມຕໍ່. ພວກເຮົາຈະນໍາໃຊ້ປຸ່ມ Link ອີກເທື່ອຫນຶ່ງ, ແຕ່ເວລານີ້ມັນຈະເຮັດວຽກເລັກຫນ້ອຍ.

1. ເລືອກຂໍ້ຄວາມທີ່ທ່ານຕ້ອງການທີ່ຈະສົ່ງເຂົ້າໃນການເຊື່ອມຕໍ່. ໃນຕົວຢ່າງນີ້, ຂ້າພະເຈົ້າໄດ້ເລືອກຂໍ້ຄວາມ "ດົນຕີທີ່ມັກ" ທີ່ຢູ່ໃນຕາຕະລາງທໍາອິດທີ່ຢູ່ເທິງສຸດຂອງຫນ້າ.
2. ກົດປຸ່ມລິ້ງເທິງແຖບເຄື່ອງມື. ກ່ອງໂຕ້ຕອບຄຸນສົມບັດການເຊື່ອມຕໍ່ຈະເປີດ.
3. ໃນກໍລະນີນີ້, ພວກເຮົາຄັດເລືອກຂໍ້ຄວາມກ່ອນທີ່ພວກເຮົາກົດປຸ່ມ Link, ດັ່ງນັ້ນພາກສ່ວນເຊື່ອມໂຍງຂອງປ່ອງຢ້ຽມແມ່ນເຕັມໄປແລ້ວແລະບໍ່ສາມາດແກ້ໄຂໄດ້. ໃຫ້ຄລິກໃສ່ລູກສອນລົງໃນພາກສະຖານທີ່ເຊື່ອມຕໍ່. ທ່ານຈະເຫັນລາຍການສະມໍທີ່ທ່ານສ້າງໃນຂັ້ນຕອນກ່ອນຫນ້ານີ້. ສໍາລັບຕົວຢ່າງນີ້, ຂ້າພະເຈົ້າຄັດເລືອກເອົາ #music anchor.
4. ກົດ OK. ຂໍ້ຄວາມ "ດົນຕີທີ່ມັກ" ໃນແຖບນໍາທິດປ່ຽນເປັນການເຊື່ອມໂຍງເຊິ່ງຈະເຮັດໃຫ້ຜູ້ຊົມສາມາດເຕັ້ນໄປຫາພາກນັ້ນໃນຫນ້າທີ່ເມື່ອກົດ.

ທ່ານຈະສັງເກດເຫັນວ່າແຕ່ລະຫົວຂໍ້ທີ່ຢູ່ໃນເມນູເລື່ອນລົງມີປ້າຍ "#" ຢູ່ທາງຫນ້າຂອງມັນ. ນີ້ແມ່ນວິທີທີ່ທ່ານຈະສ້າງລິ້ງໄປທີ່ຮວບຮວມໃນ HTML. "#" ຢູ່ທາງຫນ້າຂອງຊື່ມໍລະດົກບອກຕົວທ່ອງເວັບວ່າລິ້ງນີ້ຈະນໍາທ່ານໄປບ່ອນອື່ນໃນຫນ້າດຽວກັນ.

05 of 05

ການສ້າງຕົວ Hyperlink ຈາກຮູບພາບດ້ວຍ KompoZer

ທ່ານຮູ້ບໍ່ວ່າທ່ານສາມາດສ້າງການເຊື່ອມຕໍ່ຈາກຮູບພາບເຊັ່ນດຽວກັນກັບຂໍ້ຄວາມ? KompoZer ອະນຸຍາດໃຫ້ທ່ານເຮັດສິ່ງນີ້ໂດຍໃຊ້ພຽງແຕ່ກົດສອງສາມເທື່ອ. ທີ່ນີ້ຂ້າພະເຈົ້າໄດ້ໃສ່ຮູບພາບຮູບສັນຍາລັກຂະຫນາດນ້ອຍທີ່ສະແດງໃຫ້ເຫັນລູກສອນຊີ້ທາງເທິງແລະຂໍ້ຄວາມ "TOP" ຢູ່ດ້ານລຸ່ມຂອງຫນ້າ. ຂ້າພະເຈົ້າຈະນໍາໃຊ້ຮູບພາບນີ້ເປັນການເຊື່ອມຕໍ່ເພື່ອເຕັ້ນໄປຫາກັບໄປທາງເທີງຂອງຫນ້າ.

1. ໃຫ້ຄລິກຂວາໃສ່ຮູບພາບແລະເລືອກ Image ແລະ Link Properties ຈາກປ້າຍສະພາບການ. ກ່ອງໂຕ້ຕອບຄຸນສົມບັດຮູບພາບຈະເປີດ.
2. ຢູ່ໃນແທັບສະຖານທີ່, ທ່ານຈະເຫັນຊື່ໄຟລ໌ແລະຮູບພາບຂອງຮູບພາບທີ່ເຕັມໄປແລ້ວ. ທ່ານຄວນໃສ່ຂໍ້ຄວາມບາງຢ່າງຢູ່ໃນກ່ອງຂໍ້ສະຫຼຸບ. ນີ້ແມ່ນສິ່ງທີ່ປາກົດໃນເວລາທີ່ທ່ານຍ້າຍຫນູໃນຮູບພາບ, ແລະສິ່ງທີ່ອ່ານໂດຍຫນ້າຈໍທີ່ຄົນທີ່ມີຄວາມບົກພ່ອງອ່ານຫນ້າເວັບ.
3. ໃຫ້ຄລິກໃສ່ແຖບເຊື່ອມຕໍ່. ໃນທີ່ນີ້ທ່ານສາມາດເລືອກເອົາມໍລະດົກຈາກເມນູ, ຄືກັນກັບທີ່ພວກເຮົາເຮັດກັບການເຊື່ອມຕໍ່ມໍ. ໃນຄວາມເປັນຈິງ, ຮູບພາບນີ້ແມ່ນໄດ້ຖືກນໍາໃຊ້ເປັນການເຊື່ອມຕໍ່ມໍ. ຂ້າພະເຈົ້າໄດ້ເລືອກຫົວຂໍ້ #Links_Of_Interest ທີ່ຈະນໍາພວກເຮົາກັບໄປທາງເທີງ.
4. ກົດ OK. ຮູບພາບໃນປັດຈຸບັນເຊື່ອມຕໍ່ກັບຄືນໄປບ່ອນເທິງຂອງຫນ້າໃນເວລາທີ່ຄລິກໃສ່.