วันจันทร์ที่ 16 สิงหาคม พ.ศ. 2553

บทที่ 7 การเชื่อมโยงข้อมูล

การที่ระบบอินเทอร์เน็ตได้รับความนิยมอย่างกว้างขวางนั้น เนื่องมาจากความสามารถในการเชื่อมโยงข้อมูลหนึ่งไปยัง
อีกข้อมูลหนึ่งซึ่งสามารถทำการเชื่อมโยงข้อมูลได้ทั้งจากภายในเอกสารเว็บและข้อมูลเอกสารเว็บทีอยู่ต่างเว็บไซต์กัน ข้อความที่ถูกกำหนดให้เป็นจุดเชื่อมโยงไหยังข้อมูลหรือเอกสารอื่นบนเว็บนั้นจะแสดงผลเป็นตัวอักษรที่มีความแตกต่าง จากตัวอักษรทั่วไป ซึ่งสามารถกำหนดรูปแบบการแสดงผลเหล่านี้ได้โดยทั่วไปตัวอักษรที่แสดงผลอยู่บนโปรแกรมเว็บ เบราว์เซอร์นั้นจะ เป็นตัวอักษรสีดำ อยู่บนพื้นสีขาว หรือสีเทา แต่สำหรับข้อความที่ใช้สำหรับเป็นตัวเชื่อมโยงข้อมูลนั้น หากไม่มีการกำหนดรูปแบบการแสดงผลเพิ่มเติม ข้อความสำหรับใช้เป็นจุดเชื่อมโยงนั้นมีตัวอักษรเป็นสีน้ำเงิน และเมื่อ ทำการเลื่อนเมาส์ไปชี้ยังตำแหน่งของข้อความที่ใช้เป็นจุดเชื่อมโยงของเอกสารนั้น รูปแบบของตัวชี้ (Mouse Pointer) จะ เปลี่ยนจากสัญลักษณ์ลูกศรเป็นรูปนิ้วมือ และแถบแสดงสถานะที่อยู่ตรงตำแหน่งด้านล่างของโปรแกรมเว็บเบราว์เซอร์นั้น จะแสดงถึงตำแหน่งของปลายทางที่ข้อความนั้นทำการเชื่อมโยงไป

รูป แสดงรูปแบบของตัวชี้ที่อยู่ในตำแหน่งต่าง ๆ ของอกสาร

การที่ระบบอินเทอร์เน็ตได้รับความนิยมอย่างกว้างขวางนั้น เนื่องมาจากความสามารถในการเชื่อมโยงข้อมูลหนึ่งไปยัง อีก ข้อมูลหนึ่งซึ่งสามารถทำการเชื่อมโยงข้อมูลได้ทั้งจากภายในเอกสารเว็บและข้อมูลเอกสารเว็บทีอยู่ต่างเว็บไซต์กัน ข้อความที่ถูกกำหนดให้เป็นจุดเชื่อมโยงไหยังข้อมูลหรือเอกสารอื่นบนเว็บนั้นจะแสดงผลเป็นตัวอักษรที่มีความแตกต่าง จากตัวอักษรทั่วไป ซึ่งสามารถกำหนดรูปแบบการแสดงผลเหล่านี้ได้โดยทั่วไปตัวอักษรที่แสดงผลอยู่บนโปรแกรมเว็บ เบราว์เซอร์นั้นจะ เป็นตัวอักษรสีดำ อยู่บนพื้นสีขาว หรือสีเทา แต่สำหรับข้อความที่ใช้สำหรับเป็นตัวเชื่อมโยงข้อมูลนั้น หากไม่มีการกำหนดรูปแบบการแสดงผลเพิ่มเติม ข้อความสำหรับใช้เป็นจุดเชื่อมโยงนั้นมีตัวอักษรเป็นสีน้ำเงิน และเมื่อ ทำการเลื่อนเมาส์ไปชี้ยังตำแหน่งของข้อความที่ใช้เป็นจุดเชื่อมโยงของเอกสารนั้น รูปแบบของตัวชี้ (Mouse Pointer) จะ เปลี่ยนจากสัญลักษณ์ลูกศรเป็นรูปนิ้วมือ และแถบแสดงสถานะที่อยู่ตรงตำแหน่งด้านล่างของโปรแกรมเว็บเบราว์เซอร์นั้น จะแสดงถึงตำแหน่งของปลายทางที่ข้อความนั้นทำการเชื่อมโยงไป

รูป แสดงรูปแบบของตัวชี้ที่อยู่ในตำแหน่งต่าง ๆ ของอกสาร

