ReadyPlanet.com
dot
ค้นหาบทความ

dot
Editor Manual
dot
Basic Function
dot
เว็บไซต์รูปแบบ Responsive web design
Google Service/Sitemap
จัดการอีเมล์สมัครรับข่าวสาร
dot
Special Function
dot
ระบบผู้ช่วย
dot
Customer Support
dot
dot
คำถามที่พบบ่อย (FAQ)
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
EXAMPLE
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


วิธีการใส่รูปภาพในเนื้อหาของเว็บไซต์

สำหรับรูปภาพที่จะนำมาแสดงผลบนหน้าเว็บไซต์นั้น  ไม่ว่าจะเป็นภาพถ่ายจากกล้องดิจิตอล การสแกนจากรูปถ่ายที่เป็นกระดาษ หรือการสร้างรูปภาพจากโปรแกรมตกแต่งภาพต่าง ๆ  โดยเป็นไฟล์ภาพนามสกุล (Type) เป็น .gif / .jpeg  ตั้งชื่อไฟล์เป็นภาษาอังกฤษหรือตัวเลข  และควรย่อภาพให้มีขนาดไม่เกิน (Size) 500 KB เพื่อให้ภาพมีขนาดเล็กพอเหมาะกับการแสดงผลบนหน้าเว็บไซต์  ไม่ทำให้หน้าเว็บไซต์โหลดข้อมูลช้าค่ะ
 
     วิธีใส่รูปภาพในเว็บไซต์ที่ถูกต้อง
     ควรใส่รูปภาพประกอบในเนื้อหาเว็บไซต์ผ่านการอัพโหลดด้วยเครื่องมือ  (Easy Upload Image) หรือ  (Upload Image) เท่านั้น เพราะเป็นการอัพโหลดรูปภาพจากเครื่องคอมพิวเตอร์ของท่าน เข้าไปเก็บในเซิฟเวอร์ของเว็บไซต์โดยตรง ทำให้การแสดงผลถูกต้อง ปลอดภัยและรวดเร็วค่ะ

1. Log in เข้าส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน"  คลิก "จัดการกลุ่มบทความ / บทความ" (หรือเมนูอื่น ๆ ที่ต้องการเพิ่มรูปภาพเพื่อผูกลิงค์จากภาพเล็กไปยังภาพใหญ่ค่ะ)




2. เข้าสู่หน้า "จัดการกลุ่มบทความ / บทความ" คลิกที่ชื่อกลุ่มบทความ  จากนั้นคลิก  เพื่อเพิ่มบทความใหม่ หรือคลิก  เพื่อแก้ไขบทความเดิมที่สร้างไว้แล้วตามต้องการ




3. วิธีการใช้งานเครื่องมือ Upload Image
3.1. คลิกแท็บ "เนื้อหาของบทความ" คลิกเลือกคำสั่ง  (Upload Image) เพื่อทำการเพิ่มรูปภาพ




3.2. จะปรากฎหน้าต่าง "Image Properties" คลิกที่ปุ่ม "Browse Server"




3.3. ปรากฎหน้าต่าง FCKeditor - Resources Browser  - Windows Internet Explorer 

     5.1. คลิกปุ่ม Browse เพื่อเลือกรูปภาพที่ต้องการ
     5.2. ปรากฎหน้าต่าง "Choose File to Upload" คลิกเลือกรูปภาพ  (รูปภาพจะต้องมีขนาดไม่เกิน 500 Kb และชื่อภาพเป็นภาษาอังกฤษหรือตัวเลขเท่านั้น)
     5.3. คลิกปุ่ม "Open"
     5.4. คลิกปุ่ม Upload




3.4. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ  (ท่านสามารถคลิกรูปกากบาทสีแดงที่อยู่ทางขวาของรูปภาพเพื่อลบรูปภาพที่ไม่ต้องการใช้งานออกจากเซิฟเวอร์ เพื่อประหยัดพื้นที่การใช้งานได้ค่ะ)




3.5. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ท่านสามารถกำหนดคุณสมบัติของรูปภาพได้ เช่น กำหนดขนาดรูปภาพในช่อง Width (ความกว้าง) และ Height (ความสูง)  เป็นต้น จากนั้น คลิก OK รูปภาพจะแสดงผลในส่วนเนื้อหาค่ะ





4.วิธีการใช้งานเครื่องมือ Easy Upload Image


4.1. คลิกเครื่องมือสำหรับใส่รูปภาพ      (Easy Upload Image) 




4.2. ปรากฎหน้าต่าง Easy Upload Image จากนั้น

     4.2.1 คลิกปุ่ม "Browse"

     4.2.2. ปรากฎหน้าต่าง Choose File to Upload ให้คลิกเลือกรูปภาพที่ต้องการอัพโหลดจากเครื่องคอมพิวเตอร์ของท่าน โดยท่านสามารถดูขนาดภาพต้นฉบับได้โดยการนำเมาส์ไปชี้ที่รูปภาพที่ต้องการ จะปรากฎขนาดภาพ เช่น ภาพตัวอย่างมีความกว้าง 700 Pixels X ความสูง 560 Pixels เป็นต้น 
    
     4.2.3. คลิก "Open"




4.3. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ท่านสามารถกำหนดคุณสมบัติของรูปภาพได้ เช่น กำหนดขนาดรูปภาพในช่อง Width (ความกว้าง) และ Height (ความสูง)  เป็นต้น จากนั้น คลิก OK รูปภาพจะแสดงผลในส่วนเนื้อหาค่ะ

  

ข้อควรระวังในการใส่รูปภาพ

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

     หลีกเลี่ยงการตั้งชื่อไฟล์ภาพด้วยตัวอักษรภาษาไทย  ควรตั้งชื่อไฟล์ภาพเป็นภาษาอังกฤษหรือตัวเลขเท่านั้นค่ะ 

 




วิธีใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงค์สำหรับดาวน์โหลด
วิธีสร้างลิงค์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์(Template) และจัดโครงสร้างหน้าแรก(Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article