เทคนิคการผูกลิงค์รูปภาพไปยังไฟล์ข้อมูล

Text Editor

จัดการแบบฟอร์มติดต่อกลับ

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

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

2. ในส่วนเนื้อหาของบทความ คลิกเลือกคำสั่ง (Upload Image) เพื่อทำการเพิ่มรูปภาพ

3. จะปรากฎหน้าต่าง Image Properties --Webpage Dialog คลิกที่คำสั่ง Browse Server

4. ในหน้าต่าง FCKeditor - Resources Browser - Windows Internet Explorer คลิกที่คำสั่ง Browse จะปรากฎหน้าต่าง Choose file ให้ท่านคลิกเลือกรูปภาพที่ต้องการ (รูปภาพจะต้องมีขนาดไม่เกิน 500 Kb และชื่อภาพเป็นภาษาอังกฤษหรือตัวเลขเท่านั้น) เมื่อเลือกรูปภาพแล้วจะปรากฎที่อยู่ของไฟล์รูปภาพ จากนั้นคลิกคำสั่ง Upload

5. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ

6. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ให้ท่านตรวจสอบความถูกต้องของรูปภาพ จากนั้นคลิกคำสั่ง OK

7. แสดงรูปภาพที่ได้จากการ Upload ขั้นตอนต่อไปคือการ Upload ไฟล์ข้อมูลที่ต้องการ โดยคลิกเลือกคำสั่ง (Upload File)

8. ปรากฎหน้าต่าง undefined -- Webpage Dialog คลิกที่คำสั่ง Browse Server

9. ในหน้าต่าง FCKeditor - Resources Browser - Windows Internet Explorer คลิกที่คำสั่ง Browse จะปรากฎหน้าต่าง Choose file ให้ท่านคลิกเลือกไฟล์ข้อมูลที่ต้องการจากเครื่องคอมพิวเตอร์ของท่าน จากนั้นคลิกคำสั่ง Upload

หมายเหตุ : ข้อจำกัดของไฟล์ที่ทำการอัพโหลด
1. ) เครื่องมือที่ใช้ในการอัพโหลดไฟล์รองรับไฟล์นามสกุล .doc , .xls , .ppt , .txt , .zip , .rar , .gif , .jpg , .png
2. ) ขนาดของไฟล์ต้องไม่เกิน 4 MB
3. ) ชื่อไฟล์ต้องเป็นภาษาอังกฤษหรือตัวเลข ไม่มีสัญลักษณ์พิเศษ เช่น . () / , - #

10. หลังจากคลิก Upload จะปรากฎไฟล์ข้อมูล ให้ท่านคลิกที่ไฟล์ข้อมูลที่ต้องการ

11. จากนั้นทำการ Copy URL ของภาพจากช่อง URL และปิดหน้าต่าง FCKeditor - Resources Browser - Windows Internet Explorer ได้เลยค่ะ

12. กลับมาที่ส่วนเนื้อหาของบทความ ให้ท่านคลิกที่รูปภาพที่ Upload ไว้ และคลิกที่คำสั่ง (Hyperling in Text) เพื่อสร้างลิงค์

13. ปรากฎหน้าต่าง Link -- Webpage Dialog ให้วาง URL ที่ copy มาในช่อง URL จากนั้นคลิก OK

14. การแสดงผลบนหน้าเว็บไซต์