เก
Uploaded byเขมิกา กุลาศรี
754 views

คำแนะนำเกี่ยวกับเว็บบล็อก

Embed presentation

Download to read offline
ก เว็บบล็อก เป็ นการเรี ยนการสอนในรู ปแบบที่มีการประยุกต์ใช้เทคโนโลยีสารสนเทศและ การสื่ อสาร มาใช้ในการจัดการเรี ยนการสอนซึ่ งทาให้ผเู ้ รี ยนสามารถเข้าถึงและเรี ยนรู ้ได้โดยไม่จากัด ่ เวลา และสถานที่ เนื้อหาในเว็บบล็อก จะอยูในรู ปแบบสื่ อผสมอิเล็กทรอนิกส์ที่หลากหลาย และมี ลักษณะที่สาคัญคือ ผูเ้ รี ยนสามารถเรี ยนรู ้ได้ดวยตัวเองสามารถโต้ตอบกับบทเรี ยนและผูสอนได้โดย ้ ้ อัตโนมัติต้ งแต่ข้ นตอนการสมัครสมาชิก เข้าศึกษาบทเรี ยน และการทากิจกรรม ั ั ในการพัฒนาเว็บบล็อกเป็ นสื่ อประกอบการเรี ยน ใช้โปรแกรม Wordpress ในการพัฒนา ซึ่ง Wordpress คือโปรแกรมชนิดหนึ่ง ที่มีระบบในการช่วยจัดการเนื้อหาบนเว็บ ได้อย่างง่ายดาย หรื อที่หลาย ๆ คนใช้คาว่า Contents Management System (CMS) เวิร์ดเพรสส์ (อังกฤษ: WordPress) เป็ นโปรแกรมช่วยสร้างบล็อก ซึ่งเขียนด้วยภาษา PHP (พีเอชพี) และใช้ฐานข้อมูล MySQL มีสัญญาอนุญาตใช้งานแบบ GPL เริ่ มพัฒนาโดย แมตต์ มูลเลน- เวก รุ่ นปั จจุบนคือ 3.5.1 หลังจากซอฟต์แวร์ สร้างบล็อก Movable Type ของบริ ษท Six Apart ได้ ั ั เปลี่ยนแปลงการคิดค่าใช้งานใน พ.ศ. 2547 ผูใช้เดิมของ Movable Type จานวนมากจึงหันมาใช้ ้ Wordpress แทน เนื่องจากว่ามีรูปแบบการใช้งานคล้ายคลึงกัน ซึ่ งปั จจุบน เวิร์ดเพรสส์ได้รับความนิยมเป็ นอย่างมากจากบล็อกเกอร์ ทวโลก เนื่ องจากเป็ น ั ั่ ่ ระบบที่มีความยืดหยุนในการใช้งาน อีกทั้งยังมีผที่สร้างปลักอิน (โปรแกรมเสริ ม) , ธีม (รู ปแบบการ ู้ ๊ แสดงผล) , รวมทั้งระบบอื่นๆ ที่สามารถใช้งานร่ วมกับ Wordpress ได้เป็ นจานวนมาก นอกจากนี้ผจดทายังได้นา Social Media มาประยุกต์การใช้งานร่ วมกับ Wordpress ได้แก่ ู้ ั Slideshare, Facebook, google docs เป็ นต้น ผูจดทาเว็บบล็อกสื่ อประกอบการเรี ยน เรื่ อง สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress ได้ ้ั นา Wordpress เวอร์ ชน 3.5.1 ติดตั้งบน Server ของเอกชนชื่อ HostingLotus กาหนดชื่อระบบ ั่ จัดการเรี ยนการสอนที่เว็บไซต์ http://www.krukaim.com/wp
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 2 1. การสมัครเป็ นสมาชิกเว็บบล็อก มีข้ นตอนดังนี้ ั 1.1 เปิ ดโปรแกรมเบราเซอร์ แล้วพิมพ์ URLเว็บบล็อก http://www.krukaim.com/wp ดังภาพที่ 1 พิมพ์ URL เว็บบล็อก www.krukaim.com/wp ภาพที่ 1 แสดง URLเว็บบล็อก http://www.krukaim.com/wp รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 3 1.2 ที่บล็อกเข้าสู่ ระบบ คลิกเมนู “ลงทะเบียน” คลิกเมนูลงทะเบียน ภาพที่ 2 ภาพที่ 3 ภาพที่ 2 และภาพที่ 3 แสดงการสมัครเป็ นสมาชิกเว็บบล็อก รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 4 1.3 จะปรากฎหน้าจอให้กรอกข้อมูลดังภาพที่ 4 เมื่อกรอกข้อมูลเรี ยบร้อยแล้วให้คลิกปุ่ ม “ลงทะเบียน” ganniga 1 K_aim_mikar@hotmail.com 2 3 ภาพที่ 4 แสดงการกรอกข้อมูลการลงทะเบียน 1. ชื่อผูใช้ ต้องกรอกเป็ นตัวอักษรภาษาอังกฤษเท่านั้น ้ 2. อีเมล์ ต้องเป็ นอีเมล์ที่ใช้ได้ เพราะระบบจะทาการส่ ง รหัสผ่าน ไปที่อีเมล์ท่ีกรอก 3. คลิก “ลงทะเบียน” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 5 1.4 เปิ ดเมล์ที่ได้กรอกไว้เพื่อดูรหัสผ่านดังภาพที่ 5 ชื่อผูใช้และรหัสผ่านที่ Wordpressส่ งมาให้ ้ ภาพที่ 5 แสดงชื่อผูใช้และรหัสผ่านที่ Wordpress ส่ งมาให้ใน E-Mail ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 6 2. การเข้ าใช้ งานเว็บบล็อกประกอบการเรียน 2.1 เมื่อได้รหัสผ่านแล้ว ให้คลิกที่ “เข้าสู่ ระบบ” ดังภาพที่ 6 คลิกเข้าสู่ ระบบ ภาพที่ 6 แสดงการเข้าสู่ ระบบ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 7 2.2 จะปรากฎหน้าจอให้กรอก ชื่อผูใช้และรหัสผ่าน ดังภาพที่ 7 ้ 1. กรอกชื่อผูใช้ พิมพ์ ้ orasa 2. กรอกรหัสผ่าน พิมพ์ 123456 3. คลิกเข้าสู่ ระบบ ภาพที่ 7 แสดงการกรอกข้อมูลเข้าสู่ ระบบ หมายเหตุ ชื่ อผู้ใช้ ให้ พมพ์ ิ orasa รหัสผ่านให้ พมพ์ ิ 123456 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 8 2.3 ถ้ากรอกข้อมูลถูกต้องจะปรากฎดังภาพที่ 8 แสดงชื่อผูใช้งาน ้ ภาพที่ 8 แสดงหน้าจอผูใช้งานเว็บบล็อก ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 9 2.4 เมื่อเข้าสู่ ระบบแล้วจะแสดงชื่อนักเรี ยนและมีขอความ “สวัสดีครับ………….” ที่มุมบน ้ ด้านขวาของหน้าต่าง ดังภาพที่ 8 และภาพที่ 9 ภาพที่ 9 แสดงชื่อผูเ้ ข้าใช้งานเว็บบล็อก 3. การแก้ไขปรับปรุงข้ อมูลประวัติส่วนตัว เมื่อนักเรี ยนเข้าสู่ ระบบและต้องการแก้ไขปรับปรุ งข้อมูลประวัติส่วนตัวให้ถูกต้องและเป็ น ปั จจุบน พร้อมทั้ง อัพโหลดภาพภาพนักเรี ยนเข้าในประวัติส่วนตัว (จะต้องไม่เกิน 2 M) ดาเนินการ ั ตามขั้นตอนดังนี้ 3.1 คลิกที่เมนู “ข้อมูลส่ วนตัว” ดังภาพที่ 10 จะปรากฎหน้าจอดังภาพที่ 11 3. คลิกเมนูขอมูลส่ วนตัว ้ ภาพที่ 10 แสดงเมนู “ข้อมูลส่ วนตัว” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 10 ภาพที่ 11 แสดงรายละเอียดข้อมูลส่ วนตัว รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 11 3.2 เมื่อแก้ไขข้อมูลเรี ยบร้อยแล้ว คลิกที่ปุ่ม อัปเดตข้อมูลส่ วนตัว ดังภาพที่ 11 3.3 ถ้าต้องการเปลี่ยนรหัสผ่านให้กรอกรหัสผ่านใหม่ที่หวข้อ “รหัสผ่านใหม่” ดังภาพที่ 12 ั ภาพที่ 12 แสดงหัวข้อการเปลี่ยนรหัสผ่าน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 12 4. การเข้ าใช้ งานเว็บบล็อก “สร้ างเว็บบล็อกอัจฉริยะด้ วย Wordpress” 4.1 เมื่อนักเรี ยนลงชื่อเข้าใช้งานเรี ยบร้อยแล้ว ให้นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะ ด้วย Wordpress” ที่มุมบนด้านซ้าย ดังภาพที่ 13 และ ภาพที่ 14 นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” ที่มุมบนด้านซ้าย ภาพที่ 13 แสดงการเข้าใช้งานเว็บบล็อก ภาพที่ 14 แสดงการเข้าใช้งานเว็บบล็อก 4.2 นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” แล้วจะปรากฎหน้าจอดัง ภาพที่ 15 ภาพที่ 15 เมื่อนาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 13 4.3 คลิกที่หวข้อ “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” หรื อ เยียมชมเว็บไซต์ จะปรากฎ ั ่ หน้าจอดังภาพที่ 16 ภาพที่ 16 เมื่อคลิกที่หวข้อ “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” หรื อ เยียมชมเว็บไซต์ ั ่ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 14 5. ส่ วนประกอบของหน้ าต่ างเว็บบล็อก “สร้ างเว็บบล็อกอัจฉริยะด้ วย Wordpress” ในหน้าต่างเว็บบล็อก“สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” ประกอบด้วย 2 ส่ วน คือ 1. ส่ วนของบล็อกเมนู 2. ส่ วนของเนื้อหาบทเรี ยน ภาพที่ 17 แสดงหน้าแรกของเว็บบล็อก “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 15 ส่ วนของบล็อกเมนูด้านบน 1 2 3 4 5 6 7 1. กลับสู่ หน้าแรก 2. รายละเอียดวิชา ประกอบด้วย - คาอธิบายรายวิชา - แผนการจัดการเรี ยนรู ้รายหน่วย - เกณฑ์การประเมินชิ้นงาน - รายละเอียดเกณฑ์การประเมินชิ้นงาน 3. ตรวจสอบการเข้าชั้นเรี ยนของนักเรี ยน 4. แสดงคะแนนของนักเรี ยนชั้นมัธยมศึกษาปี ที่ 5/5 ที่เรี ยนวิชา การสร้างเว็บไซต์ ด้วยโปรแกรมสาเร็ จภาพ มี 2 รายการคือ - คะแนนประเมินชิ้นงาน/ภาระงาน รายกลุ่ม - ผลการเรี ยนของนักเรี ยน 5. ผลงานนักเรี ยนที่สร้างเว็บบล็อกด้วย Wordpress 6. เมนูส่งงาน มี 3 หัวข้อ คือ - ส่ งชื่อเว็บบล็อกกลุ่ม คือ ให้นกเรี ยนแต่ละกลุ่มส่ งชื่อเว็บบล็อกกลุ่ม ั URL เว็บบล็อกของกลุ่ม - ส่ งชื่อเว็บล็อกรายบุคคล คือ ให้นกเรี ยนแต่ละคนส่ งชื่อเว็บบล็อกของตนเอง ั URL เว็บบล็อกของตนเอง - ส่ งใบงาน คือ ให้นกเรี ยนส่ งใบงานของแต่ละกิจกรรมการเรี ยนรู ้ท่ีจดพิมพ์ ั ั เรี ยบร้อยแล้ว 7. ให้บริ การ Download เอกสารกิจกรรมการเรี ยนรู ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 16 ส่ วนของเนือหาบทเรียน ้ การนาเสนอบทเรี ยนออนไลน์ จะมีการนาเสนอแยกเป็ นกิจกรรมการเรี ยนรู ้ จานวน 10 กิจกรรม ดังภาพที่ 18 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 17 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 18 ภาพที่ 18 แสดงกิจกรรมการเรี ยนรู ้เรื่ อง สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 19 6. การศึกษาเนือหาในเว็บล็อกประกอบการเรียน ้ คลิกเลือกเนือหาทีต้องการศึกษาในแต่ ละกิจกรรมการเรี ยนรู้ ้ ่ 6.1 กิจกรรมการเรี ยนรู้ ที่ 1 ประกอบด้วย 6.1.1 เนือหาการเรี ยนรู้ เรื่ องส่ วนประกอบของAdministration Panel จะแสดงเนื้อหาที่ ้ ผูสอน Upload ขึ้นฝากไว้ท่ี www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ใน ้ กลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎ หน้าจอดังภาพที่ 19 ภาพที่ 19 แสดงเนื้ อหากิจกรรมการเรี ยนรู ้ที่ 1 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 20 6.1.2 ใบงานที่ 1 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 20 แสดงหน้าจอใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 21 6.1.3 แบบฝึ กปฏิบัติที่ 1 แสดงดังภาพที่ 21 ภาพที่ 21 แสดงหน้าต่างแบบฝึ กปฏิบติที่ 1 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 22 6.2 กิจกรรมการเรี ยนรู้ ที่ 2 6.2.1 เนือหาการเรี ยนรู้ เรื่ องแนะนาหน้าต่างสาหรับการขียนเนื้อหาใน Wordpress จะ ้ แสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net ู้ เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งาน นาเสนอ จะปรากฎหน้าจอดังภาพที่ 22 ภาพที่ 22 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 2 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 23 6.2.2 ใบงานที่ 2 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 23 แสดงหน้าจอใบงานที่ 2 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 24 6.2.3 แบบฝึ กปฏิบัติที่ 2 แสดงดังภาพที่ 24 ภาพที่ 24 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 2 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 25 6.3 กิจกรรมการเรี ยนรู้ ที่ 3 6.3.1 เนือหาการเรี ยนรู้ เรื่ องการเขียนเนื้อหาใน WordPress จะแสดงเนื้อหาที่ผสอน ้ ู้ Upload ขึ้นฝากไว้ท่ี www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 25 ภาพที่ 25 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 3 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 26 6.3.2 ใบงานที่ 3 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 26 แสดงหน้าจอใบงานที่ 3 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 27 6.3.3 แบบฝึ กปฏิบัติที่ 3 แสดงดังภาพที่ 27 ภาพที่ 27 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 3 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 28 6.4 กิจกรรมการเรี ยนรู้ ที่ 4 6.4.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการลิงก์ จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 28 ภาพที่ 28 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 4 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 29 6.4.2 ใบงานที่ 4 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 29 แสดงหน้าจอใบงานที่ 4 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 30 6.4.3 แบบฝึ กปฏิบัติที่ 4 แสดงดังภาพที่ 30 ภาพที่ 30 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 4 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 31 6.5 กิจกรรมการเรี ยนรู้ ที่ 5 6.5.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการสื่ อ จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 31 ภาพที่ 31 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 5 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 32 6.5.2 ใบงานที่ 5 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 32 แสดงหน้าจอใบงานที่ 5 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 33 6.5.3 แบบฝึ กปฏิบัติที่ 5 แสดงดังภาพที่ 33 ภาพที่ 33 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 5 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 34 6.6 กิจกรรมการเรี ยนรู้ ที่ 6 6.6.1 เนือหาการเรี ยนรู้ เรื่ องติดตั้ง Themes จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 34 ภาพที่ 34 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 6 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 35 6.6.2 ใบงานที่ 6 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 35 แสดงหน้าจอใบงานที่ 6 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 36 6.6.3 แบบฝึ กปฏิบัติที่ 6 แสดงดังภาพที่ 36 ภาพที่ 36 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 6 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 37 6.7 กิจกรรมการเรี ยนรู้ ที่ 7 6.7.1 เนือหาการเรี ยนรู้ เรื่ องจัดการ Themes จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 37 ภาพที่ 37 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 7 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 38 6.7.2 ใบงานที่ 7 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 38 แสดงหน้าจอใบงานที่ 7 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 39 6.7.3 แบบฝึ กปฏิบัติที่ 7 แสดงดังภาพที่ 39 ภาพที่ 39 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 7 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 40 6.8 กิจกรรมการเรี ยนรู้ ที่ 8 6.8.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการ Widgets จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝาก ้ ู้ ไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสารไฟล์งานนาเสนอจะปรากฎหน้าจอดังภาพที่ 40 ภาพที่ 40 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 8 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 41 6.8.2 ใบงานที่ 8 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 41 แสดงหน้าจอใบงานที่ 8 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 42 6.8.3 แบบฝึ กปฏิบัติที่ 8 แสดงดังภาพที่ 42 ภาพที่ 42 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 8 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 43 6.9 กิจกรรมการเรี ยนรู้ ที่ 9 6.9.1 เนือหาการเรี ยนรู้ เรื่ องการตั้งค่า WordPress จะแสดงเนื้ อหาที่ผสอน Upload ขึ้น ้ ู้ ฝากไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอจะปรากฎหน้าจอดังภาพที่ 43 ภาพที่ 43 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 9 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 44 6.9.2 ใบงานที่ 9 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 43 แสดงหน้าจอใบงานที่ 9 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 45 6.9.3 แบบฝึ กปฏิบัติที่ 9 แสดงดังภาพที่ 44 ภาพที่ 44 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 9 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 46 6.10 กิจกรรมการเรี ยนรู้ ที่ 10 6.10.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการผูใช้ จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสารไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 45 ภาพที่ 45 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 10 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 47 6.10.2 ใบงานที่ 10 สามารถดูวธีการส่ งใบงานได้ที่หวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 46 แสดงหน้าจอใบงานที่ 10 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 48 6.10.3 แบบฝึ กปฏิบัติที่ 10 แสดงดังภาพที่ 47 ภาพที่ 47 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 10 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 49 7. วิธีการส่ งใบงาน 7.1 นักเรี ยนต้องลงชื่อเข้าใช้งานเว็บบล็อกก่อนจึงจะสามารถส่ งใบงานให้ครู ได้ 7.2 นักเรี ยนต้องทาการประมวลผลความรู้ แล้วตอบคาถามในใบงาน จากนั้นดาเนินการ พิมพ์ในโปรแกรมประมวลผลคา แล้วส่ งใบงานที่เมนูส่งงานดังภาพที่ 48 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งใบงาน ภาพที่ 48 แสดงหน้าจอส่ งใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 50 เมื่อคลิกที่เมนู ส่ งใบงานแล้วจะปรากฎหน้าจอดังภาพที่ 49 คลิกที่ Browse เพื่อเลือกไฟล์ที่ตองการส่ ง ้ ภาพที่ 49 แสดงหน้าจอส่ งใบงาน ภาพที่ 50 แสดงหน้าจอเลือกไฟล์ใบงานที่ตองการส่ ง ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 51 เมื่อเลือกไฟล์ใบงานที่ตองการแล้วจะปรากฎหน้าจอดังภาพที่ 51 ้ คลิก Upload File เพื่อส่ งใบงานครู ภาพที่ 51 แสดงหน้าจอ ส่ งใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 52 8. วิธีการส่ งชื่ อเว็บบล็อกกลุ่ม 8.1 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกกลุ่ม ดังภาพที่ 52 1. คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกกลุ่ม ภาพที่ 52 แสดงการส่ งชื่อเว็บบล็อกกลุ่ม รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 53 - เมื่อคลิกที่เมนูส่งชื่อเว็บบล็อกกลุ่มแล้วจะปรากฏดังภาพที่ 53 ภาพที่ 53 แสดงหน้าจอการส่ งชื่อเว็บบล็อกกลุ่ม 2. กรอกข้อมูลดังต่อไปนี้ 2.1. กรอก ชื่อกลุ่ม 2.2. URL ของกลุ่ม 3. คลิก SUBMIT เพื่อส่ งข้อมูลให้ครู ภาพที่ 54 แสดงหน้าจอให้กรอกชื่ อเว็บบล็อกส่ งครู รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 54 - เมื่อกรอกข้อมูล และคลิกที่ SUBMIT แล้วจะปรากฎผลดังภาพที่ 55 ภาพที่ 55 หน้าจอแสดงผลการส่ งชื่อเว็บบล็อกของนักเรี ยน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 55 9. วิธีการส่ งชื่ อเว็บบล็อกรายบุคคล 9.1 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกรายบุคคล ดังภาพที่ 56 1. คลิกที่เมนู ส่ งงาน เลือกเมนู ส่ งชื่อเว็บบล็อกรายบุคคล ภาพที่ 56 แสดงการเข้าส่ งชื่ อเว็บบล็อกรายบุคคล 9.2 ขั้นตอนการส่ งชื่อเว็บบล็อกรายบุคคล ดาเนินการตามข้อ 8 วิธีการส่ งชื่อเว็บบล็อก กลุ่ม รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 56 10. วิธีการ Download เอกสาร 10.1 คลิกที่เมนู Download จะปรากฏหน้าจอดังภาพที่ 57 1. คลิกที่เมนู Download เลือกหัวข้อที่ตองการ Download ้ ภาพที่ 57 แสดงหน้าจอ Download 10.2 คลิกเลือกหัวข้อที่ตองการ Download จะได้ผลดังภาพที่ 58 ้ คลิกที่ชื่อไฟลล์ที่ตองการ Download ้ ภาพที่ 58 แสดงไฟล์ให้ Download รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 57 10.3 จะปรากฎหน้าจอดังภาพที่ 59 คลิกที่รูปแผ่น Disk เพื่อบันทึกไฟล์ลงในเครื่ อง หรื อ คลิกที่รูปเครื่ องพิมพ์เมื่อต้องการพิมพ์ออก ทางเครื่ องพิมพ์ ภาพที่ 59 แสดงผลเมื่อเปิ ดไฟล์ที่ตองการ Download หรื อพิมพ์เอกสาร ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 58 10.4 วิธีการ Save ไฟล์ที่ตองการ Download ้ 1. คลิกขวาที่ชื่อไฟล์ 2. คลิก Save Target As… รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 59 3. ช่อง File Name ใส่ ชื่อไฟล์ หรื อใช้ชื่อเดิมก็ไม่ตองเปลี่ยน ้ 4. เลือกที่เก็บไฟล์ 5. กด save 11. ตรวจสอบเวลาเรียน เป็ นส่ วนที่แสดงการเข้าชั้นเรี ยนของนักเรี ยน โดยไฟล์เอกสารสเปรดชีต ได้ถูกสร้างไว้ที่ http://docs.google.com ซึ่ง Google Docs เป็ นเอกสารออนไลน์ที่มีการทางานร่ วมกัน ในแบบเรี ยลไทม์ เอกสารที่ทางานแบบเว็บ สเปรดชีต และงานนาเสนอที่ผใช้สามารถแก้ไขไฟล์ ู้ เดียวกันได้พร้อมกัน ภาพที่ 60 แสดงสเปรดชี ตเวลาเรี ยนของนักเรี ยนชั้น ม.5/5 จาก http://docs.google.com รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 60 12. ตรวจสอบคะแนน เป็ นส่ วนที่แสดงคะแนนการประเมินชิ้นงาน และผลการเรี ยน เป็ นไฟล์ เอกสารสเปรดชีต ถูกสร้างไว้ที่ http://docs.google.com แสดงดังภาพที่ 61 ภาพที่ 61 แสดงสเปรดชี ตผลการเรี ยนของนักเรี ยนชั้น ม.5/5 จาก http://docs.google.com รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 61 13. ผลงานนักเรียน แสดงผลงานของนักเรี ยนทั้งแบบกลุ่ม และแบบรายบุคคล ภาพที่ 62 แสดงภาพผลงานนักเรี ยน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 62 14. แบบสอบถามความพึงพอใจ ของนักเรี ยนต่อการใช้เว็บบล็อกเป็ นสื่ อประกอบการเรี ยน เป็ น ฟอร์มกรอกข้อมูล ได้ถูกสร้างไว้ที่ http://docs.google.com 1. คลิกเพื่อเข้าสู่ แบบสอบถาม ภาพที่ 63 แสดงเมนูแบบสอบถามความพึงพอใจ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 63 เมื่อคลิกที่เมนูแบบสอบถามความพึงพอใจ จะแสดงผลดังภาพที่ 64 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 64 2. เมื่อทาแบบสอบถามเสร็ จให้คลิกส่ ง เพื่อส่ งแบบสอบถาม ภาพที่ 64 แสดงแบบสอบถามความพึงพอใจ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress 65 15. วิธีการชม VDO สอนการใช้ งาน Wordpress 1. คลิกที่ปุ่มเล่น VDO เมื่อต้องการชม VDO 2. คลิกที่หวข้อ Download VDO ั เมื่อต้องการ Download VDO ภาพที่ 65 แสดง VDO สอนการใช้งาน Wordpress รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้

