คู่มือการสร้างเว็บไซต์ครูสำเร็จรูป

ค่มู อื การใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป หน้า |1

By Coolpim

คู่มือการใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป หน้า |2

รู้จกั กับเวบ็ ไซต์ครสู ำเร็จรูป www.obec.ac

เว็บไซต์ครูสำเร็จรูป www.obec.ac มีบริการ
- Portfolio แบบออนไลน์
- ระบบอเี ลริ น์ น่งิ สำเรจ็ รปู พร้อมแบบทดสอบออนไลนใ์ นตวั
- เก็บข้อมูลไมจ่ ำกดั
- ใชง้ านฟรีกไ็ ด้ หรอื จะสนับสนนุ ก็ดี โดยสามารถติดตามรายละเอยี ดได้ที่ www.obec.ac

การลงทะเบยี นเว็บไซต์ครสู ำเร็จรปู

1. เขา้ เวบ็ www.obec.ac
2. คลิกลงทะเบยี น

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

By Coolpim

คมู่ ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป หน้า |3
4. กรอกขอ้ มลู เพอ่ื ลงทะเบียน

** เมอ่ื ส่งข้อมูลลงทะเบียนไปแล้ว อย่าลืมรหัสผ่านนะคะ

By Coolpim

คู่มือการใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป หน้า |4

สว่ นประกอบของเว็บไซต์สำเรจ็ รูป

1. สามารถเขา้ ใชเ้ ว็บไซตเ์ ราไดท้ ี่ www.ชอ่ื เว็บที่ลงทะเบยี นไว้.obec.ac
(ในค่มู ือนข้ี อยกตวั อยา่ งเวบ็ ไซต์ www.coolpim.obec.ac)

2. จากทก่ี ล่าวไวเ้ บอ้ื งต้นวา่ www.obec.ac เปน็ บริการท่ีใช้งานฟรี จะมคี ำวา่ ฟรีติดอย่ทู ี่เวบ็ ไซต์หรอื
จะสนบั สนุนผูใ้ หบ้ ริการก็สามารถตดิ ตามรายละเอียดไดท้ ่ี www.obec.ac

การเขา้ ระบบจดั การข้อมลู เวบ็ ไซต์
1. สามารถเขา้ ระบบจดั การข้อมูลเวบ็ ไซต์ของเราได้ที่ สว่ นล่างสุดของเว็บไซต์

By Coolpim

คู่มอื การใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป หน้า |5
การเขา้ ระบบจัดการข้อมูลเว็บไซต์

1. สามารถเข้าระบบจัดการขอ้ มูลเวบ็ ไซต์ของเราได้ที่ สว่ นลา่ งสุดของเวบ็ ไซต์
2. กรอกขอ้ มลู เพือ่ เขา้ สรู่ ะบบการจัดการข้อมูลเว็บไซต์

สว่ นประกอบของระบบจดั การข้อมูลเวบ็ ไซต์
เราสามารถต้งั คา่ และปรบั ปรงุ ข้อมลู ของเว็บไซต์เราไดง้ า่ ยๆ ด้วยเมนูด้านขวามอื

By Coolpim

คูม่ ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป หน้า |6

การเพมิ่ หมวดหมู่ให้กับเวบ็
1. เลือก การจัดข้อมูล >>>เลือกเมนูแกไ้ ขหมวดหมู่

2. ดำเนินการเพิ่มหรอื ลดหมวดหมู่

By Coolpim

ค่มู อื การใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป หน้า |7

การเพิ่มเมนใู นหมวดหมู่
1. เลอื ก เมนูหลกั (เมนทู ี่ตงั้ ไว้) >>>เลือกเพมิ่ /ลบ/แก้ไข

2. ดำเนนิ การเพิ่มหรือแกไ้ ขเมนยู อ่ ย

By Coolpim

คูม่ ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป หน้า |8
การเพิ่มข้อมลู ในเมนูยอ่ ย
1. เลอื ก เมนูยอ่ ย (เมนทู ่ีต้งั ไว้) >>เพื่อเพมิ่ ขอ้ มูล

2. เพิม่ ขอ้ มูลที่ตอ้ งการลงในเมนู

By Coolpim

ค่มู ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป หน้า |9
การเพิ่มข้อมลู ในเมนูยอ่ ย กรณเี พิม่ ลงิ ก์