การที่ระบบอินเทอร์เน็ตได้รับความนิยมอย่างกว้างขวางนั้น เนื่องมาจากความสามารถในการเชื่อมโยงข้อมูลหนึ่งไปยัง อีกข้อมูลหนึ่งซึ่งสามารถทำการเชื่อมโยงข้อมูลได้ทั้งจากภายในเอกสารเว็บและข้อมูลเอกสารเว็บทีอยู่ต่างเว็บไซต์กัน ข้อความที่ถูกกำหนดให้เป็นจุดเชื่อมโยงไหยังข้อมูลหรือเอกสารอื่นบนเว็บนั้นจะแสดงผลเป็นตัวอักษรที่มีความแตกต่าง จากตัวอักษรทั่วไป ซึ่งสามารถกำหนดรูปแบบการแสดงผลเหล่านี้ได้โดยทั่วไปตัวอักษรที่แสดงผลอยู่บนโปรแกรมเว็บเบราว์เซอร์นั้นจะ เป็นตัวอักษรสีดำ อยู่บนพื้นสีขาว หรือสีเทา แต่สำหรับข้อความที่ใช้สำหรับเป็นตัวเชื่อมโยงข้อมูลนั้น หากไม่มีการกำหนดรูปแบบการแสดงผลเพิ่มเติม ข้อความสำหรับใช้เป็นจุดเชื่อมโยงนั้นมีตัวอักษรเป็นสีน้ำเงิน และเมื่อ ทำการเลื่อนเมาส์ไปชี้ยังตำแหน่งของข้อความที่ใช้เป็นจุดเชื่อมโยงของเอกสารนั้น รูปแบบของตัวชี้ (Mouse Pointer) จะ เปลี่ยนจากสัญลักษณ์ลูกศรเป็นรูปนิ้วมือ และแถบแสดงสถานะที่อยู่ตรงตำแหน่งด้านล่างของโปรแกรมเว็บเบราว์เซอร์นั้น จะแสดงถึงตำแหน่งของปลายทางที่ข้อความนั้นทำการเชื่อมโยงไป

รูป แสดงรูปแบบของตัวชี้ที่อยู่ในตำแหน่งต่าง ๆ ของอกสาร

การที่ระบบอินเทอร์เน็ตได้รับความนิยมอย่างกว้างขวางนั้น เนื่องมาจากความสามารถในการเชื่อมโยงข้อมูลหนึ่งไปยัง อีกข้อมูลหนึ่งซึ่งสามารถทำการเชื่อมโยงข้อมูลได้ทั้งจากภายในเอกสารเว็บและข้อมูลเอกสารเว็บทีอยู่ต่างเว็บไซต์กันข้อความที่ถูกกำหนดให้เป็นจุดเชื่อมโยงไหยังข้อมูลหรือเอกสารอื่นบนเว็บนั้นจะแสดงผลเป็นตัวอักษรที่มีความแตกต่าง จากตัวอักษรทั่วไป ซึ่งสามารถกำหนดรูปแบบการแสดงผลเหล่านี้ได้โดยทั่วไปตัวอักษรที่แสดงผลอยู่บนโปรแกรมเว็บเบราว์เซอร์นั้นจะ เป็นตัวอักษรสีดำ อยู่บนพื้นสีขาว หรือสีเทา แต่สำหรับข้อความที่ใช้สำหรับเป็นตัวเชื่อมโยงข้อมูลนั้น หากไม่มีการกำหนดรูปแบบการแสดงผลเพิ่มเติม ข้อความสำหรับใช้เป็นจุดเชื่อมโยงนั้นมีตัวอักษรเป็นสีน้ำเงิน และเมื่อทำการเลื่อนเมาส์ไปชี้ยังตำแหน่งของข้อความที่ใช้เป็นจุดเชื่อมโยงของเอกสารนั้น รูปแบบของตัวชี้ (Mouse Pointer) จะเปลี่ยนจากสัญลักษณ์ลูกศรเป็นรูปนิ้วมือ และแถบแสดงสถานะที่อยู่ตรงตำแหน่งด้านล่างของโปรแกรมเว็บเบราว์เซอร์นั้น จะแสดงถึงตำแหน่งของปลายทางที่ข้อความนั้นทำการเชื่อมโยงไป

รูป แสดงรูปแบบของตัวชี้ที่อยู่ในตำแหน่งต่าง ๆ ของอกสาร

ประเภทของการเชื่อมโยง


ประเภทของการเชื่อมโยงของเอกสารเอชทีเอ็มแอลนั้น สามารถแบ่งลักษณะของการเชื่อมโยงออกเป็น 2ประเภท
คือ
- การเชื่อมโยงภายในเว็บไซต์ของตนเอง
- การเชื่อมโยงไปยังเว็บไซต์อื่น
โดยการเชื่อมดยงนี้ ยังสามารถแบ่งได้ 2 ชนิด คือการเชื่อมโยงข้อมูลภายในเอกสารเดียวกัน และเชื่อมโยงข้อมูลทาง
เอกสาร

