ทำเว็บไซต์จากแม่แบบฟรี 8 (การเชื่อมโยงภายในเว็บไซต์)

พูดถึงการเชื่อมโยงเว็บไซต์หรือ Link เพื่อน ๆ ส่วนใหญ่คงรู้จักกันดีใช่มั๊ยครับ เพราะว่าในการใช้งานอินเทอร์เน็ตแต่ละวัน การที่เราจะหาบทความที่เราต้องการจนพบนั้น เราจะต้องคลิ๊กที่ link  เพิ่มเติม หรืออ่านรายละเอียดเพิ่มเติมได้ที่นี่ เข้าหน้านู้น ออกหน้านี้ จนเราหาบทความที่ต้องการจนพบ ใช่มั๊ยครับ

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

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

<a href=""></a>

         

          และนี่คือตัวอย่างโค๊ดที่เราต้องการที่จะเชื่อมโยง

<a href=" ชื่อเว็บเพจที่จะทำการเชื่อมโยงไปหา"></a> 

รูปภาพที่ 8.1

              รูปที่ 8.1 แสดงถึงไฟล์ที่จะเชื่อมโยงถึงกัน เป็นไฟล์ index.html และไฟล์ contact.html
เมื่อใส่โค๊ดลงไปก็จะได้

<a href="index.html "></a>
<a href="contact.html "></a>

          ในที่นี้ไฟล์ index.html ก็คือหน้าแรก ส่วนไฟล์ contact.html คือหน้าติดต่อเรา
เพราะฉนั้น เราต้องทำเครื่องหมายไว้โดยการ เพิ่มคำชักนำบทความ หรือหัวข้อลงไป
ตัวอย่าง

<a href="index.html ">หน้าแรก</a>
<a href="contact.html ">ติดต่อเรา</a>

รูปภาพที่ 8.2

          รูปที่ 8.2 แสดงรูปแบบโค๊ด
          เราใส่โค๊ดนี้ลงไปทั้งสองไฟล์ให้เหมือนกัน ทั้งไฟล์ index.html  และ ไฟล์ contact.html มันก็จะเชื่อมโยงถึงกันได้

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