1. วิธีทำเหมอื นการเพม่ิ ข้อมลู เมนูยอ่ ย
2. แต่ถา้ มกี ารเชอื่ มโยงลิงก์ให้ทำแถบดำที่ข้อความที่ต้องการเช่ือมโยงและคลกิ ที่ลกู โลก

3. จะปรากฏหน้าตา่ งสร้างการเชอ่ื มโยง ใหค้ ัดลอกลิงกม์ าวาง (1) และ กดปุ่ม ตกลง(2)

By Coolpim

คูม่ ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป ห น ้ า | 10

การเพิ่มขอ้ มูลในเมนยู อ่ ย กรณีเพิ่มรูป
1. วธิ ที ำเหมอื นการเพม่ิ ข้อมูลเมนูย่อย
2. ถ้าต้องการเพมิ่ รปู ให้คลิกดงั รปู

3. เลือก อัพโหลดไฟล์(1) > คลิก Choose File(2) แลว้ เลอื กไฟลร์ ูป > คลิกอพั โหลด(3) > อัพโหลดไฟล์(4)

By Coolpim

ค่มู อื การใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป ห น ้ า | 11

4. เลอื กเมนขู อ้ มูลรปู ภาพ (1) > กำหนดขนาดรูปภาพ(ระวงั รูปจะมขี นาดใหญ่เกนิ ไป ขนาดทเ่ี หมาะสม กวา้ ง
ประมาณ 500 (2) > คลิกตกลง (3) > เสร็จแลว้ คลกิ แก้ไขข้อมูลหรอื บันทึก (4)

By Coolpim

ค่มู ือการใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป ห น ้ า | 12
การสรา้ งแบบทดสอบออนไลน์ By Coolpim
1. เลือก บทเรียนออนไลน์ และคลกิ ท่ี คลังขอ้ สอบ

2. เลอื กวชิ าท่ีต้องการสรา้ ง

3. ทำการเพม่ิ ข้อสอบ

4. ตวั เลือกใดถกู ต้องใหใ้ ส่คา่ คะแนน สว่ นตวั เลอื กทผ่ี ิดใส่ 0

คู่มือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป ห น ้ า | 13
การสร้างบทเรียนออนไลน์
5. การสร้างบทเรียนออนไลน์ให้คลกิ ท่ีบทเรียนออนไลน์ >เลือกดังรปู

6. จะปรากฏหนา้ ตา่ งดังภาพ สามารถคลิกเพิ่ม หรือ ลบวิชาได้

7. เพ่ิมข้อมูลรายละเอียดวชิ าและ

By Coolpim

ค่มู อื การใชง้ าน OBEC.AC - เวบ็ ไซต์ครูสำเร็จรูป ห น ้ า | 14
8. การเพ่ิมหวั ข้อในบทเรียนสามารถเพ่มิ ไดโ้ ดยการคลกิ ที่ ชอ่ื รายวิชา

9. การเพม่ิ บทเรยี นใหมใ่ ห้ เพมิ่ บทเรยี นใหม่

10. การเพ่ิมแบบทดสอบก่อน หรอื หลงั เรยี น นนั้ ให้สรา้ งบทเรียนแลว้ เลอื ก ขอ้ สอบ

By Coolpim

คมู่ ือการใชง้ าน OBEC.AC - เว็บไซต์ครูสำเร็จรูป ห น ้ า | 15
11. หน้าเว็บของแบบทดสอบ

ในรายละเอยี ดสว่ นทเ่ี ป็นรูปภาพ หนา้ ตอ้ นรบั และเมนูอ่นื ๆ นนั้ สามารถทา
ไดง้ า่ ยโดยใหผ้ ูส้ รา้ งเวบ็ ทดลองและฝึกปฏบิ ตั ไิ ดเ้ลย

การจดั คู่มอื น้ี หวงั เป็นอย่างย่งิ ว่าจะเป็นประโยชนแ์ กเ้พอ่ื ร่วมวชิ าชพี

สดุ ทา้ ยน้ี ขอขอบคณุ
เวบ็ ไซตค์ รูสาเร็จรูป www.obec.ac ทม่ี บี รกิ ารฟรี

FB/ครูสกุ ัญญา การมงคล

By Coolpim