การเชื่อมโยงข้อมูลต่าง ๆ เอกสาร

คำสั่งที่ใช้สำหรับการเชื่อมโยงเอกสารของภาษาเอชทีเอ็มแอล คือคำสั่ง … และใช้ส่วนของการ อธิบายคุณลักษณะ
เพิ่มเติม (Attribute) คือ HREF ซึ่งใช้เป็นที่บ่งบอกถึงเอกสารที่จะทำการเชื่อมโยงไปโดยมีรูปแบบการใช้งานคำสั่งดังนี้



การเชื่อมโยงนอกเว็บไซต์

การเชื่อมโยงข้อมูลภายนอกเว็บไซต์ สามารถทำได้เช่นเดียวกับการอ้างเอกสารภายในหน้าเดียวกันต่างกันเพียงการ
ระบุตำแหน่งที่ต้องการอ้างถึง ที่ต้องการอ้างโดยการใช้ที่อยู่ทางอินเทอร์เน็ตหรือยูอาร์แอล แทนชื่อแฟ้มข้อมูลที่ต้องการ
อ้างถึงสามารถทำได้โดยการใช้คำสั่งดังต่อไปนี้




รูป แสดงการใช้งานคำสั่งสำหรับเชื่อมโยงไปังเอกสารอื่น

รูปแสดงผลที่ได้จาการเลือก " ไปยังเอกสารของบทที่ 6 " โดยไม่ระบุTaget=_Blank


การเชื่อมโยงข้อมูลภายในเอกสารเดียวกัน

คำสั่งที่ใช้สำหรับเชื่อมโยงข้อมูลภานในเอกสารเดียวกัน มีรูปแบบการใช้งานเช่นเดียวกับการเชื่อมโยงข้อมูลเอกสาร
ต่างกันเพียงส่วนของการกำหนดคุณลักษณะเพิ่มเติมนั้น จะใช้สัญลักษณ์ # นำหน้าชื่อที่ใช้สำหรับเชื่อมโยงเอกสารภายใน หน้าเดียวกัน ซึ่งมีรูปแบบการใช้งานดังนั้

การใช้งานสำหรับคำสั่งการเชื่อมโยงเอกสารภายในหน้สเดียวกันนั้น จะใช้วิธีการปักป้ายชื่อเอาไว้ที่เอกสารตรง
ตำแหน่งนั้นก่อน โดยให้มีชื่ออย่างใดอย่างหนึ่งเพื่อใช้สำหรับอ้างอิงชื่อจากนั้นทำการเชื่อมโยงเอกสารโดยใช้ชื่อที่ทำ
การตั้งไว่นั้นเป็นการอ้างตำแหน่ง สำหรับการกำหนดชื่อให้กับเอกสารในแต่ละตำแหน่งนั้น สามารถทำได้โดยใช้การ
กำหนดคุณลักษณะเพิ่มเติมคือ NAME ในการกำหนดชื่อ โดยมีรูปแบบการใช้งานคำสั่งดังนี้




รูปแสดงการใช้งานคำสั่งการเชื่อมโยงเอกสารในหน้าเดียวกัน

การเชื่อมโยงแบบอี-เมล์

ในการสร้างเว้บเพจนั้น หากต้องการให้ผู้ที่เข้ามาทำการอ่านข้อมูลนั้น สามารถทำการติดต่อกับผู้สร้างเว็บเพจ วิธีการ
ที่ทำได้อย่างหนึ่งคือการส่งจดหมายอิเล็กทรอนิกส์หรืออี - เมล์ (E-mail) ในภาษาเอชทีเอ็มเอลได้จัดเตีรมช่องทางสำหรับ
ทำการติดต่อสื่อสารทางอี-เมล์นี้ไว้ด้วย โดยคำสั่งที่ใช้คือ Mailto : ซึ่งเป็นส่วนสำหรับกำหนดคุณลักษณะเพิ่มเติมของคำสั่ง
A..../A โดยมีรูปแบบการใช้งานคำสั่งดังนี้

เมื่อผู้ที่เข้ามาอ่านข้อมูลในเว็บเพจทำการกดปุ่มเมาส์ที่ตำแหน่งนี้ ตัวโปรแกรมเว็บเบราว์เซอร์จะทำการรับส่งอีเมล์
ที่ติดตั้งไว้บนเครื่องคอมพิวเตอร์เช่น โปรแกรม Microsoft Outlook ขึ้นมาเพื่อทำการรับส่งอีเมล์ไปยังบุคคลที่ได้ทำการ
ตั้งค่าไว้



