คู่มือการใช้งาน

บทเรียนอิเล็กทรอนิกส์บนเครือข่าย “การสร้างเว็บไซต”์

วิชากราฟิกสารสนเทศ

อาจารย์นันทวัฒน์ พาหา

ครูผู้สอน

ค าน า คู่มือการใช้บทเรียนอิเล็กทรอนิกส์ เล่มนี้จัดท า ข้ึนเพ่ือแนะน าวิธีการเข้าใช้บทเรียน

อิเล็กทรอนิกส์ เรื่อง การสร้างเว็บไซต์ ส าหรับผู้เรียนชั้นประกาศนียบัตรวิชาชีพ ชั้นปีที่ 2 โดยจัดเป็น

เว็บไซต์ http://www.mrnuntawat.com/website/ ซ่ึงประกอบด้วยเนื้อหาบทเรียน ดังนี้

บทท่ี 1 พืน้ฐานการสร้างเวบ็ไซต์

บทท่ี 2 การจัดตกแต่งข้อความ ในเวบ็เพจ

บทท่ี 3 การใส่รูปภาพ ในเว็บเพจ

บทท่ี 4 การสร้างฟอร์ม (Form)

บทท่ี 5 การตาราง (Table)

บทท่ี 6 การสร้างการเชื่อมโยง (Link)

บทท่ี 7 การใช้มัลติมีเดียและการเพ่ิมลูกเล่นให้กับเวบ็ไซต์

บทท่ี 8 การจัดการ และอัพโหลดเว็บไซต ์

ผู้สอนหวังเป็นอย่างย่ิงว่า บทเรียนอิเล็กทรอนิกส์ที่จัดท าข้ึน เพ่ือประกอบการเรียนการสอนให้

นักเรียนสามารถเรียนรู้ด้วยตัวเอง ทบทวนเนื้อที่เรียนมาแล้วได้ตามที่ต้องการ เพ่ือให้เกิดอิสระในการ

เรียนรู้ได้ทุกที่ทุกเวลา ท าให้นักเรียนทบทวนความรู้เกี่ยวกับ การสร้างเว็บไซต์ ซ่ึงจะท าให้นักเรียนเกิด

การเรียนรู้อย่างมีประสิทธิภาพและมีผลสัมฤทธิ์ทางการเรียนที่ดีข้ึน ตามจุดประสงค์ของหลักสูตรและ

เป็นแนวทางในการพัฒนาการเรียนการสอนในรายวิชาอ่ืน ๆ ต่อไป

นันทวัฒน์ พาหา

บทเรียนอเิล็กทรอนกิส์ การเรียนผ่านบทเรียนอิเล็กทรอนิกส์ เรื่อง การสร้างเว็บไซต์ นักเรียนสามารถเข้าเรียนผ่าน

เว็บไซต์โดยเปิดโปรแกรม Web Browser เช่น Microsoft Internet Explorer, Google Chrome และ

Mozilla Firefox เป็นต้น แล้วพิมพ์ www.mrnuntawat.com/website/ ลงไปในช่อง Address Bar จะ

ปรากฏหน้าเว็บไซต์ดังรูป

เมื่อเข้าสู่หน้าจอเว็บไซต์ขอบทเรียนอิเล็กทรอนิกส์บนเว็บไซต์แล้ว ให้นักเรียนลงช่ือเข้าใช้งาน

(Login) โดยช่ือผู้ใช้งาน และรหัสผ่าน คือ

ช่ือผู้ใช้งาน : รหัสนกัเรียน 9 ตัว เช่น 592109999

รหัสผ่าน : Abc@12345 (สามารถเปล่ียนรหัสผ่านได้ในภายหลัง)

บทเรียนอิเล็กทรอนิกส์บนเครือข่ายอินเทอร์เน็ต

หน้าหลกัของบทเรียนอิเล็กทรอนกิส์บนเครือข่ายอินเทอร์เน็ต เมื่อนักเรียนลงชื่อเข้าใช้งานแล้ว

จะพบหน้าจอเว็บไซต์ ที่มีส่วนประกอบต่าง ๆ ดงันี้

1. ส่วนสนับสนุนการเรียนรู้

เป็นส่วนสนับสนุน ช่วยเหลือหรือให้ความสะดวก เพ่ือให้การเรียนรู้ บทเรียน

อิเล็กทรอนิกส์บนเครือข่ายอินเทอร์เน็ต ให้มีประสิทธิภาพมากย่ิงขึ้น

- แนะน ารายวิชา : ข้อมูลทั่วไปเกี่ยวกับรายกราฟิกสารสนเทศ

- คู่มือการใช้งาน : ดาวน์โหลดคู่มือการใช้บทเรียนอิเล็กทรอนิกส์

- ติดต่ออาจารย ์: ข้อมูลต่าง ๆ ในการติดต่อกับอาจารย์ผู้สอน

2. ส่วนเมนูต่าง ๆ ของเว็บไซต์

เป็นส่วนการจัดการระบบเว็บไซต์ ประกอบด้วย ข้อมูลเว็บไซต์

ประวัติส่วนตัว เป็นต้น

3. ส่วนของรายวิชา

เป็นส่วนเนื้อหาบทเรียน ที่ประกอบด้วยเนื้อหาบทเรียนมี 8 บทเรียน แต่ละบทเรียนจะ

มีใบงาน/ใบกิจกรรมให้ดาวน์โหลดในหน้าบทเรียนนั้น ๆ วีดิทัศน์ แบบทดสอบท้ายบท และแบบทดสอบ

ก่อนเรียน หลังเรียนด้วย

เข้าสู่บทเรียน

ให้นักเรียนคลิกเลือกทีร่ายวชิา “กราฟกิสารสนเทศ” เพ่ือเข้าสู่บทเรยีน

เมื่อเข้าสู่วิชากราฟิกสารสนเทศแล้ว นักเรียนจะพบเนื้อหาต่าง ๆ ในบทเรียน ซ่ึงประกอบด้วย

แบบทดสอบก่อนเรียน (Pre-Test) เนื้อหาการเรียนจ านวน 8 บทเรียน แต่ละบทเรียนจะประกอบด้วย

ใบความรู้ สไลด์ประกอบการเรียน ใบงาน วิดีทัศน์ แบบทดสอบท้ายบทเรียน และแบบทดสอบหลัง

เรียน ดังรูป

คุณสมบัติในการใช้บทเรียนอิเล็กทรอนิกส์

1. เครื่องคอมพิวเตอร์

1.1 หน่วยประมวลผลกลาง (CPU) ไม่น้อยกว่า 1.0 GHz

1.2 หน่วยความจ า(RAM) ไม่น้อยกว่า 1 GB (แนะน า 2 GB)

1.3 ล าโพงหรือชุดหูฟัง

2. โปรแกรมสนับสนุนการท างาน

2.1 ระบบปฏิบัตกิารไมต่่ ากว่า Microsoft Windows XP

2.2 โปรแกรมเปิดอ่านไฟล์ PDF เช่น Acrobat Reader , Foxit Reader เป็นตน้

2.3 โปรแกรมเว็บเบราว์เซอร์ (Web Browser) ดังนี ้

- โปรแกรม Google Chrome V.33

- โปรแกรม Mozilla Firefox V.12

- โปรแกรม Internet Explorer V.8

3. ความละเอียดของการแสดงผล

การออกแบบเว็บไซต์ ก าหนดความละเอียดของหน้าจอท่ี 1,024 x 768 Pixel.