ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor article

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

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

1. Log in เข้าส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน"  คลิก "จัดการกลุ่มบทความ / บทความ"

 
2. คลิกชื่อกลุ่มบทความที่ต้องการ  ระบบแสดงบทความที่มีอยู่ภายในกลุ่มบทความนั้นๆ ขึ้นมา  จากนั้นคลิกที่ปุ่ม  (แสดงตัวอย่าง) ที่บทความที่ต้องการสร้างลิงค์ภายในหน้าเดียวกัน

 
3. ปรากฎหน้าต่างบทความที่ต้องการสร้างลิงค์ในหน้าเดียวกัน ให้ทำการ Copy Url ที่ปรากฎในช่อง Address สำรองไว้ โดยอาจนำไปวางไว้ในโปรแกรม Notepad ก่อนค่ะ

 
4. กลับสู่หน้า  "จัดการกลุ่มบทความ / บทความ" อีกครั้ง จากนั้นคลิก   (แก้ไขบทความ) ที่ต้องการสร้างลิงค์ภายในหน้าเดียวกัน

 
5. จากนั้นนำเมาส์ไปวางไว้ยังตำแหน่งเริ่มต้นส่วนบนของหน้า Webpage  และคลิกคลิกคำสั่ง   ( Anchor )

 
6. จะปรากฏหน้าต่าง Anchor Properties พิมพ์ข้อความเพื่อตั้งชื่อระบุตำแหน่งของ Anchor ในช่อง Anchor Name เช่น top เป็นต้น และคลิก OK 

 
7. ปรากฏตำแหน่งของ  Anchor ชื่อ top ที่ส่วนบนของเนื้อหาบทความ

 
8. พิมพ์ข้อความที่ต้องการผูกลิงค์ที่ด้านล่างของหน้า Webpage ในที่นี้คือคำว่า  "กลับสู่ด้านบน" ทำการผูกลิงค์ข้อความโดยไฮไลท์ข้อความดังกล่าว  หลังจากนั้นคลิกที่คำสั่ง  ( Hyperlink in Text )

 
9. ปรากฏหน้าต่าง Link ในช่อง URL ให้ท่านวาง Url ที่ copy มา (ในข้อที่ 3.)  ตามด้วยสัญลักษณ์  #  และตามด้วยข้อความที่พิมพ์ในข้อ 6 (ในกรณีนี้คือ top) หลังจากนั้น คลิก OK 

และสุดท้าย อย่าลืมกด "บันทึก" การเปลี่ยนแปลงแก้ไขบทความหรือหน้าเว็บที่ท่านได้สร้างลิงก์ Anchor ไว้ด้วยนะคะ :)

 
ตัวอย่างการแสดงผลการสร้างลิงค์ในหน้าเดียวกัน ด้วยคำสั่ง Anchor

กลับสู่ด้านบน




Text Editor

