| ( คำสั่งเริ่มต้น ) ( สีสรร ) ( ข้อความ ) ( รูปภาพ ) ( การเชื่อมโยง ) ( รายการ ) ( ตาราง ) ( เฟรม ) ( ฟอร์ม ) ( มัลติมีเดีย ) |
- เป็นที่ ทราบดี อยู่ แล้วว่า การที่ อินเตอร์เน็ต ได้รับความนิยม อย่างกว้าง ขวางอยู่ ทั่วโลก นั้น
- เป็น ผลมา จากความ สามารถ ในการ เชื่อมโยง ข้อมูล จากฐานข้อมูล หนึ่ง ไปยังอีก ฐานข้อ มูลหนึ่ง ได้อย่างรวดเร็ว โดยสามารถ เชื่อมโยง ข้อความ ได้ทั้ง จากภายใน แฟ้มเอกสาร ข้อมูลของตัวเอง และ แฟ้มเอกสาร ข้อมูล ภายนอก ที่ต่างเว็บไซต์กัน
- ข้อความ ที่ถูกกำหนด ให้เชื่อมโยง กับฐานข้อมูลอื่น ๆ บนเว็บเบราเซอร์ จะแสดง ผลเป็น ตัวอักษร
- ที่มีสี แตกต่าง จากอักษร ทั่วไป และอาจจะมี ขีดเส้น ใต้ข้อความ นั้นด้วย โดยทั่วไป ตัวอักษรที่แสดง ผลอยู่บน เวบเบราเซอร์ จะมีสีดำ ปนขาว (หรือสีเทา) แต่สำหรับ ข้อความ ที่ใช้เป็นตัวเชื่อม ข้อมูล นั้นจะเป็นตัวอักษร สีน้ำเงิน หรือ อย่างอื่น ตาม ที่สร้างขึ้นมา เมื่อเลื่อน เมาส์ ไปชี้ที่ ข้อความ ซึ่ง มีการเชื่อมโยง ของรูปแบบ ตัวชี้ จะเปลี่ยนจาก สัญลักษณ์ ลูกศร ไปเป็นรูป มือแทน และที่บริเวณ แถบแสดง สถานะ ด้านล่าง จะแสดงถึงตำแหน่งของจุด หมายที่ ข้อความจะ เชื่อมโยงไป ให้เราเห็น
- ประเภทการเชื่อมโยง(Anchor)
- การเชื่อมโยงภายในเว็บไซต์
สำหรับแฟ้มเอกสาร ที่มี ความยาวมาก ๆสามารถ เชื่อมโยง
ข้อมูล จากจุดหนึ่ง ไปยังอีกจุด หนึ่ง ภายใน แฟ้ม เอกสาร เดียวกัน ได้ ตำแหน่ง ของ เป้าหมาย จะต้อง ขึ้นต้น ด้วยเครื่องหมาย #รูปแบบ <A HREF="index.html#เป้าหมาย">...</A>
<A NAME=ชื่อเป้าหมาย>ลักษณะ <A HREF="# test">การเชื่อมโยงข้อมูล</A>
<A NAME=test> จะอยู่ในตำแหน่งที่เราต้องการให้ link ไป
เมื่อเรากดที่คำว่า "การเชื่อมโยงข้อมูล" เอกสารจะ link ไปที่เป้าหมาย คือ <A NAME=test> ทันที ซึ่งผมแอบไปทำไว้แล้ว ลองดูนะครับ- การเชื่อมโยงข้อมูลนอกเว็บไซต์
ก่อนที่จะรู้จัก วิธีการเชื่อมโยงข้อมูลนอก เว็บไซต์ เราต้องทำความเข้าใจ
เกี่ยวกับ เส้นทางในการเดินทางเข้าสู่ไฟล์เป้าหมาย หรือ ไดเรกเทอรี (directory) ดังนี้
-C:\ | |-NETSHOW-------z.htm |-DATA | |-UPMAIN |-MAIN | |-a.htm |-b.htm |-c.htm.. แทน CD ในคำสั่ง DOS
/ แทน CD\ ในคำสั่ง DOS
สมมุติ ว่าตอนนี้เราอยู่ที่เอกสาร z.htm แล้วภายในตัวเชื่อมโดยจะเชื่อมไปที่เอกสาร b.htm เราใช้คำสั่งดังนี้
< A HREF="../data/main/b.htm"> เอกสาร b </A> แต่ถ้าเราอยู่ที่เอกสาร b.htm แล้วต้องการเชื่อมไปที่เอกสาร c.htm ใช้คำสั่ง
< A HREF="c.htm"> เอกสาร c </A> - การเชื่อมโยงข้อมูลนอกเว็บไซต์
| การใช้ภาพเป็นจุดเชื่อม | |||
| รูปแบบ คำอธิบาย |
<A HREF="ชื่อเป้าหมาย"><IMG SRC="ชื่อภาพ"></A> ชื่อเป้าหมาย คือ ชื่อ เอกสารที่จะเชื่อมไป โดยมีภาพ เป็นตัวเชื่อมโยง ตัวอย่าง |
You can click<A HREF="index.html"><IMG SRC="phone.gif"></A> |
|
วิธีการนำมาใช้งาน ไม่แตกต่างไปจากการเชื่อมโยงรูปภาพมากนัก
เพียงแต่ เปลี่ยน จากไฟล์ GIF หรือ JPG ไปเป็น ไฟล์ภาพ เคลื่อนไหว หรือไฟล์เสียง แต่ทั้งนี้ จะต้องขึ้น อยู่กับ ว่าภายใน เครื่อง คอมพิวเตอร์ ที่ใช้งาน อยู่นั้น ได้ติดตั้ง อุปกรณ์ สำหรับ การแสดงผล ไฟล์ แบบนั้น หรือไม่ เช่น ต้องการ แสดงผลไฟล์ชนิด .MOV จะต้อง ติดตั้ง ไดรเวอร์ สำหรับ Quick Time Movie เป็นต้น
เมื่อเราคลิกที่คำว่า HERE ก็จะเชื่อมไปยังไฟล์ข้อมูลที่ชื่อ 0000.MID ให้แสดงผลทันที ลองดูครับเป็นเพลง ฟังแล้วสบายใจ แล้วค่อยเริ่มอ่านต่อก็ได้
| การเชื่อมโยงไปยัง e-mail | |||
| รูปแบบ คำอธิบาย |
MAILTO:USERNAME@HOSTNAME เป็นการเชื่อมโยงแบบฟอร์มของจดหมายเพื่อเขียนจดหมายไปยังผู้รับ ตัวอย่าง |
You can click<A HREF="Mailto:thinkingworld@yahoo.com">Webmaster</A> |
เมื่อเราคลิกที่ Webmaster ก็จะเชื่อมโยงไปที่แบบฟอร์มในที่จุดหมายที่เราทำไว้ทันที ในที่นี่จุดหมายอยู่ที่ thinkingworld@yahoo.com |
| การเชื่อมโยงไปยัง FTP | |||
| รูปแบบ คำอธิบาย |
FTP://HOSTNAME/FILENAME hostname คือ ชื่อของศูนย์บริการ FTP Server filename คือ ชื่อไฟล์และไดเรกทอรี่ที่ผู้เข้ารับบริการสามารถเข้าไปใช้งานได้ ตัวอย่าง | <A HREF=FTP://FTP.NECTEC.OR.TH>การเชื่อมโยงFTP</A>
เมื่อเราคลิกที่การเชื่อมโยงไปFTP มันจะทำการเชื่อมโยงให้เราทันที
|
|
| การเชื่อมโยงไปยัง HTTP | |||
| รูปแบบ คำอธิบาย |
HTTP://HOSTNAME/FILENAME hostname คือ ชื่อของเวบไซต์ที่เราจะเข้าไปค้นหา filename คือ ชื่อไฟล์และไดเรกทอรี่ตาม หลักการสร้างไดเรกทอรี่ในระบบยูนิกส์ ตัวอย่าง | <A HREF=HTTP://WWW.NECTEC.OR.TH>การเชื่อมโยง HTTP</A>
เมื่อเราคลิกที่การเชื่อมโยง HTTP มันจะทำการเชื่อมโยงให้เราทันที
|
|