โดย : น้ำทิพย์ ลี้วลัญชน์
สิ่งที่สำคัญมากสิ่งหนึ่งในการทำเว็บไซต์ที่ทุกๆ คนนั้นไม่อาจจะปฏิเสธได้เลย ก็คือ การทำลิงก์
ซึ่งแน่นอนค่ะว่าในเว็บไซต์เราคงจะไม่มีเพียงแค่หน้าเว็บเพจเดียวแน่ๆ ดังนั้นเราจำเป็นต้องมีการใช้ลิงก์
เพื่อเชื่อมโยงเอกสารต่างๆเข้าด้วยกัน และยังสามารถทำให้เราเชื่อมโยงไปยังเว็บไซต์อื่นๆ ที่เราต้องการ
ได้อีกด้วย และในวันนี้ดิฉันมีเทคนิคในการทำลิงก์ที่ดี จาก http://dev.th2.net มาแนะนำกันดังนี้ค่ะ
- ตรวจสอบลิงก์ให้ถูกต้อง
คุณควรจะทำการตรวจสอบลิงก์ทุกๆ ลิงก์ให้สามารถคลิกไปยังหน้าต่างๆ ได้ โดยไม่เกิดความ
ผิดผลาดหรือลิงก์เสีย ซึ่งปัจจุบันนี้ก็มีเว็บไซต์ที่ให้บริการตรวจสอบลิงก์เสีย ซึ่งทำให้คุณประหยัดเวลา
ในการตรวจสอบเองไปได้ เช่นที่ http://siteowner.bcentral.com/ ความผิดผลาดที่มักเกิดขึ้นบ่อยๆ
ในการใช้ลิงก์ ก็เช่น ลืมใส่ http://หน้า URLที่คุณจะทำการลิงก์ไปยังเว็บไซต์อื่นๆ เช่น ถ้าคุณพิมพ์
<a href=www.yahoo.com> จะไม่สามารถลิงก์ไปได้ สิ่งที่ถูกต้องจะต้องพิมพ์ว่า
<a href=http://www.yahoo.com/> หรือแม้แต่การพิมพ์ http:// ก็อาจผิดผลาดเป็น http:/
ซึ่งก็ทำให้เกิดลิงก์เสียได้นะคะ
- ใช้สีของลิงก์ให้แตกต่างกับตัวอักษรธรรมดา
หากคุณทำการกำหนดให้สีของลิงก์ ให้เหมือนกันกับสีตัวอักษรแล้วอาจจะทำให้ผู้ชมเว็บไซต์
ของคุณไม่ทราบก็ได้ว่าตรงนี้เป็นตัวอักษรที่เป็นลิงก์ หรือแม้แต่การกำหนดให้ตัวอักษรที่เป็นลิงก์
ไม่มีเส้นใต้โดยใช้คำสั่ง ของ StyleSheet ที่ว่า text-decoration: none; ก็อาจจะทำให้ผู้ใช้
ไม่ทราบว่าเป็นลิงก์ เช่นเดียวกันคุณสามารถทำการกำหนดสีของลิงก์ที่ยังไม่ได้ลิงก์ไป และสีของ
ลิงก์ที่ลิงก์ไปแล้วได้อย่างง่ายดายโดยการกำหนดสีผ่านทางคำสั่ง link ( สีที่ยังไม่ได้ลิงก์ไป ) และ
vlink (สีที่เคยลิงก์ไปแล้ว ) ใน แท็ก <body> เช่น <body link=#0000FF vlink=#FF0000>
- ใช้คำพูดธรรมดาเป็นลิงก์
คุณสามารถใช้คำพูดธรรมดาเป็นลิงก์ได้โดยตรงโดยไม่จำเป็นต้องใส่ ข้อความจำพวก
Click Here ! หรือ คลิกที่นี่ ! เพราะมันจะทำให้ผู้อ่านๆได้ไม่ต่อเนื่อง เช่น ในการสร้างลิงก์เพื่อ
ให้ผู้ชมส่งคำแนะนำโดยใช้ลิงก์ว่า ยินดีรับฟังคำแนะนำของคุณ คลิกที่นี่ เพื่อส่งคำแนะนำ หรือ
คุณอาจใช้ลิงก์ว่า คำแนะนำของคุณ หรือ ยินดีรับฟัง ก็ได้ค่ะ
- หลีกเลี่ยงการทำให้เกิดช่องว่างในลิงก์
โดยปกติแล้วข้อความในลิงก์นั้น ไม่ควรจะมีช่องว่างหรือการเว้นวรรคภายในลิงก์ เพราะจะทำให้
ดูไม่สวยงาม ควรจะทำแยกข้อความนั้นๆ ออกจากกัน เช่น <a href=download.htm>
DownloadDemoVersion </a> ควรใช้เป็น <a href=download.htm>Download</a>
<a href=download.htm>DemoVersion</a> และนอกจากนั้นหากคุณใส่คำสั่ง </a> นั้นไม่ติดกับ
ตัวอักษรตัวสุดท้ายแล้ว จะทำให้เกิดเส้นของลิงก์นั้นเลยออกมาดูไม่สวยงามเช่นเดียวกับการใช้ลิงก์ที่เป็นภาพ
เช่น <a href=index.html><img src=pic.gif> </a> ควรจะใช้ให้คำสั่งต่างๆ ภายในแท็ก <a> </a>
ให้ติดกันหมด เช่น <a href=index.html><imgsrc=pic.gif></a> ซึ่งจะทำให้ไม่เกิดช่องว่างขึ้นได้
- ในการใช้รูปภาพเป็นลิงก์นั้น
คุณสามารถกำหนดขนาดของกรอบให้เป็นศูนย์ได้โดยใช้คำสั่ง border=0 ลงในคำสั่ง
<imgsrc=pic.gif>แต่ก็จะทำให้ผู้ใช้ไม่ทราบว่ารูปภาพนี้เป็นลิงก์หรือไม่ หากผู้ใช้นั้นไม่นำเมาส์
ไปวางไว้บนภาพนั้นดังนั้นหากคุณต้องการกำหนดขนาดของกรอบให้เป็นศูนย์ คุณควรจะออกแบบรูปภาพ
ให้โด่ดเด่น และดึงดูดความสนใจเพื่อที่จะทำให้ผู้ใช้นั้นทราบว่าภาพนี้เป็นภาพที่มีลิงก์อยู่
เพียงแค่นี้คุณก็จะมีลิงก์ที่ดีๆ ที่สามารถเอาไว้ใช้งานในเว็บไซต์ของคุณแล้วนะคะ และสุดท้ายนี้
ก็ต้องขอขอบคุณ http://dev.th2.net สำหรับบทความดีๆ แบบนี้นะคะ......ขอบคุณค่ะ......