วิธีการ Insert ข้อความจาก Microsoft Word ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการอัพโหลดไฟล์ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการผสาน Cell โดยใช้เครื่องมือ Merge Cell Down article
เทคนิคการสร้างลิงค์จากบทความไปยังไฟล์เอกสาร
เทคนิคการสร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วย Text Editor เวอร์ชั่นใหม่
เทคนิคการผูกลิงค์รูปภาพไปยังไฟล์ข้อมูล
อัพโหลดรูปภาพอย่างง่ายด้วยเครื่องมือ Easy Upload Image
เทคนิคการสร้างลิงค์แบบเปิดหน้าต่างใหม่ ด้วย Text Editor เวอร์ชั่นใหม่
เทคนิคการนำเสนอสินค้า โดยใช้ตาราง และเครื่องมือ Vertical Split Cell article
ปรับขนาดรูปภาพอย่างง่ายด้วย Resize Image Upload
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor ของ Text Editor เวอร์ชั่นใหม่
เครื่องมือ ทำตัวอักษรวิ่ง จากขวาไปซ้าย และจากซ้ายไปขวา
การทำภาพเคลื่อนไหวโดยใช้เครื่องมือMarquee
เทคนิคการผสานเซลล์ในช่องตาราง
เทคนิคการสร้างลิงค์แก่รูปภาพเคลื่อนไหวแบบ Marquee
ต้องการที่จะพิมพ์ข้อความให้อยู่ข้างๆรูปจะต้องทำยังไงค่ะ เพราะพิมพ์ข้อความเข้าไปแล้วอยู่ใต้รูปตลอดเลยค่ะ
ทำไมเว็บไซต์ของสมาชิกบางเว็บ มีการทำตัวอักษรเคลื่อนไหว วิ่งจากขวาไปซ้าย หรือจากซ้ายไปขวาได้
ต้องการให้ภาพเคลื่อนไหวได้ในหน้าเว็บไซต์ต้องทำยังไงบ้างค่ะ
เลือกเวอร์ชั่น Text Editor
อยากเรียกดู Souce code ที่เนื้อหาของบทความต้องเลือกที่คำสั่งใด
อยากยกเลิกหัวข้อที่ได้สร้างลิงค์ไว้เลือกที่คำสั่งใด
การเพิ่มช่องตารางโดยเครื่องมือ Horizontal Split Cell
เทคนิคการลบเส้นตารางของText Editor เวอร์ชั่นใหม่
วิธีการเพิ่มความหนาของเส้นขอบตาราง
เทคนิคการแก้ไขอักษรตัวหนาโดยเครื่องมือ Remove Format Text
เทคนิคการเปลี่ยนสีของแถบหัวข้อเมนูย่อย
เทคนิคการลบเส้นขอบของ link ด้วยText Editor เวอร์ชั่นใหม่
เทคนิคการผูกลิงค์ไปยังไฟล์ข้อมูล
เทคนิคในการสร้างลิงค์ รูปภาพเล็กไปภาพใหญ่ article
เทคนิคการสร้างลิงค์ในหน้าเดียวกัน article
เทคนิคการสร้างเส้นกราฟิกด้วยเครื่องมือ Horizontal Rule article
เทคนิคการสร้างกรอบรูปด้วยตาราง article
เทคนิคการลบแถวและคอลัมน์ในตาราง article
เทคนิคการทำตัวอักษรวิ่งด้วยคำสั่ง Marquee article
เทคนิคการเปลี่ยนรูปแบบตัวอักษรด้วยคำสั่ง Change Case article
เทคนิคการเพิ่มแถวในตาราง article
เทคนิคการเพิ่มคอลัมน์ในตาราง article
วิธีการ Insert ข้อความจาก Microsoft Word ด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการตกแต่งรูปภาพง่ายๆด้วย Text Editor เวอร์ชั่นใหม่ article
เทคนิคการจัดตำแหน่งข้อความในตาราง article
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการใส่ตัวอักษรวิ่งในพื้นที่ด้านล่างของเว็บไซต์ article
เทคนิคการค้นหาและแทนที่ข้อความด้วยเครื่องมือ Search & Replace ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการใส่คำอธิบายรูปภาพเมื่อถูกเมาส์ article
เทคนิคการ Resize รูปภาพก่อน Upload เข้า Server ของ Text Editor เวอร์ชั่นใหม่ article
เทคนิคการเพิ่มสีสันให้กับบทความด้วยเครื่องมือ Insert Special Characters article
เทคนิคการเพิ่มสีสันให้กับเส้นขอบตาราง article
เทคนิคการสร้างลิงค์จากรูปภาพแบบไม่มีเส้นขอบ article
การทำภาพเคลื่อนไหวต่อเนื่องโดยใช้เครื่องมือ Marquee article
วิธีการค้นหาข้อความในส่วนสมาชิก article
อัพเดทวันที่อย่างรวดเร็วด้วยครื่องมือ Insert Today's Date article
เทคนิคการใส่ Marquee ในตาราง article