การสร้าง Link ในแบบ Text Link
Link หรือ ลิงค์ เป็นจุดเชื่อมโยงที่ปรากฎบนหน้าเว็บ เพื่อให้ผู้ใช้งานเว็บสามารถคลิกหรือกดไปยังหน้าเว็บอื่น ๆ หรือไปยังไฟล์เอกสารอื่น ๆ ได้ ซึ่งวิธีการสร้าง Link หรือ Hyper Link นั้น เราสามารถแบ่งออกได้เป็น 2 แบบ คือ
1. ลิงค์ไปยังไฟล์หรือข้อมูลที่อยู่ภายในเว็บไซต์
2. ลิงค์ไปยังข้อมูล หรือเว็บภายนอก
ซึ่งเรามาดูวิธีการสร้าง Link ทั้ง 2 แบบกัน ดังนี้
การสร้าง Text Link แบบลิงค์ภายในเว็บไซต์
ทำการจัดเตรียมข้อมูลต่าง ๆ ที่ต้องใช้ในการสร้าง Link เสียก่อน เช่น สร้างไฟล์เว็บเพจต่าง ๆ เพื่อรอการสร้างลิงค์ไปหากัน จากนั้นให้ทำการพิมพ์ข้อความตามที่ต้องการกับเว็บเพจของเรา แล้วให้ปฏิบัติตามขั้นตอนต่าง ๆ ดังนี้
1. เลือกข้อความที่ต้องการให้เป็นลิงค์
2. จากนั้นไปที่ Properties Panel Option ที่เขียนว่า Link กดที่ปุ่ม Browse... เพื่อเลือกไฟล์ที่ต้องการลิงค์ไปหา ดังรูป
3. ข้อความที่เลือกไว้ยังข้อ 1 จะกลายเป็นลิงค์ ดังรูป
การสร้าง Text Link แบบลิงค์ไปภายนอกเว็บไซต์
ทำการเก็บข้อมูล URL ของเว็บที่ต้องการทำลิงค์ไป ซึ่งอาจจะได้มาจากการ Copy ที่ Address Bar ของ Web Browser จากนั้นปฏิบัติ ดังนี้ ตัวอย่าง URL : //gmail.com/
1. เลือกข้อความที่ต้องการให้เป็นลิงค์
2. จากนั้นไปที่ Properties Panel Option ที่เขียนว่า Link ให้ทำการพิมพ์ URL ของเว็บไซต์ที่ต้องการลิงค์ไป ดังรูป
3. ข้อความที่เลือกไว้ยังข้อ 1 จะกลายเป็นลิงค์ ดังรูป
คลิปประกอบบทความ
*คลิกที่โลโก้ YouTube เพื่อเข้าดูที่ยูทูปนะครับ จะสามารถขยายจอดูได้
การสร้าง Link นี้ถือว่าเป็นพื้นฐานสำคัญมากสำหรับการสร้างเว็บไซต์ เนื่องจาก เอกลักษณ์ของเว็บ คือ การที่สร้างเชื่อมโยงกันได้ในระหว่างเอกสารที่อยู่บน Internet ดังนั้น เมื่อเรียนรู้การสร้าง Link ไปแล้วจะทำให้เรามีความรู้ความเข้าใจเกี่ยวกับการสร้างเว็บนี้มากขึ้น.
*คลิกที่นี้เพื่ออ่านการสร้างจุดลิงค์ด้วยรูปภาพ
บทความอื่นที่คุณอาจสนใจ
�ѡɳ��Ӥѭ�ͧ���Ŵ��Ǵ���� ��͡��������§�ҡ˹�����ྨ��ѧ˹������ �����§�����䫵��ҧ� �繡��������§�����Ե� (Hypertext, Hyperlink) �§�ѹ���������� �����ӹ�¤����дǡ㹡�õԴ�����ҹ�����Ҩҡ���觢����ŷ����š�����������Թ������
���������§ ���͡�� 2 ������ ��� ���������§�������ྨ (Internal Link) ��С��������§��¹͡���ྨ (External Link)
���������§���ྨ�������䫵� (Internal Link)
���������§���ྨ�������䫵����ǡѹ �� 2 Ẻ ��͡��������§�����ҧ˹�� �Ѻ���������§����˹�����ǡѹ
���������§�����ҧ˹���繡���§�ҡ˹��˹�������ա˹��˹�� �蹨ҡ˹���á���� ���ྨ �§����˹���������ա 3 ˹�� �Ըա��������§�����ҧ˹���մѧ���
1. ��˹��ش������鹡��������§�����ྨ �����ͤ��� �����ٻ�Ҿ�繵��������§ ��㹡Ԩ�����á�����ྨ�������¡�����͡ ������������������� (Left frame) ����ԡ������¡�����͡ �������� �ѧ������ҧ���� (���ٻ��� 1)
�ٻ��� 1 ����������¡�����͡
2. �ҡᶺ Properties (�ٻ��� 2) 㹪�ͧ Link ����кت���������ྨ �����������·����§���ҹ �¤�ԡ�ͤ������������ͧ (Browse for file) �������͡�������������·���������§
㹪�ͧ Target ����к�˹�ҷ���ͧ����ʴ� �� Mainframe ���� Parent ���� Blank (�Դ˹������) (����§�ҡ�ٻ�Ҿ Rollover Image ��� Flash Text ����˹����� ���Ըա�������ǡѹ)
�ٻ��� 3 Hyperlink Icon
�ٻ��� 4 ˹�ҵ�ҧ Hyperlink
�͡�ҡ����ѧ���Ը�������§�աẺ˹�� �������繵�ͧ��˹���ͤ����� �բ�鹵�ѧ���
1. ��ԡ�ͤ Hyperlink (���ٻ��� 3)
2. ��ҡ�˹�ҵ�ҧ Hyperlink (���ٻ��� 4)
������ͤ�������繨ش������鹢ͧ���������§ ŧ㹪�ͧ Text �ҡ�ٻ��� 4 ��� ��ͤ��� Dreamweaver 4.0
3 㹪�ͧ Link ��������������ྨ����ͧ����§���ҹ (�ҡ������ҧ��� Index2.htm)
4. ��ͧ Target ������͡�Ըա���ʴ�˹����� �� Blank ���¶֧����Դ˹���������
����͵ͺ��ŧ���� �л�ҡ���ͤ��� Dreamweaver 4.0 �����ྨ ����繢�ͤ��� Hypertext ����Ѻ������§����ྨ����ͧ���
���������§����˹�����ǡѹ
���������§����ྨ���ǡѹ�繡���§�ҡ��ͤ��� �����ٻ�Ҿ�鹷ҧ �����ͤ������ͺ���dz���·ҧ�˹�����ǡѹ �ѧ������ҧ�͡������ (�ٻ��� 5) �ʴ���¡�â�ͤ���������§�鹷ҧ ����ʴ��ش���·ҧ(Anchor) ���ٻ������� ����ͧ����§仴�
�ٻ��� 5 ������ҧ�͡������ྨ �ʴ��ش������§�鹷ҧ��л��·ҧ Anchor
���������§����˹�����ǡѹ �բ�鹵�ѧ���
��鹡�˹��ش������§���·ҧ
1. ��ԡ����dz��Ǣ�ͷ����������»��·ҧ (�ҡ�ٻ��� 6 ��͢�ͤ��� Internet) ����繡�á�˹��ش Anchor
�ٻ��� 6 ᶺ Properties ��� Anchor Name
2. �ᶺ Common ����ԡ�ͤ Named Anchor (���ٻ��� 7)
3. ��ҡ�˹�ҵ�ҧ Named Anchor ���������� Anchor ����ͧ Anchor name �蹪��� Internet (����ٻ��� 8)
�ٻ��� 7 ��ԡ �ͤ Named Anchor �ٻ��� 8 ����к� AnchorName ���ش���·ҧ
�л�ҡ��������ٻ����������¢�ͤ��� Internet ����繨ش������»��·ҧ (���ٻ��� 6)
��鹡�˹��ش������§�鹷ҧ
4. ���͡��ͤ����鹷ҧ����繨ش������� (���ٻ���6 ��͢�ͤ��� Search Engine)
5. �ҡ˹�ҵ�ҧ Properties ������� # ������ª��� Anchor ������˹�������� (���ٻ��� 6 ��� #internet )
�ѧࡵ��ͤ��� Search Engine ����繨ش�������������§����������ͤ������ ��������������Ѻ����dz��ͤ��� �ٻ����������¹���ٻ���
���������§��ѧ���䫵���¹͡
���������§��ѧ���䫵���¹͡ ���Ըա��������§�������觢����Ţ�����÷����š �繻���ª��㹡���Ǻ������觢����ŷ����ʹ� ���ͤ����дǡ㹡�õԴ�����ҹ
�Ըա�á�˹����������§ �մѧ���仹��
1. ��˹��ش������鹡��������§�����ྨ ���к�·���ͤ��� �� ��ͤ��� ʶҺѹ�Էº�ԡ��, Yahoo , Google
2. ����� URL���� Address �ͧ���䫵���¹͡����ͧ Link �ᶺ Properties (���ٻ��� 9) �� //www.car.chula.ac.th, //www.yahoo.com, //www.google.co.th
�����§�������䫵�ͧ������Ե���¡ѹ�ͧ �¾�������������Ե ��ԡ������к�ª��� ��о����������䫵�ͧ��� 㹪�ͧ Link �� //student.netserv.chula.ac.th/~46436594
�ٻ��� 9 ᶺ Properties �кت������ ���� URL 㹪�ͧ Link
�Ԩ������� 8
1. �ҡ˹�����ྨ �����ҧ���������§�ҡ��¡�����͡ �������� �������ྨ�ա 3 ˹��
2. �ҡ���ྨ 3 ˹�� �����ҧ�ش������§����˹�����ǡѹ (Anchor)
3. �����ҧ���������§��ѧ���䫵���¹͡�����ʹ� ���������§��ѧ���䫵�ͧ������Ե