More Related Content

PDF
สร้างเว็บไซต์ด้วยWordpress
bykruburapha2012
 
PDF
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
bySupaporn Pakdeemee
 
DOC
การเขียนรายงานโครงงานคอมพิวเตอร์
byAunchisa Phongchana
 
PDF
เอกสารประกอบการอบรมการสร้างเว็บบล็อกด้วย Wordpress
bysuree189
 
PDF
แบบร่างโครงงาน112
byKot สุรศักดิ์
 
PDF
Blog with Wordpress
byBoonlert Aroonpiboon
 
KEY
คู่มือการติดตั้ง Wordpress บน AppServ
byCupid Eros
 
PDF
คู่มื่อการสร้าง Blog โดย WordPress
byธีรวุฒิ อภิปรัชญาฐิติ?
 
สร้างเว็บไซต์ด้วยWordpress
bykruburapha2012
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
bySupaporn Pakdeemee
 
การเขียนรายงานโครงงานคอมพิวเตอร์
byAunchisa Phongchana
 
เอกสารประกอบการอบรมการสร้างเว็บบล็อกด้วย Wordpress
bysuree189
 
แบบร่างโครงงาน112
byKot สุรศักดิ์
 
Blog with Wordpress
byBoonlert Aroonpiboon
 
คู่มือการติดตั้ง Wordpress บน AppServ
byCupid Eros
 
คู่มื่อการสร้าง Blog โดย WordPress
byธีรวุฒิ อภิปรัชญาฐิติ?
 

What's hot

PDF
คู่มือ Wordpress by obec
byNarusorn Mksl
 
PDF
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
byKittichai Pinlert
 
PDF
Facebook (เฟซบุ๊ค)
byKanda Runapongsa Saikaew
 
DOC
การเขียนรายงานโครงงานคอมพิวเตอร์1
byน.หนู ว.แหวน
 
DOC
แบบเสนอโครงร่างโครงงาน
byShe's Mammai
 
PDF
คู่มือ Wordpress
byPress Trade
 
PDF
แบเสนอโครงงาน
byรักแท้ แค่หนึ่งคน
 
PDF
แบบร่าง
byPattharasaya Mheeta
 
DOC
นุม บท2
byปุ๊ปลั๊ก ลุ๊ลั๊ก
 
PDF
Wordpress
bysep27th
 
DOC
การเขียนรายงานโครงงานคอมพิวเตอร์1
byน.หนู ว.แหวน
 
DOC
Flickr
byนายรักพงษ์
 
DOC
โครงงานเทคโนโลยี 4 g 5.4
byWormzaza Worthless
 
PDF
คู่มือ Wordpress
byPhuwit Innma
 
คู่มือ Wordpress by obec
byNarusorn Mksl
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
byKittichai Pinlert
 
Facebook (เฟซบุ๊ค)
byKanda Runapongsa Saikaew
 
การเขียนรายงานโครงงานคอมพิวเตอร์1
byน.หนู ว.แหวน
 
แบบเสนอโครงร่างโครงงาน
byShe's Mammai
 
คู่มือ Wordpress
byPress Trade
 
แบเสนอโครงงาน
byรักแท้ แค่หนึ่งคน
 
แบบร่าง
byPattharasaya Mheeta
 
นุม บท2
byปุ๊ปลั๊ก ลุ๊ลั๊ก
 
Wordpress
bysep27th
 
การเขียนรายงานโครงงานคอมพิวเตอร์1
byน.หนู ว.แหวน
 
Flickr
byนายรักพงษ์
 
โครงงานเทคโนโลยี 4 g 5.4
byWormzaza Worthless
 
คู่มือ Wordpress
byPhuwit Innma
 

Viewers also liked

PDF
แผนการสอนการสร้างเว็บเพจ
byเทวัญ ภูพานทอง
 
PDF
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
bySamorn Tara
 
DOC
แผนการสอน เว็บไซต์ ม.5
byพงศธร ภักดี
 
PDF
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
byKon Bannok
 
PDF
ผลการประเมินชิ้นงาน
byเขมิกา กุลาศรี
 
PDF
ใบงานที่ 1 เรื่อง ความรู้เบื้องต้นเกี่ยวกับการพัฒนาเว็บไซต์
byเขมิกา กุลาศรี
 
PDF
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
byเขมิกา กุลาศรี
 
PDF
แบบฝึกที่ 7
byเขมิกา กุลาศรี
 
PDF
คู่มือ
byเขมิกา กุลาศรี
 
PDF
คำแนะนำการใช้งานเว็บบล็อกประกอบการเรียน
byเขมิกา กุลาศรี
 
PDF
ใบงานที่ 8
byเขมิกา กุลาศรี
 
PDF
ใบงานที่ 6
byเขมิกา กุลาศรี
 
แผนการสอนการสร้างเว็บเพจ
byเทวัญ ภูพานทอง
 
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
bySamorn Tara
 
แผนการสอน เว็บไซต์ ม.5
byพงศธร ภักดี
 
เอกสารประกอบการเรียน ภาษา HTML เบื้องต้น
byKon Bannok
 
ผลการประเมินชิ้นงาน
byเขมิกา กุลาศรี
 
ใบงานที่ 1 เรื่อง ความรู้เบื้องต้นเกี่ยวกับการพัฒนาเว็บไซต์
byเขมิกา กุลาศรี
 
กลุ่มที่ 7ขั้นตอนการเข้าใช้งาน Wordpress ในฐานะผู้ดูแลระบบ
byเขมิกา กุลาศรี
 
แบบฝึกที่ 7
byเขมิกา กุลาศรี
 
คู่มือ
byเขมิกา กุลาศรี
 
คำแนะนำการใช้งานเว็บบล็อกประกอบการเรียน
byเขมิกา กุลาศรี
 
ใบงานที่ 8
byเขมิกา กุลาศรี
 
ใบงานที่ 6
byเขมิกา กุลาศรี
 

Similar to คำแนะนำเกี่ยวกับเว็บบล็อก

PDF
Intro to Wordpress.com
byBoonlert Aroonpiboon
 
PDF
Wordpress
bySomchart Phaeumnart
 
PDF
2.การตั้งค่าเวิร์ดเพรส
bysa_jaimun
 
PDF
คู่มือWordpress
bygukgeTapraya
 
PDF
1.การสมัครเข้าใช้งาน
bysa_jaimun
 
PDF
20100321 wordpress
byOrnuma T.
 
PDF
20100321 wordpress
bywitchaneesrisanit
 
PDF
20100321 wordpress
byajchamai
 
PDF
20100321 wordpress
byajchamai
 
PDF
20100321 wordpress
byAnan Yata
 
PDF
20100321 wordpress
byumalangkulsen
 
PDF
20100321 wordpress
bynavapol
 
PDF
20100321 wordpress
byAree Taylor
 
PDF
20100321 wordpress
byajchamai
 
