แบบทดสอบ Online

สถิติผู้เข้าชม

563714
TodayToday87
YesterdayYesterday561
This WeekThis Week648
This MonthThis Month6901
All DaysAll Days563714

ROBOT TEAM


warayuphat panumphan 'Kru Pu', Powered by Joomla!
06 การเชื่อมโยงข้อมูล (Link) PDF Print E-mail
Written by Administrator   
Thursday, 03 May 2018 08:22

การเชื่อมโยงข้อมูล (Link)

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

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

 

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

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

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

-   การเชื่อมโยงข้อมูล FTP

-   การเชื่อมโยงข้อมูล E-Mail

 

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

รูปแบบ <A HREF="ที่อยู่ไฟล์">ข้อความ</A>

ตัวอย่าง <A HREF="computer.asp">เนื้อหาคอมพิวเตอร์</A>

*** หมายเหตุ ถ้าลิงค์อยู่คนละโฟลเดอร์ <A HREF="../computer.asp">เนื้อหาคอมพิวเตอร์</A>


ตัวอย่าง การเขียน code html การเชื่อมโยงในหน้าเดียวกัน

1.กำหนดจุดเริ่มต้น บรรทัดบนสุดที่ต้องการทำ link เขียนคำสั่ง ใต้ body เปิด ดังนี้

<A Name = "ข้อความบรรทัดบนสุด ที่ต้องการให้กลับขึ้นไป"></A>

2.กำหนดจุดปลายทาง บรรทัดล่างสุดที่ต้องการทำ link เขียนคำสั่ง ก่อน body ปิด ดังนี้

<A HREF="#ข้อความบรรทัดบนสุด ที่ต้องการให้กลับขึ้นไป">กลับด้านบน</A>


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

รูปแบบ <A HREF="้http://www..........">ข้อความ</A>

ตัวอย่าง <A HREF="้http://www.joseph.ac.th">ยอแซฟอุปถัมภ์</A>

*** หมายเหตุ กรณีต้องการให้เบราเซอร์เปิดหน้าใหม่ กำหนด target="_blank"

ตัวอย่าง <a href="/6150/http://www.joseph.ac.th"" target="_blank"> ยอแซฟอุปถัมภ์ </a>


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

รูปแบบ <FTP://HOSTNAME/FOLDER>ข้อความ</A>

HOSTNAME คือ ชื่อของศูนย์บริการ FTP Server

FOLDER คือ ชื่อไฟล์และไดเรกทอรี่ที่ผู้เข้ารับบริการสามารถเข้าไปใช้งานได้

ตัวอย่าง <A HREF=FTP://http://www.joseph.ac.th/download> Download </a>

 

การเชื่อมโยงข้อมูล E-Mail

รูปแบบ <A HREF="MAILTO:USERNAME@DOMAINNAME">ข้อความ</A>

ตัวอย่าง <a href="mailto: This e-mail address is being protected from spambots. You need JavaScript enabled to view it ">warayuphat@gmail.com</a>


ใบงาน

- ให้นักเรียนเขียนการเชื่อมโยงในหน้าเดียวกัน กำหนดจุดต้นทาง ปลายทาง เป็นบรรทัดแรก และบรรทัดสุดท้าย

- ให้นักเรียนทำเมนูการเข้าถึง และใส่เนื้อหา โดย เมื่อคลิกที่เมนู ให้เชื่อมโยงไปที่เนื้อหานั้นๆ เช่น

 

หัวข้อในหน่วยการเรียนรู้ที่ 1

1.อุปกรณ์คอมพิวเตอร์

2.ความหมายและความเป็นมาของภาษา HTML

3.หลักในการเขียนคำสั่งหรือแท็กในภาษา HTML


อุปกรณ์คอมพิวเตอร์

1.จอภาพ (Monitor) เป็นอุปกรณ์แสดงผล ทำให้สามารถติดต่อโดยตรงกับผู้ใช้

2.เคส (Case)

3.พาวเวอร์ซัพพลาย (Power Supply)

4.คีย์บอร์ด (Keyboard)

5.เมาส์ (Mouse)

6.เมนบอร์ด (Main board)

7.ซีพียู (CPU)

8.การ์ดแสดงผล (Display Card)

 

ความหมายและความเป็นมาของภาษา HTML

HTML ย่อมาจากคำว่า HyperText Markup Language เป็นภาษาหลักในการสร้างเว็บเพจ โดยมีแนวคิดจากการสร้างเอกสารไฮเปอร์เท็กซ์ (Hypertext Document : ข้อความในเอกสารที่เชื่อมโยงถึงข้อมูลต่าง ๆ ได้) ซึ่งพัฒนามาจากภาษา SGML (Standard Generalized Markup Language) โดย Tim Berners-Lee ใน ปี ค.ศ.1990 ซึ่งใช้ในระบบของ CERN (Conseil Europeen pour la Recherche Nucleaire) เบื้องต้นได้เริ่ม

ใช้ในประเทศสวิตเซอร์แลนด์ จากนั้นก็ได้แพร่ขยายออกไป ระบบนี้ได้ถูกตั้งชื่อว่า World Wide Web (WWW) ที่เรารู้จักกันมาจนถึงปัจจุบัน

 

หลักในการเขียนคำสั่งหรือแท็กในภาษา HTML

1.รูปแบบแท็กจะแยกออกเป็น 2 ส่วน คือแท็กเริ่มต้น เรียกว่า "แท็กเปิด" และส่วนจบของแท็ก เรียกว่า

"แท็กปิด" แท็กปิดจะต้องมีเครื่องหมาย Slash (/) ดังนี้

<แท็กเปิด>ข้อความ......</แท็กปิด> เช่น <title>ข้อความที่ต้องการให้ปรากฎในแถบหัวเรื่อง </title>

2.บางแท็กอาจไม่ต้องมีแท็กปิดก็สามารถใช้งานได้ เช่น คำสั่งขึ้นบรรทัดใหม่ <br>

3.เราสามารถพิมพ์ตัวอักษรเป็นตัวเล็ก หรือใหญ่ก็ได้ (เวอร์ชั่น 4.0 ขึ้นไป) เช่น <HTML>,<Html>,<html> จะมี

ความหมายเหมือนกัน แต่แนะนำให้ใช้ตัวอักษรตัวเล็กทั้งหมด เพื่อรองรับกับมาตรฐานของ XHTML ต่อไป

4.บางแท็กจะมีตัวกำหนดคุณสมบัติ ที่เรียกว่า แอตทริบิวท์ (Attribute) และมีค่าที่ถูกกำหนดให้ใช้ในแท็ก (Value)

โดยจะเขียนไว้หลังแท็ก เช่น  <hr width=600 size=5>

แท็ก hr เป็นการกำหนดเส้นขั้นทางแนวนอน

แอททริบิวต์ width กำหนดคุณสมบัติความยาวของเส้น

แอททริบิวต์ size คือการกำหนดความหนาของเส้น

ค่าที่กำหนดให้ใช้ 600 เป็นค่าความยาวของเส้น

ค่าที่กำหนดให้ใช้ 5 คือเส้นมีความหนา 5 จุด (Pixel)

Last Updated on Tuesday, 13 August 2019 03:46
 

Poll กรุณาตอบคำถามค่ะ

คุณเขียนโปรแกรมบ่อยแค่ไหน
 

Poll สื่อการสอน

สื่อแบบไหน ที่คุณชอบ
 

จำนวนผู้ชมที่ online ขณะนี้

We have 20 guests online

analogclock

search engine

Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner