Top Banner
LOGO กกกกกกกกกกกกกก กกกกกก กกกกกกกกกกกก กกกกกกกกกกกกกก
57

การเรียนการสอนบนเว็บ

Jan 03, 2016

Download

Documents

Brittany Lynch

การเรียนการสอนบนเว็บ. ระบบการเรียนอิเล็กทรอนิกส์. เทคโนโลยีสารสนเทศ. ประเภทของ e-Learning คอร์สแวร์. 1. 5. การเรียนการสอนผ่านเว็บ. 2. การจัดการเรียนการสอนในลักษณะ e-Learning. 3. องค์ประกอบของ e-Learning. ระบบบริหารจัดการรายวิชา. 4. 6. - PowerPoint PPT Presentation
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: การเรียนการสอนบนเว็บ

LOGO

การเร�ยนการสอนบนเว็�บ

การเร�ยนการสอนบนเว็�บ

ระบบการเร�ยนอ�เล็�กทรอน�กส�ระบบการเร�ยนอ�เล็�กทรอน�กส�

Page 2: การเรียนการสอนบนเว็บ

การจั�ดการเร�ยนการสอนโดยใช้�การจั�ดการเร�ยนการสอนโดยใช้�เคร�อข่�ายอ�นเทอร�เน�ตเคร�อข่�ายอ�นเทอร�เน�ต

เทคโนโล็ย�สารสนเทศเทคโนโล็ย�สารสนเทศ1

การเร�ยนการสอนผ่�านการเร�ยนการสอนผ่�านเว็�บเว็�บ

2

การจั�ดการเร�ยนการสอนในการจั�ดการเร�ยนการสอนในล็�กษณะล็�กษณะ e-Learninge-Learning

3

องค�ประกอบข่ององค�ประกอบข่อง e-e-LearningLearning

4

ประเภทข่องประเภทข่อง e-Learning e-Learning คอร�สแว็ร�คอร�สแว็ร�

5

ระบบบร�หารจั�ดการระบบบร�หารจั�ดการรายว็�ช้ารายว็�ช้า

6

22

Page 3: การเรียนการสอนบนเว็บ

การจั�ดการเร�ยนการสอนโดยใช้�การจั�ดการเร�ยนการสอนโดยใช้�เคร�อข่�ายอ�นเทอร�เน�ตเคร�อข่�ายอ�นเทอร�เน�ต

การออกแบบการออกแบบโครงสร�างเว็�บไซต�โครงสร�างเว็�บไซต�

8

การออกแบบทางการออกแบบทางท�ศนะท�ศนะ

10

การออกแบบการออกแบบ e-e-Learning Learning คอร�สแว็ร�คอร�สแว็ร�

7

การออกแบบส�ว็นการออกแบบส�ว็นน)าทางน)าทาง

9

ฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�ท�,ใช้�ในฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�ท�,ใช้�ในการสร�างบทเร�ยนการสร�างบทเร�ยน

11

33

Page 4: การเรียนการสอนบนเว็บ

1. 1. การเร�ยนการสอนผ่�านเว็�บการเร�ยนการสอนผ่�านเว็�บ

21. 21. คว็ามหมายการเร�ยนการสอนผ่�านเว็�บคว็ามหมายการเร�ยนการสอนผ่�านเว็�บราช้บ�ณฑิ�ตสถานได�บ�ญญ�ต�ค)าศ�พท�ราช้บ�ณฑิ�ตสถานได�บ�ญญ�ต�ค)าศ�พท� "Web-"Web-Based Instruction" Based Instruction" ไว็�ว็�าไว็�ว็�า ""การสอนโดยการสอนโดยใช้�เว็�บเป3นฐานใช้�เว็�บเป3นฐาน" " หร�อหร�อ ""การสอนบนเว็�บการสอนบนเว็�บ" " เน�,องจัากค)าว็�าเน�,องจัากค)าว็�า ""การสอนบนเว็�บการสอนบนเว็�บ" " เป3นค)าท�,น�ยมเป3นค)าท�,น�ยมใช้�ก�นมากใช้�ก�นมาก

สรรร�ช้ต� ห�อไพศาล็สรรร�ช้ต� ห�อไพศาล็ (2544) (2544) กล็�าว็ว็�ากล็�าว็ว็�า “ “เป3นการเป3นการน)าเอาระบบอ�นเทอร�เน�ตมาออกแบบ เพ�,อใช้�ในน)าเอาระบบอ�นเทอร�เน�ตมาออกแบบ เพ�,อใช้�ในการศ5กษาการจั�ดการเร�ยนการสอนผ่�านเว็�บการศ5กษาการจั�ดการเร�ยนการสอนผ่�านเว็�บ (Web-Based Instruction)”(Web-Based Instruction)”

44

Page 5: การเรียนการสอนบนเว็บ

การน)าเสนอการน)าเสนอ (Presentation)(Presentation)

การส�,อสารการส�,อสาร (Communication)(Communication)

การก�อเก�ดปฏิ�ส�มพ�นธ์�การก�อเก�ดปฏิ�ส�มพ�นธ์�

การเร�ยนการการเร�ยนการสอนผ่�านเว็�บ จัะสอนผ่�านเว็�บ จัะ

ต�องอาศ�ยต�องอาศ�ยค8ณล็�กษณะข่องค8ณล็�กษณะข่องอ�นเทอร�เน�ตอ�นเทอร�เน�ต 3 3

ประการประการ

55

Page 6: การเรียนการสอนบนเว็บ

2.2 2.2 ประโยช้น�ข่องการเร�ยนการสอนประโยช้น�ข่องการเร�ยนการสอนผ่�านเว็�บผ่�านเว็�บ

การเร�ยนการสอนสามารถเข่�าถ5งท8กการเร�ยนการสอนสามารถเข่�าถ5งท8กหน�ว็ยงานท�,ม�อ�นเทอร�เน�ตต�ดต�9งอย:�หน�ว็ยงานท�,ม�อ�นเทอร�เน�ตต�ดต�9งอย:�

1

การเร�ยนการสอนกระท)าได�โดยผ่:�เข่�าเร�ยนการเร�ยนการสอนกระท)าได�โดยผ่:�เข่�าเร�ยนไม�ต�องท�9งงานประจั)าเพ�,อมาเข่�าช้�9นเร�ยนไม�ต�องท�9งงานประจั)าเพ�,อมาเข่�าช้�9นเร�ยน

2

3ไม�ต�องเส�ยค�าใช้�จั�ายในการเร�ยนการสอน เช้�น ค�าท�,พ�ก ค�าเด�นทางไม�ต�องเส�ยค�าใช้�จั�ายในการเร�ยนการสอน เช้�น ค�าท�,พ�ก ค�าเด�นทาง

66

Page 7: การเรียนการสอนบนเว็บ

ประโยช้น�ข่องการเร�ยนการสอนผ่�านเว็�บประโยช้น�ข่องการเร�ยนการสอนผ่�านเว็�บ

4การเร�ยนการสอนกระท)าได�ตล็อดการเร�ยนการสอนกระท)าได�ตล็อด 24 24 ช้�,ว็โมงช้�,ว็โมง

5การจั�ดสอนหร�ออบรมม�ล็�กษณะท�,ผ่:�เข่�าเร�ยนเป3นศ:นย�กล็าง การจั�ดสอนหร�ออบรมม�ล็�กษณะท�,ผ่:�เข่�าเร�ยนเป3นศ:นย�กล็าง การเร�ยนร:�เก�ดก�บผ่:�เข่�าเร�ยนโดยตรงการเร�ยนร:�เก�ดก�บผ่:�เข่�าเร�ยนโดยตรง

6การเร�ยนร:�เป3นไปตามคว็ามก�าว็หน�าข่องผ่:�ร�บการเร�ยนการสอนเองการเร�ยนร:�เป3นไปตามคว็ามก�าว็หน�าข่องผ่:�ร�บการเร�ยนการสอนเอง

77

Page 8: การเรียนการสอนบนเว็บ

2.3 2.3 ประเภทข่องการเร�ยนการสอนผ่�านประเภทข่องการเร�ยนการสอนผ่�านเว็�บเว็�บ

1 3

เว็�บทร�พยากรการศ5กษา (Web Pedagogical Resources)

2

เว็�บสน�บสน8นรายว็�ช้า (Web Supported Courses)

เว็�บรายว็�ช้า (Stand-alone Courses)

88

Page 9: การเรียนการสอนบนเว็บ

3. 3. การจั�ดการเร�ยนการสอนในการจั�ดการเร�ยนการสอนในล็�กษณะล็�กษณะ e-Learninge-Learning

คว็ามหมายข่องคว็ามหมายข่อง e-Learning e-Learning สามารถแบ�งออกเป3นสามารถแบ�งออกเป3น 2 2 ล็�กษณะด�ว็ยล็�กษณะด�ว็ยก�น ได�แก� คว็ามหมายโดยท�,ว็ไป แล็ะก�น ได�แก� คว็ามหมายโดยท�,ว็ไป แล็ะคว็ามหมายเฉพาะเจัาะจังคว็ามหมายเฉพาะเจัาะจัง ส)าหร�บคว็ามส)าหร�บคว็ามหมายโดยท�,ว็ ๆ ไปหมายโดยท�,ว็ ๆ ไป e-Learning e-Learning จัะจัะครอบคล็8มคว็ามหมายท�,กว็�างมากครอบคล็8มคว็ามหมายท�,กว็�างมาก กล็�าว็ค�อ จัะหมายถ5ง การเร�ยนในกล็�าว็ค�อ จัะหมายถ5ง การเร�ยนในล็�กษณะใดก�ได� ซ5,งใช้�การถ�ายทอดล็�กษณะใดก�ได� ซ5,งใช้�การถ�ายทอดเน�9อหาผ่�านทางอ8ปกรณ�อ�เล็�กทรอน�กส� เน�9อหาผ่�านทางอ8ปกรณ�อ�เล็�กทรอน�กส� ไม�ว็�าจัะเป3นคอมพ�ว็เตอร� เคร�อข่�ายไม�ว็�าจัะเป3นคอมพ�ว็เตอร� เคร�อข่�ายอ�นเตอร�เน�ต อ�นทราเน�ตอ�นเตอร�เน�ต อ�นทราเน�ต

คว็ามหมายข่อง คว็ามหมายข่อง e-Learninge-Learning

99

Page 10: การเรียนการสอนบนเว็บ

- - e-Learning, e-Learning, คอมพ�ว็เตอร�ช้�ว็ยสอนคอมพ�ว็เตอร�ช้�ว็ยสอน (CAI) (CAI) แล็ะการแล็ะการสอนบนเว็�บสอนบนเว็�บ (WBI)(WBI)

ในป=จัจั8บ�นม�คาศ�พท�ต�าง ๆ ท�,เก�,ยว็ข่�องก�บการเร�ยนจัากส�,อในป=จัจั8บ�นม�คาศ�พท�ต�าง ๆ ท�,เก�,ยว็ข่�องก�บการเร�ยนจัากส�,ออ�เล็�กทรอน�กส�อย:�มากมาย อาท�เช้�น คอมพ�ว็เตอร�ช้�ว็ยสอนอ�เล็�กทรอน�กส�อย:�มากมาย อาท�เช้�น คอมพ�ว็เตอร�ช้�ว็ยสอน (CAI)(CAI)

- e-Learning e-Learning ก�บก�บ CAI (Computer-Assisted CAI (Computer-Assisted Instruction)Instruction)

บทเร�ยนคอมพ�ว็เตอร�ช้�ว็ยสอนหร�อบทเร�ยนคอมพ�ว็เตอร�ช้�ว็ยสอนหร�อ CAI CAI ย�อมาจัากย�อมาจัาก Computer-Computer-Assisted Instruction Assisted Instruction ภาษาไทยเร�ยกว็�าภาษาไทยเร�ยกว็�า ""คอมพ�ว็เตอร�ช้�ว็ยคอมพ�ว็เตอร�ช้�ว็ยสอนสอน" CAI" CAI

- e-Learning e-Learning ก�บก�บ WBIWBI ท�9งท�9ง e-Learning e-Learning แล็ะแล็ะ WBI WBI ต�างก�เป3นผ่ล็จัากการผ่สมผ่สานระหว็�างต�างก�เป3นผ่ล็จัากการผ่สมผ่สานระหว็�าง

เว็�บเทคโนโล็ย�ก�บกระบว็นการออกแบบการเร�ยนการสอน เพ�,อเพ�,มเว็�บเทคโนโล็ย�ก�บกระบว็นการออกแบบการเร�ยนการสอน เพ�,อเพ�,มประส�ทธ์�ภาพทางการเร�ยนร:�แล็ะแก�ป=ญหาในเร�,องข่�อจัาก�ดทางด�านประส�ทธ์�ภาพทางการเร�ยนร:�แล็ะแก�ป=ญหาในเร�,องข่�อจัาก�ดทางด�านสถานท�,แล็ะเว็ล็าในการเร�ยนสถานท�,แล็ะเว็ล็าในการเร�ยน 1010

Page 11: การเรียนการสอนบนเว็บ

บร�บทท�,เก�,ยว็ก�บบร�บทท�,เก�,ยว็ก�บ e-Learninge-Learning

การถ�ายทอดเน�9อหาการถ�ายทอดเน�9อหา การน)าการน)า e-Learning e-Learning ไปใช้�ประกอบการเร�ยนไปใช้�ประกอบการเร�ยน

ตอบสนองการเร�ยนตอบสนองการเร�ยน

ม�ต�การน)าเสนอ

เน�9อหา

ม�ต�การน)าไปใช้�ในการเร�ยนการสอน

ม�ต�เก�,ยว็ก�บผ่:�เร�ยน

11

Page 12: การเรียนการสอนบนเว็บ

ข่�อได�เปร�ยบข่อง ข่�อได�เปร�ยบข่อง e-Learninge-Learning

1) e-1) e-Learning Learning ช้�ว็ยให�การช้�ว็ยให�การจั�ดการเร�ยนจั�ดการเร�ยนการสอนม�การสอนม�ประส�ทธ์�ภาพประส�ทธ์�ภาพมากย�,งข่59นมากย�,งข่59น

2) e-2) e-Learning Learning ช้�ว็ยท)าให�ผ่:�ช้�ว็ยท)าให�ผ่:�สอนสามารถสอนสามารถตรว็จัสอบตรว็จัสอบคว็ามก�าว็หน�าคว็ามก�าว็หน�าพฤต�กรรมการพฤต�กรรมการเร�ยนข่องผ่:�เร�ยนข่องผ่:�เร�ยนได�อย�างเร�ยนได�อย�างล็ะเอ�ยดแล็ะล็ะเอ�ยดแล็ะตล็อดเว็ล็าตล็อดเว็ล็า

3) e-3) e-Learning Learning ช้�ว็ยท)าให�ผ่:�ช้�ว็ยท)าให�ผ่:�เร�ยนเร�ยนสามารถสามารถคว็บค8มการคว็บค8มการเร�ยนข่องเร�ยนข่องตนเองได�ตนเองได�

1212

Page 13: การเรียนการสอนบนเว็บ

ล็�กษณะส)าค�ญล็�กษณะส)าค�ญ

1) Anywhere,1) Anywhere, AnytimeAnytime

2) Multimedia2) Multimedia

3) Non–linear3) Non–linear

4) Interaction4) Interaction

5) Intermediate Response5) Intermediate Response

ล็�กษณะส)าค�ญข่อง ล็�กษณะส)าค�ญข่อง e-Learning e-e-Learning e-Learning Learning ท�,ด�คว็รประกอบด�ว็ยท�,ด�คว็รประกอบด�ว็ย

1313

Page 14: การเรียนการสอนบนเว็บ

ข่�อพ5งระว็�งข่�อพ5งระว็�ง

11ผ่:�สอนท�,น)า e-Learning ไปใช้�ในล็�กษณะข่องส�,อเสร�ม โดยไม�ม�การปร�บเปล็�,ยนว็�ธ์�การสอนเล็ย

22ผ่:�สอนจัะต�องเปล็�,ยนจัากบทบาทการเป3นผ่:�ให� (impart) เน�9อหาแก�ผ่:�เร�ยนมาเป3น ผ่:�ช้�ว็ยเหล็�อ (facilitator)

33การล็งท8นในด�านข่อง e-Learning ต�องคล็อบคล็8มถ5งการจั�ดการให�ผ่:�สอนแล็ะผ่:�เร�ยนสามารถเข่�าถ5งเน�9อหา

1414

Page 15: การเรียนการสอนบนเว็บ

แนว็ค�ดเก�,ยว็ก�บแนว็ค�ดเก�,ยว็ก�บ e-Learninge-Learning

e-Learning e-Learning เป3นร:ปแบบการเร�ยนท�,เก�ดข่59นเพ�,อตอบสนองเป3นร:ปแบบการเร�ยนท�,เก�ดข่59นเพ�,อตอบสนองการเร�ยนการเร�ยน

ในล็�กษณะทางไกล็ในล็�กษณะทางไกล็ (Distance Learning) (Distance Learning) เพ�,อล็ดป=ญหาเพ�,อล็ดป=ญหาในด�านในด�าน

ต�นท8น การเร�ยนการสอนแล็ะการอบรม โดยผ่:�เร�ยนจัะต�องศ5กษาต�นท8น การเร�ยนการสอนแล็ะการอบรม โดยผ่:�เร�ยนจัะต�องศ5กษาเน�9อหาจัากเน�9อหาจัาก e-Learning e-Learning คอร�สแว็ร�คอร�สแว็ร� (Courseware) (Courseware) ซ5งซ5ง

หมายถ5งส�,อหมายถ5งส�,อการสอนทางคอมพ�ว็เตอร�ท�,ได�ร�บการออกแบบแล็ะพ�ฒนาอย�างม�การสอนทางคอมพ�ว็เตอร�ท�,ได�ร�บการออกแบบแล็ะพ�ฒนาอย�างม�ประส�ทธ์�ภาพเพ�,อใช้�ในการน)าเสนอเน�9อหาประส�ทธ์�ภาพเพ�,อใช้�ในการน)าเสนอเน�9อหา

1515

Page 16: การเรียนการสอนบนเว็บ

คว็ามร:� ซ5,งแบ�งได�เป3นคว็ามร:� ซ5,งแบ�งได�เป3น 3 3 ล็�กษณะล็�กษณะ

คว็ามร:�คว็ามร:�

เน�นข่�อคว็ามเน�นข่�อคว็าม

เน�นส�,อประสมเน�นส�,อประสมอย�างง�ายอย�างง�าย

เน�นคว็ามเป3นเน�นคว็ามเป3นม�ล็ต�ม�เด�ยม�ล็ต�ม�เด�ยเช้�งโต�ตอบเช้�งโต�ตอบ

1616

Page 17: การเรียนการสอนบนเว็บ

เน�9อหา ระบบบร�หารจั�ดการ

รายว็�ช้า

โหมดการต�ดต�อส�,อสาร

แบบฝึAกห�ด

4 . 4 . องค�ประกอบข่ององค�ประกอบข่อง e-Learninge-Learning

1717

Page 18: การเรียนการสอนบนเว็บ

องค�ประกอบข่ององค�ประกอบข่อง e-Learninge-Learning

41 41 เน�9อหาเน�9อหา

โฮมเพจั หร�อเว็�บเพจัแรกข่องเว็�บไซต�

หน�าแสดงรายช้�,อว็�ช้า

เว็�บเพจัแรกข่องแต�ล็ะว็�ช้า

1818

Page 19: การเรียนการสอนบนเว็บ

4.2 4.2 ระบบบร�หารจั�ดการรายว็�ช้าระบบบร�หารจั�ดการรายว็�ช้า

องค�ประกอบท�,ส)าค�ญองค�ประกอบท�,ส)าค�ญมากส)าหร�บมากส)าหร�บ e-Learning e-Learning ได�แก� ได�แก� ระบบบร�หารจั�ดการรายว็�ช้า ซ5,งเป3นเสม�อนระบบท�,ระบบบร�หารจั�ดการรายว็�ช้า ซ5,งเป3นเสม�อนระบบท�,รว็บรว็มเคร�,องม�อซ5,งออกแบบไว็�เพ�,อให�คว็ามสะดว็กรว็บรว็มเคร�,องม�อซ5,งออกแบบไว็�เพ�,อให�คว็ามสะดว็กแก�ผ่:�ใช้�ในการจั�ดการก�บการเร�ยนการสอนออนไล็น�แก�ผ่:�ใช้�ในการจั�ดการก�บการเร�ยนการสอนออนไล็น�น�,นเอง ซ5,งผ่:�ใช้�ในท�,น�9อาจัแบ�งได�เป3นน�,นเอง ซ5,งผ่:�ใช้�ในท�,น�9อาจัแบ�งได�เป3น 3 3 กล็8�ม ได�แก� ผ่:�กล็8�ม ได�แก� ผ่:�สอนสอน (instructors)(instructors)ผ่:�เร�ยนผ่:�เร�ยน (students) (students) แล็ะผ่:�แล็ะผ่:�บร�หารระบบเคร�อข่�ายบร�หารระบบเคร�อข่�าย (network (network administrators)administrators)

1919

Page 20: การเรียนการสอนบนเว็บ

43. 43. โหมดการต�ดต�อส�,อสารโหมดการต�ดต�อส�,อสาร (Modes of Communication)(Modes of Communication)

ไปรษณ�ย� อ�เล็�กทรอน�กส�

การประช้8มทางคอมพ�ว็เตอร�

เคร�,องม�อท�, e-Learning คว็รจั�ดหาให�ผ่:�เร�ยน

2020

Page 21: การเรียนการสอนบนเว็บ

44. 44. แบบฝึAกห�ดแบบฝึAกห�ด / / แบบทดสอบแบบทดสอบ

การจั�ดให�ม�แบบฝึAกส)าหร�บผ่:�เร�ยน

การจั�ดให�ม�แบบทดสอบผ่:�เร�ยน

แบบฝึAกห�ดแบบฝึAกห�ด // แบบทดสอบแบบทดสอบ

2121

Page 22: การเรียนการสอนบนเว็บ

5. 5. ประเภทข่องประเภทข่อง e-Learning e-Learning คอร�สแว็ร�คอร�สแว็ร�

1. 1. กระบว็นการในการเร�ยนการสอนกระบว็นการในการเร�ยนการสอน ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง (2545) (2545) ได�กล็�าว็เก�,ยว็ก�บการได�กล็�าว็เก�,ยว็ก�บการ

ออกแบบการเร�ยนการสอนทางคอมพ�ว็เตอร�ว็�าคล็�ายออกแบบการเร�ยนการสอนทางคอมพ�ว็เตอร�ว็�าคล็�ายก�นก�บการออกแบบการเร�ยนการสอนในช้�9นเร�ยนก�นก�บการออกแบบการเร�ยนการสอนในช้�9นเร�ยนน�,นเอง กล็�าว็ค�อ จัะต�องประกอบด�ว็ยข่�9นตอนต�าง ๆ น�,นเอง กล็�าว็ค�อ จัะต�องประกอบด�ว็ยข่�9นตอนต�าง ๆ ซ5,งคอยช้�ว็ยผ่:�เร�ยนแต�ล็ะคนให�เก�ดการเร�ยนร:�ตามซ5,งคอยช้�ว็ยผ่:�เร�ยนแต�ล็ะคนให�เก�ดการเร�ยนร:�ตามว็�ตถ8ประสงค�ท�,ได�ม�การก)าหนดไว็� ว็�ตถ8ประสงค�ท�,ได�ม�การก)าหนดไว็�

2222

Page 23: การเรียนการสอนบนเว็บ

ประเภทข่องประเภทข่อง e-Learning e-Learning คอร�สคอร�สแว็ร�แว็ร�

2. 2. ร:ปแบบข่อง ร:ปแบบข่อง e-Learning e-Learning คอร�สแว็ร� คอร�สแว็ร� e-Learning e-Learning คอร�สแว็ร�สามารถแบ�งออกคร�าว็ ๆ ได�คอร�สแว็ร�สามารถแบ�งออกคร�าว็ ๆ ได�

เป3นเป3น 4 4 ประเภทประเภท ได�แก� ประเภทเร�ยงล็)าด�บการน)าเสนอ ได�แก� ประเภทเร�ยงล็)าด�บการน)าเสนอ แบบฝึAกห�ด การทดล็องเสม�อนจัร�ง แล็ะเกม ด�งน�9แบบฝึAกห�ด การทดล็องเสม�อนจัร�ง แล็ะเกม ด�งน�9 ((ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง 2545) 2545) การเร�ยงล็)าด�บการเร�ยงล็)าด�บการน)าเสนอการน)าเสนอ (Presentation Sequence)(Presentation Sequence) คว็ามคว็ามหมาย คอร�สแว็ร�การเร�ยงล็)าด�บการน)าเสนอ หมายถ5งหมาย คอร�สแว็ร�การเร�ยงล็)าด�บการน)าเสนอ หมายถ5งคอร�สแว็ร�ท�,ออกแบบในล็�กษณะท�,ผ่:�เร�ยนศ5กษาเน�9อหาคอร�สแว็ร�ท�,ออกแบบในล็�กษณะท�,ผ่:�เร�ยนศ5กษาเน�9อหาโดยการอ�าน ฟ=ง แล็ะส�งเกต การบรรยาย แล็ะโดยการอ�าน ฟ=ง แล็ะส�งเกต การบรรยาย แล็ะ//หร�อการหร�อการสาธ์�ตต�าง ๆ ตามเว็ล็าแล็ะจั�งหว็ะการเร�ยนข่องตนสาธ์�ตต�าง ๆ ตามเว็ล็าแล็ะจั�งหว็ะการเร�ยนข่องตน

เน�9อหาท�,เหมาะสมเน�9อหาท�,เหมาะสม การเร�ยงล็)าด�บการน)าเสนอเหมาะ การเร�ยงล็)าด�บการน)าเสนอเหมาะส)าหร�บการจั�ดเน�9อหาการบรรยายส)าหร�บการจั�ดเน�9อหาการบรรยาย (Lecture) (Lecture) ในในล็�กษณะค8ณภาพส:งท�,ม�คว็ามคงท�,ส)าหร�บผ่:�เร�ยนท8กคนล็�กษณะค8ณภาพส:งท�,ม�คว็ามคงท�,ส)าหร�บผ่:�เร�ยนท8กคน 2323

Page 24: การเรียนการสอนบนเว็บ

ร:ปแบบการเร�ยนท�,เหมาะสมร:ปแบบการเร�ยนท�,เหมาะสม

ผ่:�เร�ยนรายบ8คคล็โต�ตอบก�บคอร�สแว็ร�เพ�,อศ5กษาผ่:�เร�ยนรายบ8คคล็โต�ตอบก�บคอร�สแว็ร�เพ�,อศ5กษาเน�9อหาในแต�ล็ะห�ว็ข่�อข่องการเร�ยน โดยผ่:�เร�ยนจัะเน�9อหาในแต�ล็ะห�ว็ข่�อข่องการเร�ยน โดยผ่:�เร�ยนจัะได�ร�บการช้�9แจังเก�,ยว็ก�บว็�ตถ8ประสงค�ข่องการได�ร�บการช้�9แจังเก�,ยว็ก�บว็�ตถ8ประสงค�ข่องการเร�ยน รว็มท�9งการแนะน)าเก�,ยว็ก�บเน�9อหาท�,จัะเร�ยน เร�ยน รว็มท�9งการแนะน)าเก�,ยว็ก�บเน�9อหาท�,จัะเร�ยน ผ่:�เร�ยนศ5กษาเน�9อหาแล็ะบทสร8ป หล็�งจัากน�9นผ่:�ผ่:�เร�ยนศ5กษาเน�9อหาแล็ะบทสร8ป หล็�งจัากน�9นผ่:�เร�ยนทดสอบคว็ามร:�ข่องตนท�,ได�ศ5กษามาเร�ยนทดสอบคว็ามร:�ข่องตนท�,ได�ศ5กษามา

2424

Page 25: การเรียนการสอนบนเว็บ

ค)าแนะน)าส)าหร�บการออกแบบค)าแนะน)าส)าหร�บการออกแบบ

1) 1) ให�ผ่:�เร�ยนเป3นผ่:�คว็บค8มการน)าเสนอให�ผ่:�เร�ยนเป3นผ่:�คว็บค8มการน)าเสนอ

4) 4) เช้�,อมโยงมากกว็�าการเข่�ยนเช้�,อมโยงมากกว็�าการเข่�ยน

5) 5) ออกแบบให�อ�านง�ายออกแบบให�อ�านง�าย

2) 2) ออกแบบให�ผ่:�เร�ยนม�คว็ามกระต�อร�อร�นออกแบบให�ผ่:�เร�ยนม�คว็ามกระต�อร�อร�น

3) 3) เล็�อกใช้�ส�,อท�,หล็ากหล็ายเล็�อกใช้�ส�,อท�,หล็ากหล็าย

2525

Page 26: การเรียนการสอนบนเว็บ

แบบฝึAกห�ดแบบฝึAกห�ด (Drill and (Drill and Practice)Practice)

คอร�สแว็ร�แบบฝึAกห�ดคอร�สแว็ร�แบบฝึAกห�ด หมายถ5งคอร�สแว็ร�ท�,อน8ญาตให� หมายถ5งคอร�สแว็ร�ท�,อน8ญาตให�ผ่:�เร�ยนฝึAกฝึนซ�าแล็�ว็ซ�าอ�กเพ�,อประย8กต�ใช้�คว็ามร:�ใดผ่:�เร�ยนฝึAกฝึนซ�าแล็�ว็ซ�าอ�กเพ�,อประย8กต�ใช้�คว็ามร:�ใดคว็ามร:�หน5,ง หร�อท�กษะใดท�กษะหน5,ง โดยคว็ามร:�แล็ะคว็ามร:�หน5,ง หร�อท�กษะใดท�กษะหน5,ง โดยคว็ามร:�แล็ะท�กษะน�9น ๆ จัะเป3นคว็ามร:�แล็ะท�กษะข่�9นพ�9นฐาน เช้�น ท�กษะน�9น ๆ จัะเป3นคว็ามร:�แล็ะท�กษะข่�9นพ�9นฐาน เช้�น คอร�สแว็ร�ฝึAกการค)านว็ณอย�างง�าย โครงสร�างข่องคอร�สแว็ร�ฝึAกการค)านว็ณอย�างง�าย โครงสร�างข่องคอร�สแว็ร�จัะคล็�ายก�บว็งจัรแบบทดสอบคอร�สแว็ร�จัะคล็�ายก�บว็งจัรแบบทดสอบ (testing cycle) (testing cycle) น�,นเอง กล็�าว็ค�อจัะเร�,มด�ว็ยน�,นเอง กล็�าว็ค�อจัะเร�,มด�ว็ยการน)าเสนอป=ญหาหร�อค)าถามให�ผ่:�เร�ยนตอบการน)าเสนอป=ญหาหร�อค)าถามให�ผ่:�เร�ยนตอบ

2626

Page 27: การเรียนการสอนบนเว็บ

ร:ปแบบการเร�ยนท�,เหมาะสมร:ปแบบการเร�ยนท�,เหมาะสม

ร:ปแบบการเร�ยนท�,เหมาะสมร:ปแบบการเร�ยนท�,เหมาะสม คอร�สแว็ร�ประเภทแบบ คอร�สแว็ร�ประเภทแบบฝึAกห�ดจัะเร�,มจัากการน)าเข่�าส:�บทเร�ยน ซ5,งรว็มถ5งการฝึAกห�ดจัะเร�,มจัากการน)าเข่�าส:�บทเร�ยน ซ5,งรว็มถ5งการต�อนร�บผ่:�เร�ยนเข่�าส:�เน�9อหา แล็ะอธ์�บายว็�ธ์�การท�,ผ่:�ต�อนร�บผ่:�เร�ยนเข่�าส:�เน�9อหา แล็ะอธ์�บายว็�ธ์�การท�,ผ่:�เร�ยนต�องปฏิ�บ�ต� รว็มท�9งว็�ตถ8ประสงค�ข่องการเร�ยน เร�ยนต�องปฏิ�บ�ต� รว็มท�9งว็�ตถ8ประสงค�ข่องการเร�ยน หล็�งจัากน�9นจัะม�การเสนอค)าถาม ผ่:�เร�ยนจัะคอยตอบหล็�งจัากน�9นจัะม�การเสนอค)าถาม ผ่:�เร�ยนจัะคอยตอบค)าถามแล็ะได�ร�บผ่ล็ปBอนกล็�บ หล็�งจัากได�ผ่ล็ปBอนค)าถามแล็ะได�ร�บผ่ล็ปBอนกล็�บ หล็�งจัากได�ผ่ล็ปBอนกล็�บก�จัะม�ข่�อค)าถามน)าเสนอต�อไปเร�,อย ๆ จันกระท�,งกล็�บก�จัะม�ข่�อค)าถามน)าเสนอต�อไปเร�,อย ๆ จันกระท�,งครบท8กข่�อครบท8กข่�อ

2727

Page 28: การเรียนการสอนบนเว็บ

ค)าแนะน)าส)าหร�บน�กออกแบบค)าแนะน)าส)าหร�บน�กออกแบบ

1 )1 )สร�างคล็�งค)าถามสร�างคล็�งค)าถาม//ค)าตอบค)าตอบ

2) 2) จั�ดให�ม�ค)าถามท�,ม�จั�ดให�ม�ค)าถามท�,ม�ระด�บคว็ามง�ายระด�บคว็ามง�าย––

คว็ามยากคว็ามยาก

ค)าแนะน)าค)าแนะน)า

2828

Page 29: การเรียนการสอนบนเว็บ

การทดล็องเสม�อนจัร�งการทดล็องเสม�อนจัร�ง (Virtual (Virtual Lab)Lab)

คว็ามหมาย การทดล็องเสม�อนจัร�งคว็ามหมาย การทดล็องเสม�อนจัร�งเป3นคอร�สแว็ร�เป3นคอร�สแว็ร�ประเภทหน5,งซ5,งเป3นการน)าเสนอการจั)าล็องบนหน�าประเภทหน5,งซ5,งเป3นการน)าเสนอการจั)าล็องบนหน�าจัอจัอ (on-screen simulator) (on-screen simulator) ผ่:�เร�ยนสามารถผ่:�เร�ยนสามารถใช้�การทดล็องเสม�อนจัร�งในการทดสอบสมมต�ฐานใช้�การทดล็องเสม�อนจัร�งในการทดสอบสมมต�ฐานท�,ได�ต�9งไว็� รว็มท�9งส�งเกตผ่ล็ท�,ได�จัากการทดสอบ ท�,ได�ต�9งไว็� รว็มท�9งส�งเกตผ่ล็ท�,ได�จัากการทดสอบ เน�9อหาท�,เหมาะสม คอร�สแว็ร�ในล็�กษณะการทดล็องเน�9อหาท�,เหมาะสม คอร�สแว็ร�ในล็�กษณะการทดล็องเสม�อนจัร�งเสม�อนจัร�ง

2929

Page 30: การเรียนการสอนบนเว็บ

ค)าแนะน)าส)าหร�บน�กออกแบบค)าแนะน)าส)าหร�บน�กออกแบบ

1 )1 )เน�นในส�,งท�,ต�องการสอน ในการเน�นในส�,งท�,ต�องการสอน ในการออกแบบคอร�สแว็ร�ออกแบบคอร�สแว็ร�

2) 2) ใช้�การทดล็องเสม�อนจัร�งใช้�การทดล็องเสม�อนจัร�งในหล็าย ๆ ก�จักรรมในหล็าย ๆ ก�จักรรม

ค)าแนะน)าค)าแนะน)า

3030

Page 31: การเรียนการสอนบนเว็บ

6. 6. ระบบบร�หารจั�ดการรายว็�ช้าระบบบร�หารจั�ดการรายว็�ช้า

61. 61. คว็ามหมายข่องระบบบร�หารจั�ดการรายว็�ช้าคว็ามหมายข่องระบบบร�หารจั�ดการรายว็�ช้า ระบบ ระบบบร�หารจั�ดการรายว็�ช้าหมายถ5งระบบท�,ได�รว็บรว็มเคร�,องม�อบร�หารจั�ดการรายว็�ช้าหมายถ5งระบบท�,ได�รว็บรว็มเคร�,องม�อหล็าย ๆ ประเภทท�,เก�,ยว็ก�บกระบว็นการเร�ยนการสอนหล็าย ๆ ประเภทท�,เก�,ยว็ก�บกระบว็นการเร�ยนการสอนออนไล็น�เข่�าไว็�ด�ว็ยก�น โดยม�จั8ดประสงค�เพ�,อช้�ว็ยสน�บสน8นผ่:�ออนไล็น�เข่�าไว็�ด�ว็ยก�น โดยม�จั8ดประสงค�เพ�,อช้�ว็ยสน�บสน8นผ่:�ใช้�ใช้� 3 3 กล็8�ม ได�แก� ผ่:�เร�ยน ผ่:�สอน แล็ะผ่:�เช้�,ยว็ช้าญด�านเทคน�คกล็8�ม ได�แก� ผ่:�เร�ยน ผ่:�สอน แล็ะผ่:�เช้�,ยว็ช้าญด�านเทคน�ค

3131

Page 32: การเรียนการสอนบนเว็บ

6.26.2ส�ว็นประกอบหล็�กข่องระบบส�ว็นประกอบหล็�กข่องระบบบร�หารจั�ดการรายว็�ช้าบร�หารจั�ดการรายว็�ช้า

6.2.1 6.2.1 ส�ว็นในการใส�เน�9อหาการบรรยายข่องผ่:�สอนส�ว็นในการใส�เน�9อหาการบรรยายข่องผ่:�สอน (Slots for lecture note) (Slots for lecture note)

6.2.2 6.2.2 กระดานข่�าว็เพ�,อการอภ�ปรายกระดานข่�าว็เพ�,อการอภ�ปราย (Asynchronous bulletin board) (Asynchronous bulletin board)

6.2.3 6.2.3 ห�องสนทนาห�องสนทนา (Synchronous chat) (Synchronous chat) 6.2.4 6.2.4 การทดสอบออนไล็น�การทดสอบออนไล็น� (Online testing) (Online testing) 6.2.5 6.2.5 อ�เล็�กทรอน�กส�เมล็�อ�เล็�กทรอน�กส�เมล็� (Electronics (Electronics

mails) mails) 6.2.6 6.2.6 การจั�ดการแฟBมข่�อม:ล็การจั�ดการแฟBมข่�อม:ล็ (File (File

management)management)

3232

Page 33: การเรียนการสอนบนเว็บ

6.3 6.3 ส�ว็นประกอบรองข่องระบบส�ว็นประกอบรองข่องระบบบร�หารจั�ดการรายว็�ช้าบร�หารจั�ดการรายว็�ช้า

6.3.1 6.3.1 ส�ว็นประกอบพ�เศษอ�,นส�ว็นประกอบพ�เศษอ�,น (Many other tools) (Many other tools)

6.3.2 6.3.2 ส�ว็นจั�ดการการล็งทะเบ�ยนข่องผ่:�เร�ยนส�ว็นจั�ดการการล็งทะเบ�ยนข่องผ่:�เร�ยน (Manage (Manage student enrollment) student enrollment)

6.3.3 6.3.3 ส�ว็นข่องการเร�ยกด:แล็ะบ�นท5กคะแนนข่องผ่:�เร�ยนโดยส�ว็นข่องการเร�ยกด:แล็ะบ�นท5กคะแนนข่องผ่:�เร�ยนโดยผ่:�สอนผ่:�สอน (View and record student score – (View and record student score – faculty) faculty)

6.3.4 6.3.4 ส�ว็นข่องการเร�ยกด:คะแนนข่องผ่:�เร�ยนโดยผ่:�เร�ยนส�ว็นข่องการเร�ยกด:คะแนนข่องผ่:�เร�ยนโดยผ่:�เร�ยน (View student score – individual student) (View student score – individual student)

6.3.5 6.3.5 ส�ว็นข่องการเร�ยกด:สถ�ต�การเข่�าเร�ยนส�ว็นข่องการเร�ยกด:สถ�ต�การเข่�าเร�ยน (View (View student progress tracking) student progress tracking)

3333

Page 34: การเรียนการสอนบนเว็บ

7. 7. การออกแบบการออกแบบ e-Learning e-Learning คอร�สแว็ร�คอร�สแว็ร�

7.1 7.1 คว็ามหมายข่องคอร�สแว็ร�คว็ามหมายข่องคอร�สแว็ร� ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง (2545) (2545) กล็�าว็ถ5งคว็ามหมายกล็�าว็ถ5งคว็ามหมาย

ข่องคอร�สแว็ร�ไว็�ว็�า หมายถ5งส�,ออ�เล็�กทรอน�กส�ข่องคอร�สแว็ร�ไว็�ว็�า หมายถ5งส�,ออ�เล็�กทรอน�กส� ((คอมพ�ว็เตอร�คอมพ�ว็เตอร�) ) ซ5,งเป3นการแล็กเปล็�,ยนร:ปแบบการน)าซ5,งเป3นการแล็กเปล็�,ยนร:ปแบบการน)าเสนอบทเร�ยนจัากเอกสารต)าราให�อย:�ในร:ปข่องส�,อการเสนอบทเร�ยนจัากเอกสารต)าราให�อย:�ในร:ปข่องส�,อการเร�ยนการสอนทางคอมพ�ว็เตอร�เร�ยนการสอนทางคอมพ�ว็เตอร�

7.2 7.2 การออกแบบแล็ะพ�ฒนา การออกแบบแล็ะพ�ฒนา e-Learning e-Learning คอร�สแว็ร�คอร�สแว็ร� ร:ปแบบการเร�ยนการสอนท�,เหมาะสมได�แก� ร:ปแบบการร:ปแบบการเร�ยนการสอนท�,เหมาะสมได�แก� ร:ปแบบการออกแบบการเร�ยนการสอนในล็�กษณะพ�ฒนาช้8ดการออกแบบการเร�ยนการสอนในล็�กษณะพ�ฒนาช้8ดการเร�ยนแล็ะในล็�กษณะเช้�งระบบเน�,องจัากเหต8ผ่ล็ส)าค�ญค�อ เร�ยนแล็ะในล็�กษณะเช้�งระบบเน�,องจัากเหต8ผ่ล็ส)าค�ญค�อ เป3นร:ปแบบซ5,งเหมาะส)าหร�บงานซ5,งใช้�ว็�ธ์�การในการเป3นร:ปแบบซ5,งเหมาะส)าหร�บงานซ5,งใช้�ว็�ธ์�การในการออกแบบพ�ฒนาส�,อข่59นมาใหม�ออกแบบพ�ฒนาส�,อข่59นมาใหม� 34

Page 35: การเรียนการสอนบนเว็บ

การออกแบบคอร�สแว็ร�การออกแบบคอร�สแว็ร� e-Learning e-Learning ประกอบด�ว็ยประกอบด�ว็ย 7 7 ข่�9น ด�งน�9ข่�9น ด�งน�9

ข่�9นท�, 1 ข่�9นเตร�ยมต�ว็ ข่�9นท�, 1 ข่�9นเตร�ยมต�ว็

ข่�9นท�,ข่�9นท�, 2 2 ข่�9นเล็�อกเน�9อหาข่�9นเล็�อกเน�9อหา ข่�9นท�,ข่�9นท�, 2 2 ข่�9นเล็�อกเน�9อหาข่�9นเล็�อกเน�9อหา

ข่�9นท�,ข่�9นท�, 4 : 4 : ข่�9นออกแบบหล็�กส:ตรข่�9นออกแบบหล็�กส:ตร ข่�9นท�,ข่�9นท�, 4 : 4 : ข่�9นออกแบบหล็�กส:ตรข่�9นออกแบบหล็�กส:ตร

ข่�9นท�,ข่�9นท�, 3 : 3 : ข่�9นการว็�เคราะห�หล็�กส:ตรข่�9นการว็�เคราะห�หล็�กส:ตรข่�9นท�,ข่�9นท�, 3 : 3 : ข่�9นการว็�เคราะห�หล็�กส:ตรข่�9นการว็�เคราะห�หล็�กส:ตร

ข่�9นท�,ข่�9นท�, 5 : 5 : ข่�9นการพ�ฒนาการเร�ยนการสอนข่�9นการพ�ฒนาการเร�ยนการสอน ข่�9นท�,ข่�9นท�, 5 : 5 : ข่�9นการพ�ฒนาการเร�ยนการสอนข่�9นการพ�ฒนาการเร�ยนการสอน

ขั้��นที่��ขั้� �นที่�� 6 : 6 : ขั้��นการประเมิ�นผลขั้��นการประเมิ�นผลขั้��นที่��ขั้� �นที่�� 6 : 6 : ขั้��นการประเมิ�นผลขั้��นการประเมิ�นผล

ข่�9นท�,ข่�9นท�, 7 : 7 : ข่�9นบ)าร8งร�กษาข่�9นบ)าร8งร�กษา ข่�9นท�,ข่�9นท�, 7 : 7 : ข่�9นบ)าร8งร�กษาข่�9นบ)าร8งร�กษา

35

Page 36: การเรียนการสอนบนเว็บ

8. 8. การออกแบบโครงสร�างเว็�บไซต�การออกแบบโครงสร�างเว็�บไซต�

การออกแบบโครงสร�างเว็�บไซต�การออกแบบโครงสร�างเว็�บไซต� ผ่:�ออกแบบเว็�บส�ว็นใหญ� ผ่:�ออกแบบเว็�บส�ว็นใหญ�จัะม�ร:ปแบบการสร�างท�,แตกต�างก�น โดยท�,ว็ไปจัะข่59นอย:�จัะม�ร:ปแบบการสร�างท�,แตกต�างก�น โดยท�,ว็ไปจัะข่59นอย:�ก�บคว็ามถน�ด แล็ะคว็ามพอใจัข่องตนเป3นหล็�กก�บคว็ามถน�ด แล็ะคว็ามพอใจัข่องตนเป3นหล็�ก (Arvanistis, 1997 (Arvanistis, 1997 อ�างจัาก ถนอมพร เล็าหจัร�สอ�างจัาก ถนอมพร เล็าหจัร�สแสงแสง 2545) 2545) โดยไม�ได�ค)าน5งถ5งหล็�กในการออกแบบท�,โดยไม�ได�ค)าน5งถ5งหล็�กในการออกแบบท�,ถ:กต�อง เท�าท�,คว็ร ล็�นช้�แล็ะฮอร�ต�นถ:กต�อง เท�าท�,คว็ร ล็�นช้�แล็ะฮอร�ต�น (Lynch and (Lynch and Horton, 1999 Horton, 1999 อ�างจัากถนอมพร เล็าหจัร�สแสงอ�างจัากถนอมพร เล็าหจัร�สแสง 2545) 2545) จั5งได�เสนอแนว็ค�ดส)าหร�บการออกแบบเว็�บไซต� จั5งได�เสนอแนว็ค�ดส)าหร�บการออกแบบเว็�บไซต� ว็�า การออกแบบเว็�บไซต�ท�,ด�คว็รจัะต�องว็างโครงสร�างให�ว็�า การออกแบบเว็�บไซต�ท�,ด�คว็รจัะต�องว็างโครงสร�างให�ม�คว็ามสมด8ล็ ม�การเช้�,อมต�อส�มพ�นธ์�ก�น ระหว็�างรายการม�คว็ามสมด8ล็ ม�การเช้�,อมต�อส�มพ�นธ์�ก�น ระหว็�างรายการ (Menu)(Menu)หร�อโฮมเพจั ก�บหน�าเน�9อหาอ�,น ๆ หร�อโฮมเพจั ก�บหน�าเน�9อหาอ�,น ๆ 36

Page 37: การเรียนการสอนบนเว็บ

โครงสร�างข่องเว็�บสร8ปออกเป3นโครงสร�างข่องเว็�บสร8ปออกเป3น 4 4 ร:ปแบบใหญ� ๆ ได�ด�งน�9ร:ปแบบใหญ� ๆ ได�ด�งน�9

8.1 8.1 เว็�บท�,ม�โครงสร�างแบบเร�ยงล็)าด�บเว็�บท�,ม�โครงสร�างแบบเร�ยงล็)าด�บ (Sequential Structure)(Sequential Structure)

37

Page 38: การเรียนการสอนบนเว็บ

โครงสร�างข่องเว็�บสร8ปออกเป3นโครงสร�างข่องเว็�บสร8ปออกเป3น 4 4 ร:ปแบบใหญ� ๆ ได�ด�งน�9ร:ปแบบใหญ� ๆ ได�ด�งน�9

8.2 8.2 เว็�บท�,ม�โครงสร�างแบบล็)าด�บข่�9นเว็�บท�,ม�โครงสร�างแบบล็)าด�บข่�9น (Hierarchical Structure)(Hierarchical Structure)

38

Page 39: การเรียนการสอนบนเว็บ

โครงสร�างข่องเว็�บสร8ปออกเป3นโครงสร�างข่องเว็�บสร8ปออกเป3น 4 4 ร:ปร:ปแบบใหญ� ๆ ได�ด�งน�9แบบใหญ� ๆ ได�ด�งน�9

8.3 8.3 เว็�บท�,ม�โครงสร�างแบบตารางเว็�บท�,ม�โครงสร�างแบบตาราง (Grid Structure) (Grid Structure) 39

Page 40: การเรียนการสอนบนเว็บ

โครงสร�างข่องเว็�บสร8ปออกเป3นโครงสร�างข่องเว็�บสร8ปออกเป3น 4 4 ร:ปร:ปแบบใหญ� ๆ ได�ด�งน�9แบบใหญ� ๆ ได�ด�งน�9

8.4 8.4 เว็�บท�,ม�โครงสร�างแบบใยแมงม8มเว็�บท�,ม�โครงสร�างแบบใยแมงม8ม (Web Structure) (Web Structure)

40

Page 41: การเรียนการสอนบนเว็บ

9. 9. การออกแบบส�ว็นน)าทางการออกแบบส�ว็นน)าทาง

9.1 9.1 การน)าทางการน)าทาง (Navigation) (Navigation)

9.2 9.2 การใช้�ไอคอนแล็ะเมน:เพ�,อการน)าทาง การใช้�ไอคอนแล็ะเมน:เพ�,อการน)าทาง 9.3 9.3 พฤต�กรรมการใช้�เว็�บก�บการออกแบบเว็�บไซต� พฤต�กรรมการใช้�เว็�บก�บการออกแบบเว็�บไซต� 9.4 9.4 หล็�กการในการออกแบบส�ว็นต�อประสานก�บผ่:�หล็�กการในการออกแบบส�ว็นต�อประสานก�บผ่:�

ใช้� ใช้�

41

Page 42: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.1 10.1 คว็ามหมายข่องการออกแบบทางท�ศนะคว็ามหมายข่องการออกแบบทางท�ศนะ การ การออกแบบทางท�ศนะออกแบบทางท�ศนะ (Visual Design) (Visual Design) หมายถ5ง หมายถ5ง การออกแบบภาพแล็ะส�ส�นบนหน�าจัอ ซ5,งค)าว็�าภาพในท�,การออกแบบภาพแล็ะส�ส�นบนหน�าจัอ ซ5,งค)าว็�าภาพในท�,น�9ไม�จั)าก�ดเฉพาะภาพถ�าย ภาพ กราฟCกน�9ไม�จั)าก�ดเฉพาะภาพถ�าย ภาพ กราฟCก 3D 3D แอน�เมช้�น แอน�เมช้�น หร�อ ว็�ด�ท�ศน� เท�าน�9นแต�รว็มถ5งข่�อคว็าม แผ่นท�, กราฟ หร�อ ว็�ด�ท�ศน� เท�าน�9นแต�รว็มถ5งข่�อคว็าม แผ่นท�, กราฟ ฯล็ฯ ท�,ปรากฏิบนหน�าเว็�บด�ว็ยฯล็ฯ ท�,ปรากฏิบนหน�าเว็�บด�ว็ย ((ถนอมพร เล็าหจัร�สถนอมพร เล็าหจัร�สแสงแสง 2545)2545)

42

Page 43: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.2 10.2 หล็�กการในการออกแบบทางท�ศนะหล็�กการในการออกแบบทางท�ศนะ ถนอมพร เล็าห ถนอมพร เล็าหจัร�สแสงจัร�สแสง (2545) (2545) กล็�าว็ถ5งหล็�กการในการออกแบบกล็�าว็ถ5งหล็�กการในการออกแบบทางท�ศนะไว็�ว็�า การออกแบบทางท�ศนะน�9น หล็�กการท�,ด:ทางท�ศนะไว็�ว็�า การออกแบบทางท�ศนะน�9น หล็�กการท�,ด:เหม�อนจัะธ์รรมดา ๆ แต�ม�กจัะถ:กมองข่�าม ได�แก� หล็�กเหม�อนจัะธ์รรมดา ๆ แต�ม�กจัะถ:กมองข่�าม ได�แก� หล็�กการในการสร�างสมด8ล็ ผ่:�ออกแบบต�องพ�จัารณาให�การในการสร�างสมด8ล็ ผ่:�ออกแบบต�องพ�จัารณาให�รอบคอบในด�านข่องการสร�างคว็ามสมด8ล็บนเว็�บไซต�รอบคอบในด�านข่องการสร�างคว็ามสมด8ล็บนเว็�บไซต�ข่องตนในข่องตนใน 3 3 ม�ต�ด�ว็ยก�น ได�แก�ม�ต�ด�ว็ยก�น ได�แก� 1) 1) ม�ต�ข่องเปBาหมายม�ต�ข่องเปBาหมายข่องเว็�บไซต�ข่องเว็�บไซต� 2) 2) ม�ต�ด�านคว็ามต�องการข่องผ่:�ใช้�ม�ต�ด�านคว็ามต�องการข่องผ่:�ใช้� ((ผ่:�ผ่:�เร�ยนเร�ยน) ) แล็ะแล็ะ 3) 3) ม�ต�ทางด�านข่�อจัาก�ดด�านฮาร�ดแว็ร� ม�ต�ทางด�านข่�อจัาก�ดด�านฮาร�ดแว็ร� ต�ว็อย�างเช้�น สมมต�ว็�าเปBาหมายข่องเว็�บไซต�ข่องเรา ต�ว็อย�างเช้�น สมมต�ว็�าเปBาหมายข่องเว็�บไซต�ข่องเรา ได�แก� การออกแบบพ�ฒนาเว็�บไซต�เพ�,อการเร�ยนการสอนได�แก� การออกแบบพ�ฒนาเว็�บไซต�เพ�,อการเร�ยนการสอน

4343

Page 44: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.3 10.3 คว็ามหมายข่องคว็ามหมายข่อง Functional Areas Functional Areas Functional AreasFunctional Areas ค�อ การแบ�งส�ว็นต�ดต�อค�อ การแบ�งส�ว็นต�ดต�อระหว็�างโปรแกรมก�บผ่:�ใช้�ออกเป3นส�ว็น ๆ อย�างช้�ดเจันระหว็�างโปรแกรมก�บผ่:�ใช้�ออกเป3นส�ว็น ๆ อย�างช้�ดเจันตามหน�าท�,การทางานข่องม�น เพ�,อให�ง�ายต�อการทาตามหน�าท�,การทางานข่องม�น เพ�,อให�ง�ายต�อการทาคว็ามเข่�าใจัข่องผ่:�ใช้�คว็ามเข่�าใจัข่องผ่:�ใช้� ((ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง 2545)2545)

4444

Page 45: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.4 10.4 การออกแบบการออกแบบ Functional AreasFunctional Areas

ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง (2545) (2545) ได�เสนอว็�ธ์�การได�เสนอว็�ธ์�การออกแบบออกแบบFunctional area Functional area ไว็�ด�งน�9ไว็�ด�งน�9

10.4.1 10.4.1 ผ่:�ออกแบบคว็รออกแบบช้�,อห�ว็ข่�อบร�เว็ณผ่:�ออกแบบคว็รออกแบบช้�,อห�ว็ข่�อบร�เว็ณส�ว็นบนข่องหน�าจัอ ส�ว็นบนข่องหน�าจัอ

10.4.2 10.4.2 การออกแบบการออกแบบ Functional Areas Functional Areas ท�,ท�,ด�น�9นต�องเน�นในเร�,องข่องคว็ามช้�ดเจันแล็ะคว็ามด�น�9นต�องเน�นในเร�,องข่องคว็ามช้�ดเจันแล็ะคว็ามสหม),าเสมอสหม),าเสมอ (Clarity and Consistency)(Clarity and Consistency)

4545

Page 46: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.5 10.5 การออกแบบเว็�บเพจัอย�างสมด8ล็การออกแบบเว็�บเพจัอย�างสมด8ล็ ในการออกแบบเว็�บเพจัน�9นต�องค)าน5งถ5งคว็ามสมด8ล็ระหว็�างการใช้�ในการออกแบบเว็�บเพจัน�9นต�องค)าน5งถ5งคว็ามสมด8ล็ระหว็�างการใช้�ภาพกราฟCกแล็ะข่�อคว็ามเพ�,อให�ผ่:�ใช้�สามารถเปCดเว็�บเพจัได�รว็ดเร�ว็ภาพกราฟCกแล็ะข่�อคว็ามเพ�,อให�ผ่:�ใช้�สามารถเปCดเว็�บเพจัได�รว็ดเร�ว็

ไม�ต�องไม�ต�องเส�ยเว็ล็าในการรอมากเก�นไป นอกจัากน�9ให�ค)าน5งอย:�เสมอว็�าพ�9นท�,เส�ยเว็ล็าในการรอมากเก�นไป นอกจัากน�9ให�ค)าน5งอย:�เสมอว็�าพ�9นท�,

บนหน�าจัอบนหน�าจัอคอมพ�ว็เตอร�น�9นเล็�กกว็�าหน�าท�,พ�มพ�ออกมาผ่:�ออกแบบคว็รค)าน5งว็�าคอมพ�ว็เตอร�น�9นเล็�กกว็�าหน�าท�,พ�มพ�ออกมาผ่:�ออกแบบคว็รค)าน5งว็�า

ผ่:�เร�ยนผ่:�เร�ยนสามารถเปCดด:เว็�บเพจัได�พอด�สามารถเปCดด:เว็�บเพจัได�พอด�

4646

Page 47: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.6 10.6 การออกแบบกร�ด การออกแบบกร�ด (grid)(grid) ในการออกแบบในการออกแบบเว็�บเพจั คว็ามสหม),าเสมอเป3นส�,งส)าค�ญ เพราะผ่:�เว็�บเพจั คว็ามสหม),าเสมอเป3นส�,งส)าค�ญ เพราะผ่:�เร�ยนสามารถคาดเดาว็�าจัะท)าส�,งใดได�อย�างเร�ยนสามารถคาดเดาว็�าจัะท)าส�,งใดได�อย�างง�ายดาย การออกแบบกร�ดเป3นส�,งส)าค�ญสาหร�บง�ายดาย การออกแบบกร�ดเป3นส�,งส)าค�ญสาหร�บการออกแบบส�,งพ�มพ�ท�,ด�เช้�นใด การออกแบบกร�ดการออกแบบส�,งพ�มพ�ท�,ด�เช้�นใด การออกแบบกร�ดก�สาค�ญส)าหร�บการออกแบบเว็�บเพจัท�,ด�เช้�นน�9น ก�สาค�ญส)าหร�บการออกแบบเว็�บเพจัท�,ด�เช้�นน�9น กร�ดม�ล็�กษณะเป3นเส�นตรงในแนว็ต�9งแล็ะแนว็นอน กร�ดม�ล็�กษณะเป3นเส�นตรงในแนว็ต�9งแล็ะแนว็นอน กร�ดเป3นเสม�อนโครงข่องเว็�บเพจัซ5,งจัะช้�ว็ยให�กร�ดเป3นเสม�อนโครงข่องเว็�บเพจัซ5,งจัะช้�ว็ยให�เว็�บเพจัในเว็�บไซต�เด�ยว็ก�นม�คว็ามเป3นระเบ�ยบแล็ะเว็�บเพจัในเว็�บไซต�เด�ยว็ก�นม�คว็ามเป3นระเบ�ยบแล็ะม�คว็ามคงท�,ม�คว็ามคงท�, 4747

Page 48: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.7 10.7 หล็�กการส)าหร�บการออกแบบกราฟCกบนเว็�บเพจั ในการหล็�กการส)าหร�บการออกแบบกราฟCกบนเว็�บเพจั ในการออกแบบต�องออกแบบต�อง

ค)าน5งถ5งป=จัจั�ยค)าน5งถ5งป=จัจั�ย 2 2 ข่�อ ค�อข่�อ ค�อ ((ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง 2545) 2545) 1. 1. ข่นาดข่องข่นาดข่อง

จัอคอมพ�ว็เตอร�ท�,ใช้�ในการแสดงผ่ล็ซ5,งม�คว็ามล็ะเอ�ยดท�,จัอคอมพ�ว็เตอร�ท�,ใช้�ในการแสดงผ่ล็ซ5,งม�คว็ามล็ะเอ�ยดท�, 800x600 pixels 2) 800x600 pixels 2)

หากต�องการให�ผ่:�ใช้�พ�มพ�หน�าจัอล็งบนกระดาษในการออกแบบหากต�องการให�ผ่:�ใช้�พ�มพ�หน�าจัอล็งบนกระดาษในการออกแบบต�องให�อย:�ในต�องให�อย:�ใน

พ�9นท�,พ�9นท�, 595x842 pixels 595x842 pixels ซ5,งพ�9นท�,ในการแสดงผ่ล็ท�,มากซ5,งพ�9นท�,ในการแสดงผ่ล็ท�,มากท�,ส8ดในการออกแบบท�,ส8ดในการออกแบบ

กราฟCก ค�อกราฟCก ค�อ 760x420 pixels 760x420 pixels 4848

Page 49: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.8 10.8 การออกแบบต�ว็เพ�,อการอ�านท�,ช้�ดเจัน การออกแบบต�ว็เพ�,อการอ�านท�,ช้�ดเจัน (Readability)(Readability) ข่�อคว็รพ�จัารณาท�,ส)าค�ญท�,ส8ดในการข่�อคว็รพ�จัารณาท�,ส)าค�ญท�,ส8ดในการออกแบบแล็ะพ�ฒนาส�ว็นต�อประสานแล็ะการออกแบบออกแบบแล็ะพ�ฒนาส�ว็นต�อประสานแล็ะการออกแบบทางท�ศนะ ได�แก� คว็ามสามารถในการอ�านเน�9อหาข่องผ่:�ทางท�ศนะ ได�แก� คว็ามสามารถในการอ�านเน�9อหาข่องผ่:�เร�ยนเร�ยน (readability) (readability) เพราะการจั�ดเน�9อหาบทเร�ยนให�เพราะการจั�ดเน�9อหาบทเร�ยนให�แก�ผ่:�เร�ยนเป3นประเด�นหน5,ง แต�การช้�กช้ว็นให�ผ่:�เร�ยนอ�านแก�ผ่:�เร�ยนเป3นประเด�นหน5,ง แต�การช้�กช้ว็นให�ผ่:�เร�ยนอ�านเน�9อหาบทเร�ยนน�9น ๆ เป3นอ�กประเด�นหน5,ง ด�งน�9นจั5งเป3นเน�9อหาบทเร�ยนน�9น ๆ เป3นอ�กประเด�นหน5,ง ด�งน�9นจั5งเป3นส�,งส)าค�ญมากส)าหร�บเว็�บไซต�เพ�,อการเร�ยนการสอนท�,จัะส�,งส)าค�ญมากส)าหร�บเว็�บไซต�เพ�,อการเร�ยนการสอนท�,จัะต�องออกแบบให�อย:�ในร:ปท�,อ�านได�ง�ายแล็ะช้�ดเจันท�,ส8ดเท�าต�องออกแบบให�อย:�ในร:ปท�,อ�านได�ง�ายแล็ะช้�ดเจันท�,ส8ดเท�าท�,จัะท)าได�ท�,จัะท)าได� ((ถนอมพร เล็าหจัร�สแสงถนอมพร เล็าหจัร�สแสง 2545)2545)

4949

Page 50: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ10.9 เทคน�คในการเพ�,มศ�กยภาพในการอ�านข่องผ่:�เร�ยน ม�

เทคน�คบางประการท�,ม�ส�ว็นช้�ว็ยในการเพ�,มศ�กยภาพในการอ�านข่องผ่:�

เร�ยน เทคน�คเหล็�าน�9น ได�แก� (ถนอมพร เล็าหจัร�สแสง 2545) 10.9.1 ต�ว็พ�มพ� (Typeface) 10.9.2 ฟอนต�แล็ะต�ว็อ�กษรใหญ�-เล็�ก (Font and

Case) 10.9.3 การจั�ดคว็าม (Justification) 10.9.4 คว็ามยาว็ข่องข่�อคว็ามแต�ล็ะบรรท�ด (Line

Length) 10.9.5 คว็ามต�ดก�น (Contrast) 10.9.6 การเบ�,ยงเบนสมาธ์�ข่องผ่:�เร�ยน (Distractions) 5050

Page 51: การเรียนการสอนบนเว็บ

10. 10. การออกแบบทางท�ศนะการออกแบบทางท�ศนะ

10.10 เทคน�คในการจั:งใจัผ่:�เร�ยน นอกจัากเทคน�คในการออกแบบเพ�,อเพ�,มประส�ทธ์�ภาพในการ

อ�านข่องผ่:�เร�ยน ในการออกแบบทางท�ศนะย�งม�เทคน�คบางประการซ5,งอาจั

ช้�ว็ยจั:งใจัผ่:�เร�ยนให�ต�องการเข่�ามาเร�ยนในเว็�บไซต�มากข่59น เทคน�คเหล็�าน�9นได�แก�

(ถนอมพร เล็าหจัร�สแสง 2545)

10.10.1 10.10.1 พ�9นท�,ว็�างพ�9นท�,ว็�าง (Blank Space)(Blank Space)

10.10.2 10.10.2 ส�ส� (Colors)(Colors)

10.10.3 10.10.3 การย�อยเน�9อหาการย�อยเน�9อหา (Chunking)(Chunking) 5151

Page 52: การเรียนการสอนบนเว็บ

เทคน�คในการออกแบบ เทคน�คในการออกแบบ ((ต�อต�อ))

10.10.4 10.10.4 กราฟCกกราฟCก (Graphic)(Graphic)

10.10.5 10.10.5 ล็)าด�บเล็ข่ล็)าด�บเล็ข่ (Numbering)(Numbering)

10.10.6 10.10.6 ตารางตาราง (Table)(Table)

10.10.7 10.10.7 ร:ปแบบการมองร:ปแบบการมอง (Viewing Pattern)(Viewing Pattern)

10.10.8 10.10.8 จั)านว็นส�ว็นประกอบจั)านว็นส�ว็นประกอบ (Number of (Number of Elements)Elements)

10.10.9 10.10.9 เส�ยงเส�ยง (Audio)(Audio)

10.10.10 10.10.10 ว็�ด�ท�ศน�ว็�ด�ท�ศน� (Video)(Video) 52

Page 53: การเรียนการสอนบนเว็บ

11. 11. ฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�ท�,ใช้�ในการฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�ท�,ใช้�ในการสร�างบทเร�ยนสร�างบทเร�ยน

ในการสร�างบทเร�ยนอ�เล็�กทรอน�กส� ต�องม�คอมพ�ว็เตอร�ท�,ม�ในการสร�างบทเร�ยนอ�เล็�กทรอน�กส� ต�องม�คอมพ�ว็เตอร�ท�,ม�ประส�ทธ์�ภาพส:งประส�ทธ์�ภาพส:ง

เพ�,อคว็ามสะดว็กในการสร�างบทเร�ยนท�,ประกอบด�ว็ยข่�อคว็ามต�ว็อ�กษร เพ�,อคว็ามสะดว็กในการสร�างบทเร�ยนท�,ประกอบด�ว็ยข่�อคว็ามต�ว็อ�กษร ภาพ ภาพ

ภาพเคล็�,อนไหว็ แล็ะงานกราฟCกอ�,น ๆ นอกจัากน�9ย�งต�องม�การเช้�,อมต�อภาพเคล็�,อนไหว็ แล็ะงานกราฟCกอ�,น ๆ นอกจัากน�9ย�งต�องม�การเช้�,อมต�อเคร�อข่�ายอ�นเทอร�เน�ต ซ5,งจัะท)าให�สามารถตรว็จัสอบผ่ล็การทางานข่องเคร�อข่�ายอ�นเทอร�เน�ต ซ5,งจัะท)าให�สามารถตรว็จัสอบผ่ล็การทางานข่องบทเร�ยนท�,สร�างข่59น เพราะบทเร�ยนท�,สร�างข่59นอาจัทางานได�ด�เม�,อข่�อม:ล็บทเร�ยนท�,สร�างข่59น เพราะบทเร�ยนท�,สร�างข่59นอาจัทางานได�ด�เม�,อข่�อม:ล็

ย�งอย:�ย�งอย:�ในเคร�,องคอมพ�ว็เตอร� แต�เม�,อนาข่�อม:ล็ข่59นส:�เคร�อข่�ายอ�นเทอร�เน�ตในเคร�,องคอมพ�ว็เตอร� แต�เม�,อนาข่�อม:ล็ข่59นส:�เคร�อข่�ายอ�นเทอร�เน�ต

(upload) (upload) อาจัม�ป=ญหาก�ได� จั5งต�องม�การตรว็จัสอบตล็อดเว็ล็า ด�งน�9นจั5งต�องม�อาจัม�ป=ญหาก�ได� จั5งต�องม�การตรว็จัสอบตล็อดเว็ล็า ด�งน�9นจั5งต�องม�ฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�พ�9นฐานท�,จัาเป3นด�งน�9ฮาร�ดแว็ร�แล็ะซอฟต�แว็ร�พ�9นฐานท�,จัาเป3นด�งน�9

53

Page 54: การเรียนการสอนบนเว็บ

11.1 11.1 ฮาร�ดแว็ร�ฮาร�ดแว็ร� (Hardware)(Hardware)

11.1.1 11.1.1 ระบบบร�หารจั�ดการระบบบร�หารจั�ดการ ((Course Course Management SystemManagement System: : CMSCMS))

11 ) ) เซอร�ฟเว็อร�เซอร�ฟเว็อร� ((ServerServer))

2) 2) คอมพ�ว็เตอร�ปฏิ�บ�ต�งานคอมพ�ว็เตอร�ปฏิ�บ�ต�งาน 11.1.2 11.1.2 คอมพ�ว็เตอร�เคร�อข่�ายคอมพ�ว็เตอร�เคร�อข่�าย ((client networkclient network))

1) 1) คอมพ�ว็เตอร�สาหร�บการเร�ยนการสอนคอมพ�ว็เตอร�สาหร�บการเร�ยนการสอน 2) 2) คอมพ�ว็เตอร�สาหร�บการส�บค�นข่�อม:ล็นอกเว็ล็าเร�ยนคอมพ�ว็เตอร�สาหร�บการส�บค�นข่�อม:ล็นอกเว็ล็าเร�ยน3) 3) คอมพ�ว็เตอร�ส�ว็นบ8คคล็ท�,ใช้�ตามบ�านเร�อนคอมพ�ว็เตอร�ส�ว็นบ8คคล็ท�,ใช้�ตามบ�านเร�อน ((Home Home

usedused) ) แล็ะศ:นย�บร�การต�าง ๆ สาหร�บการส�บค�นข่�อม:ล็แล็ะศ:นย�บร�การต�าง ๆ สาหร�บการส�บค�นข่�อม:ล็นอกเว็ล็าเร�ยนนอกเว็ล็าเร�ยน 5454

Page 55: การเรียนการสอนบนเว็บ

11.2 ซอฟต�แว็ร� (Software)

ในการสร�างบทเร�ยนบนเคร�อข่�ายท�,ผ่:�ว็�จั�ยได�สร�างข่59นน�9 ได�ใช้�ในการสร�างบทเร�ยนบนเคร�อข่�ายท�,ผ่:�ว็�จั�ยได�สร�างข่59นน�9 ได�ใช้�ซอฟต�แว็ร�ซอฟต�แว็ร�

หล็ายช้น�ด ซ5,งตอบสนองานแต�ล็ะประเภท ด�งน�9หล็ายช้น�ด ซ5,งตอบสนองานแต�ล็ะประเภท ด�งน�9 11.2.1 11.2.1 ซอฟต�แว็ร�สาหร�บสร�างเว็�บเพจัซอฟต�แว็ร�สาหร�บสร�างเว็�บเพจั เช้�น เช้�น FrontPage, FrontPage,

Namo Namo WebEditor, Macromedia Dreamweaver WebEditor, Macromedia Dreamweaver เป3นต�นเป3นต�น 11.2.2 11.2.2 ซอฟต�แว็ร�สร�างงานกราฟCกซอฟต�แว็ร�สร�างงานกราฟCก เช้�น เช้�น Adobe Adobe

Photoshop, Adobe Photoshop, Adobe Illustrator, Image Ready , Macromedia Flash, Illustrator, Image Ready , Macromedia Flash,

ChemDraw ChemDraw เป3นต�นเป3นต�น11.2.3 11.2.3 ซอฟต�แว็ร�สร�างฐานข่�อม:ล็ซอฟต�แว็ร�สร�างฐานข่�อม:ล็ เช้�น เช้�น Microsoft Access Microsoft Access 11.2.4 11.2.4 ซอฟต�แว็ร�สน�บสน8นอ�,น ๆซอฟต�แว็ร�สน�บสน8นอ�,น ๆ เช้�น เช้�น Microsoft Word, Microsoft Word,

Excel, Windows Excel, Windows movie maker movie maker เป3นต�นเป3นต�น 5555

Page 56: การเรียนการสอนบนเว็บ

LOGO

5757

Page 57: การเรียนการสอนบนเว็บ

แบบฝึAกห�ดท�ายบทแบบฝึAกห�ดท�ายบท

1. 1. จังอธ์�บายคว็ามหมายข่องการเร�ยนการสอนผ่�านจังอธ์�บายคว็ามหมายข่องการเร�ยนการสอนผ่�านเว็�บมาพอเข่�าใจัเว็�บมาพอเข่�าใจั

2. 2. จังบอกล็�กษณะส)าค�ญข่องจังบอกล็�กษณะส)าค�ญข่อง e-Learning e-Learning ท�,ด� คว็รท�,ด� คว็รจัะประกอบด�ว็ยจัะประกอบด�ว็ย

ล็�กษณะส)าค�ญ อะไรบ�างล็�กษณะส)าค�ญ อะไรบ�าง