PDF
20100321 wordpress
byBoonlert Aroonpiboon
 
PDF
20100321 wordpress
bySumniang Na
 
PDF
20100321 wordpress
byjdejanipont
 
PDF
20100321 wordpress
bysupaluckt
 
PDF
20100321 wordpress
bypronpun
 
PDF
20100321 wordpress
bywtangkan
 
Intro to Wordpress.com
byBoonlert Aroonpiboon
 
Wordpress
bySomchart Phaeumnart
 
2.การตั้งค่าเวิร์ดเพรส
bysa_jaimun
 
คู่มือWordpress
bygukgeTapraya
 
1.การสมัครเข้าใช้งาน
bysa_jaimun
 
20100321 wordpress
byOrnuma T.
 
20100321 wordpress
bywitchaneesrisanit
 
20100321 wordpress
byajchamai
 
20100321 wordpress
byajchamai
 
20100321 wordpress
byAnan Yata
 
20100321 wordpress
byumalangkulsen
 
20100321 wordpress
bynavapol
 
20100321 wordpress
byAree Taylor
 
20100321 wordpress
byajchamai
 
20100321 wordpress
byBoonlert Aroonpiboon
 
20100321 wordpress
bySumniang Na
 
20100321 wordpress
byjdejanipont
 
20100321 wordpress
bysupaluckt
 
20100321 wordpress
bypronpun
 
20100321 wordpress
bywtangkan
 

More from เขมิกา กุลาศรี

PDF
ผลการประเมินชิ้นงาน
byเขมิกา กุลาศรี
 
PDF
กลุ่มที่ 9การจัดการ Administration panel
byเขมิกา กุลาศรี
 
PDF
คู่มือ
byเขมิกา กุลาศรี
 
PDF
คู่มือ
byเขมิกา กุลาศรี
 
PDF
เอกสารประกอบการเรียน
byเขมิกา กุลาศรี
 
PDF
คู่มือ
byเขมิกา กุลาศรี
 
PDF
เอกสารประกอบการเรียนหน่วยที่ 8
byเขมิกา กุลาศรี
 
PDF
แบบฝึก
byเขมิกา กุลาศรี
 
PDF
เอกสารประกอบการเรียน6
byเขมิกา กุลาศรี
 
PDF
ผลงานนักเรียนกลุ่ม 2การจัดการ Widgets
byเขมิกา กุลาศรี
 
PDF
แบบฝึก
byเขมิกา กุลาศรี
 
PDF
ใบงาน
byเขมิกา กุลาศรี
 
PDF
คำอธิบายรายวิชาสาระเพิ่มเติม
byเขมิกา กุลาศรี
 
PDF
ใบงาน
byเขมิกา กุลาศรี
 
PDF
รายชื่อสมาชิกของกลุ่ม
byเขมิกา กุลาศรี
 
PDF
แบบฝึก
byเขมิกา กุลาศรี
 
PDF
ใบงาน
byเขมิกา กุลาศรี
 
PDF
กลุ่มที่ 5การจัดการสื่อ
byเขมิกา กุลาศรี
 
PDF
ใบงานที่5
byเขมิกา กุลาศรี
 
PDF
กลุ่มที่ 6การตั้งค่า Wordpress
byเขมิกา กุลาศรี
 
ผลการประเมินชิ้นงาน
byเขมิกา กุลาศรี
 
กลุ่มที่ 9การจัดการ Administration panel
byเขมิกา กุลาศรี
 
คู่มือ
byเขมิกา กุลาศรี
 
คู่มือ
byเขมิกา กุลาศรี
 
เอกสารประกอบการเรียน
byเขมิกา กุลาศรี
 
คู่มือ
byเขมิกา กุลาศรี
 
เอกสารประกอบการเรียนหน่วยที่ 8
byเขมิกา กุลาศรี
 
แบบฝึก
byเขมิกา กุลาศรี
 
เอกสารประกอบการเรียน6
byเขมิกา กุลาศรี
 
ผลงานนักเรียนกลุ่ม 2การจัดการ Widgets
byเขมิกา กุลาศรี
 
แบบฝึก
byเขมิกา กุลาศรี
 
ใบงาน
byเขมิกา กุลาศรี
 
คำอธิบายรายวิชาสาระเพิ่มเติม
byเขมิกา กุลาศรี
 
ใบงาน
byเขมิกา กุลาศรี
 
รายชื่อสมาชิกของกลุ่ม
byเขมิกา กุลาศรี
 
แบบฝึก
byเขมิกา กุลาศรี
 
ใบงาน
byเขมิกา กุลาศรี
 
กลุ่มที่ 5การจัดการสื่อ
byเขมิกา กุลาศรี
 
ใบงานที่5
byเขมิกา กุลาศรี
 
กลุ่มที่ 6การตั้งค่า Wordpress
byเขมิกา กุลาศรี
 