รูป แสดงการใช้งานคำสั่งเชื่อมโยงแบบอี-เมล

รูป เมื่อคลิกเมาส์ตรงตำแหน่งที่เชื่อมโยงไปยังการส่งอี-เมล์ จะเรียกใช้งานโปรแกรมส่งอี-เมล์

การเชื่อมโยงสำหรัดาวน์โหลดข้อมูล
ปัจจุบันข้อมูลเว็บเพจที่มีอยู่ในระบบเครือข่ายอินเอรฤ์เน็ต นิยมนำเอาข้อมูลเข้าสู่เว็บเพจมากมาย เพื่อทำให้
เนื้อหาของเว็บเพจนั้นมีประโยชน์และมีความน่าสนใจแก่ผู้ที่เข้ามาทำการอ่านข้อมูล โยข้อมูลที่ทำการเผยแพร่ในระบบ
เครือข่ายอินเตอร์เน็ตนั้นเช่น ข้อมูลที่เป็นเอกสารต่าง ๆข้อมูลสำหรับโปรแกรมนำเสนอข้อมูล เช่น Powwer Point
Presentation รวมไปถึงข้อมูลที่เป็นโปรแกรมต่าง ๆ ที่สามารถนำมาติดตั้งลงบนเครื่องคอมพิวเตอร์ โดยวิธีการที่จะ
นำแฟ้มข้อมูลจากระบบเคื่อข่ายอินเตอร์เน็ตเข้ามาเก็บไว้ยังเครื่องคอมพิวเตอร์ที่ใช้งานในขณะนั้น เรียกวิธีการนี้ว่า
การดาวน์โหลด (Download)
คำสั่งที่ใช้สำหรับเตรียมช่องทางสำหรับผู้ที่เข้ามาเยี่ยมชมเว็บเพจนั้น เพื่อทำการดาวน์โหลดข้อมูลของภาษาHTML
สามารถใช้งานได้เหมือนกับการเชื่อมโยงเอกสารทั่วไป ต่างกันเพียงให้ทำการเชื่อมโยงไปยังชื่อของแฟ้มข้อมูลที่ต้อง
การจะต้องให้ดาวนืโหลดแทน ซึ่งมีรูปแบบการใช้งานคำสั่งดังนี้


เมื่อคลิกเมาส์เลือกยังตำแหน่งที่ทำการเชื่อมโยงแฟ้มข้อมูลที่ดาวน์โหลด จะปรากฏหน้าต่างขึ้นมาถามผู้ใช้วานว่า
ต้องการจะเปิดแฟ้มข้อมูลนั้นได้ทันท หรือว่าต้องการดึงข้อมูล เพื่อนำมาเก็บไว้ในเครื่องคอมพิวเตอร์

การเชื่อมโยงข้อมูลด้วยรูปภาพ
การเชื่อมโยงข้อมูลโดยใช้ตัวอักษรหรือข้อความสำหรับติดต่อกับผู้ที่กำลังใช้งานนั้น อาจทำให้เว็บเพจไม่มีความ
น่าสนใจที่ควร การใช้รูปภาพสำหรับสื่อกับผู้ใช้งานแทนการเชื่อมโยงข้อมูลด้วยตัวอักษรนั้น จะเป็นการเพิ่มความ
น่าสนใจให้ผู้ใช้งานทำการอ่านข้อมูลในหน้าถัดไปของเอกสาร โดยรูปแบบการใช้รูปภาพเพื่อใช้สำหรับการเชื่อมโยง
เอกสารนั้น สามารถทำได้โยนำเอาคำสั่งสำหรับแทรกรรูปภาพในเอกสารเอชทีเอ็มแอล คือ มาใช้แทนข้อความที่ใช้ติดต่อ
กับผู้ใช้งาน ซึ่งรูปภาพที่นำมาใช้นันโดยทั่วไปจะสื่อถึงเอกสารที่จะทำการเชื่อมโยงไปถึง รูปแบบการใช้งานคำสั่งสามารถ
แสดงได้ดังนี้

รูปแบบการใช้งานคำสั่งสำหรับแทรกรูปภาพที่ทำการเพิ่มเข้าไปนั้น สามารถนำเอาการกำหนดคุณลักษณะพิเศษ
(Attribute)ที่เกี่ยวกับการจัดการรูปภาพมาใช้งานได้ทุกประการ เช่น การกำหนดขนาด หรือการกำหนดเส้นขอบของ
รูปภาพ เป็นต้น

ไม่มีความคิดเห็น:

แสดงความคิดเห็น