คำแนะนำเกี่ยวกับเว็บบล็อก

  • 1.
    ก เว็บบล็อก เป็ นการเรี ยนการสอนในรู ปแบบที่มีการประยุกต์ใช้เทคโนโลยีสารสนเทศและ การสื่ อสาร มาใช้ในการจัดการเรี ยนการสอนซึ่ งทาให้ผเู ้ รี ยนสามารถเข้าถึงและเรี ยนรู ้ได้โดยไม่จากัด ่ เวลา และสถานที่ เนื้อหาในเว็บบล็อก จะอยูในรู ปแบบสื่ อผสมอิเล็กทรอนิกส์ที่หลากหลาย และมี ลักษณะที่สาคัญคือ ผูเ้ รี ยนสามารถเรี ยนรู ้ได้ดวยตัวเองสามารถโต้ตอบกับบทเรี ยนและผูสอนได้โดย ้ ้ อัตโนมัติต้ งแต่ข้ นตอนการสมัครสมาชิก เข้าศึกษาบทเรี ยน และการทากิจกรรม ั ั ในการพัฒนาเว็บบล็อกเป็ นสื่ อประกอบการเรี ยน ใช้โปรแกรม Wordpress ในการพัฒนา ซึ่ง Wordpress คือโปรแกรมชนิดหนึ่ง ที่มีระบบในการช่วยจัดการเนื้อหาบนเว็บ ได้อย่างง่ายดาย หรื อที่หลาย ๆ คนใช้คาว่า Contents Management System (CMS) เวิร์ดเพรสส์ (อังกฤษ: WordPress) เป็ นโปรแกรมช่วยสร้างบล็อก ซึ่งเขียนด้วยภาษา PHP (พีเอชพี) และใช้ฐานข้อมูล MySQL มีสัญญาอนุญาตใช้งานแบบ GPL เริ่ มพัฒนาโดย แมตต์ มูลเลน- เวก รุ่ นปั จจุบนคือ 3.5.1 หลังจากซอฟต์แวร์ สร้างบล็อก Movable Type ของบริ ษท Six Apart ได้ ั ั เปลี่ยนแปลงการคิดค่าใช้งานใน พ.ศ. 2547 ผูใช้เดิมของ Movable Type จานวนมากจึงหันมาใช้ ้ Wordpress แทน เนื่องจากว่ามีรูปแบบการใช้งานคล้ายคลึงกัน ซึ่ งปั จจุบน เวิร์ดเพรสส์ได้รับความนิยมเป็ นอย่างมากจากบล็อกเกอร์ ทวโลก เนื่ องจากเป็ น ั ั่ ่ ระบบที่มีความยืดหยุนในการใช้งาน อีกทั้งยังมีผที่สร้างปลักอิน (โปรแกรมเสริ ม) , ธีม (รู ปแบบการ ู้ ๊ แสดงผล) , รวมทั้งระบบอื่นๆ ที่สามารถใช้งานร่ วมกับ Wordpress ได้เป็ นจานวนมาก นอกจากนี้ผจดทายังได้นา Social Media มาประยุกต์การใช้งานร่ วมกับ Wordpress ได้แก่ ู้ ั Slideshare, Facebook, google docs เป็ นต้น ผูจดทาเว็บบล็อกสื่ อประกอบการเรี ยน เรื่ อง สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress ได้ ้ั นา Wordpress เวอร์ ชน 3.5.1 ติดตั้งบน Server ของเอกชนชื่อ HostingLotus กาหนดชื่อระบบ ั่ จัดการเรี ยนการสอนที่เว็บไซต์ http://www.krukaim.com/wp
  • 2.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 2 1. การสมัครเป็ นสมาชิกเว็บบล็อก มีข้ นตอนดังนี้ ั 1.1 เปิ ดโปรแกรมเบราเซอร์ แล้วพิมพ์ URLเว็บบล็อก http://www.krukaim.com/wp ดังภาพที่ 1 พิมพ์ URL เว็บบล็อก www.krukaim.com/wp ภาพที่ 1 แสดง URLเว็บบล็อก http://www.krukaim.com/wp รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 3.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 3 1.2 ที่บล็อกเข้าสู่ ระบบ คลิกเมนู “ลงทะเบียน” คลิกเมนูลงทะเบียน ภาพที่ 2 ภาพที่ 3 ภาพที่ 2 และภาพที่ 3 แสดงการสมัครเป็ นสมาชิกเว็บบล็อก รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 4.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 4 1.3 จะปรากฎหน้าจอให้กรอกข้อมูลดังภาพที่ 4 เมื่อกรอกข้อมูลเรี ยบร้อยแล้วให้คลิกปุ่ ม “ลงทะเบียน” ganniga 1 K_aim_mikar@hotmail.com 2 3 ภาพที่ 4 แสดงการกรอกข้อมูลการลงทะเบียน 1. ชื่อผูใช้ ต้องกรอกเป็ นตัวอักษรภาษาอังกฤษเท่านั้น ้ 2. อีเมล์ ต้องเป็ นอีเมล์ที่ใช้ได้ เพราะระบบจะทาการส่ ง รหัสผ่าน ไปที่อีเมล์ท่ีกรอก 3. คลิก “ลงทะเบียน” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 5.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 5 1.4 เปิ ดเมล์ที่ได้กรอกไว้เพื่อดูรหัสผ่านดังภาพที่ 5 ชื่อผูใช้และรหัสผ่านที่ Wordpressส่ งมาให้ ้ ภาพที่ 5 แสดงชื่อผูใช้และรหัสผ่านที่ Wordpress ส่ งมาให้ใน E-Mail ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 6.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 6 2. การเข้ าใช้ งานเว็บบล็อกประกอบการเรียน 2.1 เมื่อได้รหัสผ่านแล้ว ให้คลิกที่ “เข้าสู่ ระบบ” ดังภาพที่ 6 คลิกเข้าสู่ ระบบ ภาพที่ 6 แสดงการเข้าสู่ ระบบ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 7.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 7 2.2 จะปรากฎหน้าจอให้กรอก ชื่อผูใช้และรหัสผ่าน ดังภาพที่ 7 ้ 1. กรอกชื่อผูใช้ พิมพ์ ้ orasa 2. กรอกรหัสผ่าน พิมพ์ 123456 3. คลิกเข้าสู่ ระบบ ภาพที่ 7 แสดงการกรอกข้อมูลเข้าสู่ ระบบ หมายเหตุ ชื่ อผู้ใช้ ให้ พมพ์ ิ orasa รหัสผ่านให้ พมพ์ ิ 123456 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 8.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 8 2.3 ถ้ากรอกข้อมูลถูกต้องจะปรากฎดังภาพที่ 8 แสดงชื่อผูใช้งาน ้ ภาพที่ 8 แสดงหน้าจอผูใช้งานเว็บบล็อก ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 9.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 9 2.4 เมื่อเข้าสู่ ระบบแล้วจะแสดงชื่อนักเรี ยนและมีขอความ “สวัสดีครับ………….” ที่มุมบน ้ ด้านขวาของหน้าต่าง ดังภาพที่ 8 และภาพที่ 9 ภาพที่ 9 แสดงชื่อผูเ้ ข้าใช้งานเว็บบล็อก 3. การแก้ไขปรับปรุงข้ อมูลประวัติส่วนตัว เมื่อนักเรี ยนเข้าสู่ ระบบและต้องการแก้ไขปรับปรุ งข้อมูลประวัติส่วนตัวให้ถูกต้องและเป็ น ปั จจุบน พร้อมทั้ง อัพโหลดภาพภาพนักเรี ยนเข้าในประวัติส่วนตัว (จะต้องไม่เกิน 2 M) ดาเนินการ ั ตามขั้นตอนดังนี้ 3.1 คลิกที่เมนู “ข้อมูลส่ วนตัว” ดังภาพที่ 10 จะปรากฎหน้าจอดังภาพที่ 11 3. คลิกเมนูขอมูลส่ วนตัว ้ ภาพที่ 10 แสดงเมนู “ข้อมูลส่ วนตัว” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 10.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 10 ภาพที่ 11 แสดงรายละเอียดข้อมูลส่ วนตัว รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 11.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 11 3.2 เมื่อแก้ไขข้อมูลเรี ยบร้อยแล้ว คลิกที่ปุ่ม อัปเดตข้อมูลส่ วนตัว ดังภาพที่ 11 3.3 ถ้าต้องการเปลี่ยนรหัสผ่านให้กรอกรหัสผ่านใหม่ที่หวข้อ “รหัสผ่านใหม่” ดังภาพที่ 12 ั ภาพที่ 12 แสดงหัวข้อการเปลี่ยนรหัสผ่าน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 12.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 12 4. การเข้ าใช้ งานเว็บบล็อก “สร้ างเว็บบล็อกอัจฉริยะด้ วย Wordpress” 4.1 เมื่อนักเรี ยนลงชื่อเข้าใช้งานเรี ยบร้อยแล้ว ให้นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะ ด้วย Wordpress” ที่มุมบนด้านซ้าย ดังภาพที่ 13 และ ภาพที่ 14 นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” ที่มุมบนด้านซ้าย ภาพที่ 13 แสดงการเข้าใช้งานเว็บบล็อก ภาพที่ 14 แสดงการเข้าใช้งานเว็บบล็อก 4.2 นาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” แล้วจะปรากฎหน้าจอดัง ภาพที่ 15 ภาพที่ 15 เมื่อนาเมาส์มาชี้ที่เมนู “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 13.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 13 4.3 คลิกที่หวข้อ “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” หรื อ เยียมชมเว็บไซต์ จะปรากฎ ั ่ หน้าจอดังภาพที่ 16 ภาพที่ 16 เมื่อคลิกที่หวข้อ “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” หรื อ เยียมชมเว็บไซต์ ั ่ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 14.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 14 5. ส่ วนประกอบของหน้ าต่ างเว็บบล็อก “สร้ างเว็บบล็อกอัจฉริยะด้ วย Wordpress” ในหน้าต่างเว็บบล็อก“สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” ประกอบด้วย 2 ส่ วน คือ 1. ส่ วนของบล็อกเมนู 2. ส่ วนของเนื้อหาบทเรี ยน ภาพที่ 17 แสดงหน้าแรกของเว็บบล็อก “สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress” รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 15.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 15 ส่ วนของบล็อกเมนูด้านบน 1 2 3 4 5 6 7 1. กลับสู่ หน้าแรก 2. รายละเอียดวิชา ประกอบด้วย - คาอธิบายรายวิชา - แผนการจัดการเรี ยนรู ้รายหน่วย - เกณฑ์การประเมินชิ้นงาน - รายละเอียดเกณฑ์การประเมินชิ้นงาน 3. ตรวจสอบการเข้าชั้นเรี ยนของนักเรี ยน 4. แสดงคะแนนของนักเรี ยนชั้นมัธยมศึกษาปี ที่ 5/5 ที่เรี ยนวิชา การสร้างเว็บไซต์ ด้วยโปรแกรมสาเร็ จภาพ มี 2 รายการคือ - คะแนนประเมินชิ้นงาน/ภาระงาน รายกลุ่ม - ผลการเรี ยนของนักเรี ยน 5. ผลงานนักเรี ยนที่สร้างเว็บบล็อกด้วย Wordpress 6. เมนูส่งงาน มี 3 หัวข้อ คือ - ส่ งชื่อเว็บบล็อกกลุ่ม คือ ให้นกเรี ยนแต่ละกลุ่มส่ งชื่อเว็บบล็อกกลุ่ม ั URL เว็บบล็อกของกลุ่ม - ส่ งชื่อเว็บล็อกรายบุคคล คือ ให้นกเรี ยนแต่ละคนส่ งชื่อเว็บบล็อกของตนเอง ั URL เว็บบล็อกของตนเอง - ส่ งใบงาน คือ ให้นกเรี ยนส่ งใบงานของแต่ละกิจกรรมการเรี ยนรู ้ท่ีจดพิมพ์ ั ั เรี ยบร้อยแล้ว 7. ให้บริ การ Download เอกสารกิจกรรมการเรี ยนรู ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 16.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 16 ส่ วนของเนือหาบทเรียน ้ การนาเสนอบทเรี ยนออนไลน์ จะมีการนาเสนอแยกเป็ นกิจกรรมการเรี ยนรู ้ จานวน 10 กิจกรรม ดังภาพที่ 18 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 17.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 17 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 18.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 18 ภาพที่ 18 แสดงกิจกรรมการเรี ยนรู ้เรื่ อง สร้างเว็บบล็อกอัจฉริ ยะด้วย Wordpress รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 19.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 19 6. การศึกษาเนือหาในเว็บล็อกประกอบการเรียน ้ คลิกเลือกเนือหาทีต้องการศึกษาในแต่ ละกิจกรรมการเรี ยนรู้ ้ ่ 6.1 กิจกรรมการเรี ยนรู้ ที่ 1 ประกอบด้วย 6.1.1 เนือหาการเรี ยนรู้ เรื่ องส่ วนประกอบของAdministration Panel จะแสดงเนื้อหาที่ ้ ผูสอน Upload ขึ้นฝากไว้ท่ี www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ใน ้ กลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎ หน้าจอดังภาพที่ 19 ภาพที่ 19 แสดงเนื้ อหากิจกรรมการเรี ยนรู ้ที่ 1 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 20.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 20 6.1.2 ใบงานที่ 1 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 20 แสดงหน้าจอใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 21.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 21 6.1.3 แบบฝึ กปฏิบัติที่ 1 แสดงดังภาพที่ 21 ภาพที่ 21 แสดงหน้าต่างแบบฝึ กปฏิบติที่ 1 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 22.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 22 6.2 กิจกรรมการเรี ยนรู้ ที่ 2 6.2.1 เนือหาการเรี ยนรู้ เรื่ องแนะนาหน้าต่างสาหรับการขียนเนื้อหาใน Wordpress จะ ้ แสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net ู้ เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งาน นาเสนอ จะปรากฎหน้าจอดังภาพที่ 22 ภาพที่ 22 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 2 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 23.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 23 6.2.2 ใบงานที่ 2 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 23 แสดงหน้าจอใบงานที่ 2 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 24.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 24 6.2.3 แบบฝึ กปฏิบัติที่ 2 แสดงดังภาพที่ 24 ภาพที่ 24 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 2 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 25.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 25 6.3 กิจกรรมการเรี ยนรู้ ที่ 3 6.3.1 เนือหาการเรี ยนรู้ เรื่ องการเขียนเนื้อหาใน WordPress จะแสดงเนื้อหาที่ผสอน ้ ู้ Upload ขึ้นฝากไว้ท่ี www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 25 ภาพที่ 25 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 3 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 26.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 26 6.3.2 ใบงานที่ 3 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 26 แสดงหน้าจอใบงานที่ 3 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 27.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 27 6.3.3 แบบฝึ กปฏิบัติที่ 3 แสดงดังภาพที่ 27 ภาพที่ 27 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 3 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 28.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 28 6.4 กิจกรรมการเรี ยนรู้ ที่ 4 6.4.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการลิงก์ จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 28 ภาพที่ 28 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 4 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 29.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 29 6.4.2 ใบงานที่ 4 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 29 แสดงหน้าจอใบงานที่ 4 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 30.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 30 6.4.3 แบบฝึ กปฏิบัติที่ 4 แสดงดังภาพที่ 30 ภาพที่ 30 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 4 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 31.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 31 6.5 กิจกรรมการเรี ยนรู้ ที่ 5 6.5.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการสื่ อ จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 31 ภาพที่ 31 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 5 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 32.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 32 6.5.2 ใบงานที่ 5 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 32 แสดงหน้าจอใบงานที่ 5 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 33.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 33 6.5.3 แบบฝึ กปฏิบัติที่ 5 แสดงดังภาพที่ 33 ภาพที่ 33 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 5 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 34.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 34 6.6 กิจกรรมการเรี ยนรู้ ที่ 6 6.6.1 เนือหาการเรี ยนรู้ เรื่ องติดตั้ง Themes จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 34 ภาพที่ 34 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 6 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 35.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 35 6.6.2 ใบงานที่ 6 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 35 แสดงหน้าจอใบงานที่ 6 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 36.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 36 6.6.3 แบบฝึ กปฏิบัติที่ 6 แสดงดังภาพที่ 36 ภาพที่ 36 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 6 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 37.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 37 6.7 กิจกรรมการเรี ยนรู้ ที่ 7 6.7.1 เนือหาการเรี ยนรู้ เรื่ องจัดการ Themes จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 37 ภาพที่ 37 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 7 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 38.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 38 6.7.2 ใบงานที่ 7 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 38 แสดงหน้าจอใบงานที่ 7 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 39.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 39 6.7.3 แบบฝึ กปฏิบัติที่ 7 แสดงดังภาพที่ 39 ภาพที่ 39 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 7 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 40.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 40 6.8 กิจกรรมการเรี ยนรู้ ที่ 8 6.8.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการ Widgets จะแสดงเนื้อหาที่ผสอน Upload ขึ้นฝาก ้ ู้ ไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสารไฟล์งานนาเสนอจะปรากฎหน้าจอดังภาพที่ 40 ภาพที่ 40 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 8 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 41.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 41 6.8.2 ใบงานที่ 8 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 41 แสดงหน้าจอใบงานที่ 8 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 42.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 42 6.8.3 แบบฝึ กปฏิบัติที่ 8 แสดงดังภาพที่ 42 ภาพที่ 42 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 8 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 43.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 43 6.9 กิจกรรมการเรี ยนรู้ ที่ 9 6.9.1 เนือหาการเรี ยนรู้ เรื่ องการตั้งค่า WordPress จะแสดงเนื้ อหาที่ผสอน Upload ขึ้น ้ ู้ ฝากไว้ที่ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสาร ไฟล์งานนาเสนอจะปรากฎหน้าจอดังภาพที่ 43 ภาพที่ 43 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 9 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 44.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 44 6.9.2 ใบงานที่ 9 สามารถดูวธีการส่ งใบงานได้ท่ีหวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 43 แสดงหน้าจอใบงานที่ 9 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 45.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 45 6.9.3 แบบฝึ กปฏิบัติที่ 9 แสดงดังภาพที่ 44 ภาพที่ 44 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 9 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 46.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 46 6.10 กิจกรรมการเรี ยนรู้ ที่ 10 6.10.1 เนือหาการเรี ยนรู้ เรื่ องการจัดการผูใช้ จะแสดงเนื้ อหาที่ผสอน Upload ขึ้นฝากไว้ที่ ้ ้ ู้ www.slideshare.net ซึ่งเว็บไซต์ www.slideshare.net เป็ นเว็บไซต์ในกลุ่มของ Social Networking ที่ให้บริ การฝากไฟล์ประเภทไฟล์เอกสารไฟล์งานนาเสนอ จะปรากฎหน้าจอดังภาพที่ 45 ภาพที่ 45 แสดงหน้าต่างเนื้ อหาการเรี ยนรู ้ในกิจกรรมการเรี ยนรู ้ที่ 10 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 47.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 47 6.10.2 ใบงานที่ 10 สามารถดูวธีการส่ งใบงานได้ที่หวข้อวิธีการส่ งใบงาน ิ ั ภาพที่ 46 แสดงหน้าจอใบงานที่ 10 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 48.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 48 6.10.3 แบบฝึ กปฏิบัติที่ 10 แสดงดังภาพที่ 47 ภาพที่ 47 แสดงหน้าต่างแบบฝึ กปฏิบติท่ี 10 ั รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 49.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 49 7. วิธีการส่ งใบงาน 7.1 นักเรี ยนต้องลงชื่อเข้าใช้งานเว็บบล็อกก่อนจึงจะสามารถส่ งใบงานให้ครู ได้ 7.2 นักเรี ยนต้องทาการประมวลผลความรู้ แล้วตอบคาถามในใบงาน จากนั้นดาเนินการ พิมพ์ในโปรแกรมประมวลผลคา แล้วส่ งใบงานที่เมนูส่งงานดังภาพที่ 48 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งใบงาน ภาพที่ 48 แสดงหน้าจอส่ งใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 50.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 50 เมื่อคลิกที่เมนู ส่ งใบงานแล้วจะปรากฎหน้าจอดังภาพที่ 49 คลิกที่ Browse เพื่อเลือกไฟล์ที่ตองการส่ ง ้ ภาพที่ 49 แสดงหน้าจอส่ งใบงาน ภาพที่ 50 แสดงหน้าจอเลือกไฟล์ใบงานที่ตองการส่ ง ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 51.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 51 เมื่อเลือกไฟล์ใบงานที่ตองการแล้วจะปรากฎหน้าจอดังภาพที่ 51 ้ คลิก Upload File เพื่อส่ งใบงานครู ภาพที่ 51 แสดงหน้าจอ ส่ งใบงาน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 52.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 52 8. วิธีการส่ งชื่ อเว็บบล็อกกลุ่ม 8.1 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกกลุ่ม ดังภาพที่ 52 1. คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกกลุ่ม ภาพที่ 52 แสดงการส่ งชื่อเว็บบล็อกกลุ่ม รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 53.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 53 - เมื่อคลิกที่เมนูส่งชื่อเว็บบล็อกกลุ่มแล้วจะปรากฏดังภาพที่ 53 ภาพที่ 53 แสดงหน้าจอการส่ งชื่อเว็บบล็อกกลุ่ม 2. กรอกข้อมูลดังต่อไปนี้ 2.1. กรอก ชื่อกลุ่ม 2.2. URL ของกลุ่ม 3. คลิก SUBMIT เพื่อส่ งข้อมูลให้ครู ภาพที่ 54 แสดงหน้าจอให้กรอกชื่ อเว็บบล็อกส่ งครู รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 54.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 54 - เมื่อกรอกข้อมูล และคลิกที่ SUBMIT แล้วจะปรากฎผลดังภาพที่ 55 ภาพที่ 55 หน้าจอแสดงผลการส่ งชื่อเว็บบล็อกของนักเรี ยน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 55.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 55 9. วิธีการส่ งชื่ อเว็บบล็อกรายบุคคล 9.1 คลิกที่เมนู ส่ งงาน เลือกหัวข้อ ส่ งชื่อเว็บบล็อกรายบุคคล ดังภาพที่ 56 1. คลิกที่เมนู ส่ งงาน เลือกเมนู ส่ งชื่อเว็บบล็อกรายบุคคล ภาพที่ 56 แสดงการเข้าส่ งชื่ อเว็บบล็อกรายบุคคล 9.2 ขั้นตอนการส่ งชื่อเว็บบล็อกรายบุคคล ดาเนินการตามข้อ 8 วิธีการส่ งชื่อเว็บบล็อก กลุ่ม รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 56.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 56 10. วิธีการ Download เอกสาร 10.1 คลิกที่เมนู Download จะปรากฏหน้าจอดังภาพที่ 57 1. คลิกที่เมนู Download เลือกหัวข้อที่ตองการ Download ้ ภาพที่ 57 แสดงหน้าจอ Download 10.2 คลิกเลือกหัวข้อที่ตองการ Download จะได้ผลดังภาพที่ 58 ้ คลิกที่ชื่อไฟลล์ที่ตองการ Download ้ ภาพที่ 58 แสดงไฟล์ให้ Download รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 57.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 57 10.3 จะปรากฎหน้าจอดังภาพที่ 59 คลิกที่รูปแผ่น Disk เพื่อบันทึกไฟล์ลงในเครื่ อง หรื อ คลิกที่รูปเครื่ องพิมพ์เมื่อต้องการพิมพ์ออก ทางเครื่ องพิมพ์ ภาพที่ 59 แสดงผลเมื่อเปิ ดไฟล์ที่ตองการ Download หรื อพิมพ์เอกสาร ้ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 58.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 58 10.4 วิธีการ Save ไฟล์ที่ตองการ Download ้ 1. คลิกขวาที่ชื่อไฟล์ 2. คลิก Save Target As… รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 59.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 59 3. ช่อง File Name ใส่ ชื่อไฟล์ หรื อใช้ชื่อเดิมก็ไม่ตองเปลี่ยน ้ 4. เลือกที่เก็บไฟล์ 5. กด save 11. ตรวจสอบเวลาเรียน เป็ นส่ วนที่แสดงการเข้าชั้นเรี ยนของนักเรี ยน โดยไฟล์เอกสารสเปรดชีต ได้ถูกสร้างไว้ที่ http://docs.google.com ซึ่ง Google Docs เป็ นเอกสารออนไลน์ที่มีการทางานร่ วมกัน ในแบบเรี ยลไทม์ เอกสารที่ทางานแบบเว็บ สเปรดชีต และงานนาเสนอที่ผใช้สามารถแก้ไขไฟล์ ู้ เดียวกันได้พร้อมกัน ภาพที่ 60 แสดงสเปรดชี ตเวลาเรี ยนของนักเรี ยนชั้น ม.5/5 จาก http://docs.google.com รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 60.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 60 12. ตรวจสอบคะแนน เป็ นส่ วนที่แสดงคะแนนการประเมินชิ้นงาน และผลการเรี ยน เป็ นไฟล์ เอกสารสเปรดชีต ถูกสร้างไว้ที่ http://docs.google.com แสดงดังภาพที่ 61 ภาพที่ 61 แสดงสเปรดชี ตผลการเรี ยนของนักเรี ยนชั้น ม.5/5 จาก http://docs.google.com รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 61.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 61 13. ผลงานนักเรียน แสดงผลงานของนักเรี ยนทั้งแบบกลุ่ม และแบบรายบุคคล ภาพที่ 62 แสดงภาพผลงานนักเรี ยน รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 62.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 62 14. แบบสอบถามความพึงพอใจ ของนักเรี ยนต่อการใช้เว็บบล็อกเป็ นสื่ อประกอบการเรี ยน เป็ น ฟอร์มกรอกข้อมูล ได้ถูกสร้างไว้ที่ http://docs.google.com 1. คลิกเพื่อเข้าสู่ แบบสอบถาม ภาพที่ 63 แสดงเมนูแบบสอบถามความพึงพอใจ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 63.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 63 เมื่อคลิกที่เมนูแบบสอบถามความพึงพอใจ จะแสดงผลดังภาพที่ 64 รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 64.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 64 2. เมื่อทาแบบสอบถามเสร็ จให้คลิกส่ ง เพื่อส่ งแบบสอบถาม ภาพที่ 64 แสดงแบบสอบถามความพึงพอใจ รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้
  • 65.
    คู่มือการใช้งานเว็บบล็อก สร้างเว็บบล็อกอัจฉริ ยะด้วยWordpress 65 15. วิธีการชม VDO สอนการใช้ งาน Wordpress 1. คลิกที่ปุ่มเล่น VDO เมื่อต้องการชม VDO 2. คลิกที่หวข้อ Download VDO ั เมื่อต้องการ Download VDO ภาพที่ 65 แสดง VDO สอนการใช้งาน Wordpress รายวิชาการสร้างเว็บไซต์ดวยโปรแกรมสาเร็ จรู ป รหัสวิชา ง30247 โดย ครู เขมิกา กุลาศรี ้