web page maker · การติดตั้งโปรแกรม webpage maker...

ก

เอกสารประกอบการเรยน การสรางเวบไซตดวยโปรแกรม Web Page Maker รายวชา คอมพวเตอร (สาระการเรยนรเพมเตม) ระดบชนมธยมศกษาปท 2 กลมสาระการเรยนรการงานอาชพและเทคโนโลย จดท าขนเพอเปนเครองมอในการแสวงหาความรความเขาใจดวยตนเอง

เอกสารประกอบการเรยน การสรางเวบไซตดวยโปรแกรม Webpage Maker มจ านวน 8 เลม ดงน

เลมท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker เลมท 2 สวนประกอบและการก าหนดคณสมบตเบองตน เลมท 3 การจดการขอความ เลมท 4 การจดการรปภาพและตาราง เลมท 5 การจดการภาพเคลอนไหว เลมท 6 การจดการเสยง เลมท 7 การจดการวดโอ เลมท 8 การเชอมโยง ในโอกาสน ขอขอบคณทานผอานวยการโรงเรยน คณะคร นกเรยน และผทรงคณวฒ

ทใหค าปรกษา ค าแนะน าและเปนก าลงใจ จนท าใหเอกสารประกอบการเรยนเลมน มคณคา มากยงขน หวงเปนอยางยงวา จะเปนประโยชนชวยใหผเรยนเกดการเรยนรอยางมประสทธภาพและเกดประสทธผลทด สามารถประยกตในการใชงานและสรางชนงานไดอยางสรางสรรคและน าไปใช ในชวตประจ าวนได

อภรมย ผวละออ

ค ำน ำ

ข

เรอง หนำ ค าน า ก สารบญ ข สารบญรปภาพ ค ค าแนะน าการใชเอกสารประกอบการเรยน 1 จดประสงคการเรยนร 2 สาระการเรยนร 3 แบบทดสอบกอนเรยน 4 มมความร 8 ใบความรท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker 9 ใบความรท 2 การตดตงโปรแกรม Webpage Maker 10 มมกจกรรม 11 กจกรรมท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker 12 กจกรรมท 2 การตดตงโปรแกรม Webpage Maker 13 แบบทดสอบหลงเรยน 14 ภาคผนวก 17 เฉลยแบบทดสอบกอนเรยน 18 เฉลยกจกรรมท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker 19 เฉลยกจกรรมท 2 การตดตงโปรแกรม Webpage Maker 20 เฉลยแบบทดสอบหลงเรยน 21 บรรณานกรม 22 ประวตยอผเขยน 23

สำรบญ

ค

ภำพท หนำ 1 สญลกษณของโปรแกรม Webpage Maker 8 2 ขนตอนการตดตงโปรแกรม 10 3 ไอคอนโปรแกรม Webpage Maker 10 4 หนาตางโปรแกรม Webpage Maker 10

สำรบญรปภำพ

1

ค าแนะน าการใชเอกสารประกอบการเรยน

เอกสารประกอบการเรยน การสรางเวบไซตดวยโปรแกรม Web Page Maker รายวชา

คอมพวเตอร (สาระการเรยนรเพมเตม) ระดบชนมธยมศกษาปท 2 กลมสาระการเรยนรการงานอาชพ

และเทคโนโลย จดท าขนเพอใหนกเรยนไดมเอกสารประกอบการเรยนโดยมรายละเอยดขนตอน

การศกษา ดงน

1. อานค าชแจงการใชเอกสารประกอบการเรยน และจดประสงคการเรยนร ใหเขาใจ

2. ท าแบบทดสอบกอนเรยน และตรวจค าตอบดวยตนเอง เพอทราบความรพนฐาน กอนทจะศกษาเอกสารประกอบการเรยน

3. ศกษาใบความรในเอกสารประกอบการเรยน และท ากจกรรมตามทก าหนด ดวยความตงใจ เพอทบทวนความรความเขาใจหากมขอสงสยใหสอบถามครผสอนเพอขอค าแนะน า

4. ท าแบบทดสอบหลงเรยน และตรวจค าตอบดวยตนเอง เพอวดผลความกาวหนาในการเรยน

5. นกเรยนตองมความซอสตยตอตนเองในการท ากจกรรมโดยไมเปดดเฉลยกอนเรยน หลงเรยนและเฉลยกจกรรมทกกจกรรม

6. นกเรยนสามารถศกษาคนควาเพมเตมจากเอกสารประกอบการเรยนทงหมดไดจากเอกสารอางองทใหไวทายเลม

2

1. บอกลกษณะ จดเดนและความส าคญของโปรแกรม

Webpage Maker ได

2. นกเรยนสามารถตดตงโปรแกรม Webpage Maker

ได

3. นกเรยนมความมงมนในศกษาและมความ

กระตอรอรนในการท างาน

จดประสงคการเรยนร

3

1. ความรเบองตนเกยวกบโปรแกรม Webpage Maker โปรแกรม Webpage maker เปนโปรแกรมส าเรจรป อกโปรแกรมหนงทสามารถน ามาออกแบบและเขยนเวบไซต ไดดในระดบหนง ดวยรปแบบและค าสงการใชงานทงายตอการศกษาและเรยนรสาหรบผไมมพนฐานทางคอมพวเตอร ซงเปนศนยรวบรวมความรและแหลงขอมลตางๆ เชน ขาวสาร ประชาสมพนธ บนเทง กฬา เวบไซต (Web Site) เปนแหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ เชน ภาพ เสยง ขอความ ของแตละบรษทหรอหนวยงาน โดยเรยกเอกสารตาง ๆ เหลานวา เวบเพจ (Web Page)และเรยกเวบหนาแรกของแตละเวบไซตวา โฮมเพจ (Home Page) 2. การตดตงโปรแกรม Webpage Maker เปนขนตอนเรมตนกอนการเรมใชงานโกรแกรม Webpage maker ซงเปนการตดตงลงในเครองคอมพวเตอรเพอตรวจสอบความสมบรณและความพรอมกอนการใชงาน

สาระส าคญ

4

เอกสารประกอบการเรยน รายวชา คอมพวเตอร (เพมเตม) ระดบชนมธยมศกษาปท 2

เรอง ความรเบองตนเกยวกบโปรแกรม Webpage Maker

แบบทดสอบกอนเรยน

ค าชแจง : ใหนกเรยนเลอกค าตอบทถกทสดเพยงขอเดยวแลวท าเครองหมาย

ลงในกระดาษค าตอบ (เวลา 10 นาท คะแนนเตม 10 คะแนน)

1. โปรแกรม Webpage Maker เปนโปรแกรมประเภทใด ก. โปรแกรมระบบปฏบตการ ข. โปรแกรมเอนกประสงค ค. โปรแกรมส าเรจรป ง. ถกทกขอ 2. ขอใดไมใชจดเดนของโปรแกรม Webpage Maker ก. สามารถพฒนาเวบไซตไดโดยงาย ข. โปรแกรมมขนาดเลก ค. สามารถพฒนาเพอหารายได ง. อ านวยความสะดวกผทไมมความรดานการสรางเวบไซต 3. โปรแกรม Webpage Maker มหลกการท างานอยางไร ก. คลกและเขยน ข. วาดแลววาง ค. ลากแลววาง ง. เขยนและวาง

5

4. ขอใดคอสญลกษณของ โปรแกรม Webpage Maker

ก.

ข.

ค.

ง. 5. เมอตองการตดตงโปรแกรมควรเลอกไฟลใด ก. setup.exe ข. setup.ico ค. setup.png ง. setup.gif 6. นกเรยนสามารถดาวนโหลดโปรแกรม Webpage Maker ไดจากเวบไซตใด ก. http://www.webpage-maker.com ข. https://www.google.co.th ค. https://www.youtube.com/ ง. https://www.hotmail.com/ 7. เมอตองการยนยนการตดตงโปรแกรมควรเลอกขอใด ก. Cancel ข. Install ค. Accept ง. Finish 8. ขอใดเปนจดดอยของโปรแกรม Webpage Maker ก. เชอมโยงลงคคอนขางยาก ข. เพมคลปวดโอไมได ค. ภาพเคลอนไหวไมสามารถแสดงผลได ง. มขอจ ากดดานการจดการมลตมเดย

6

9. ขอใดไมใชองคประกอบของการน าเสนอสอมลตมเดย ก. ขอความ ข. เกม ค. เสยง ง. ภาพเคลอนไหว 10. โปรแกรม Web Page Maker นอกจากจะชวยอ านวยความสะดวกในการสรางงานเสนอแลว ยง

สามารถเพมความนาสนใจดานใดเปนอยางด ก. การโตตอบ ข. การสนทนาออนไลน ค. การเชอมโยงกนเหมอนใยแมงมม ง. รปภาพแอนเมชนและเสยง

ตงใจท าแบบทดสอบนะครบ เพอเปนแนวทางในการศกษา

ตอไป ส ๆ !!!!

7

มมความร Knowledge

8

Web Page Maker เปนโปรแกรมส าเรจรปชวยในการออกแบบเวบ และสรางเวบไดงายๆ เพอน าเสนอขอมล เปนโปรแกรมในกลม WYSIWYG (What You See It What You Get) ใชหลกการ ลากแลววาง (Drag-and-Drop) ภายในมสงอ านวยความสะดวกมากมาย ทมความสามารถดานการน าเสนอสอมลตมเดย ประกอบดวย ขอความ รปภาพ ภาพเคลอนไหวหรอแอนเมชน เสยง และวดโอชนดตาง ๆ

1. เชอมโยงลงคกนไดงาย ๆ 2. ท าสไลดโชวขอความ ภาพ ภาพเคลอนไหว เสยง และวดโอ ในรปแบบของเวบไซต 3. โปรแกรมมขนาดเลก 4. สามารถพฒนาเวบไซตไดโดยงาย 5. อ านวยความสะดวกผทไมมความรดานการสรางเวบไซต

l สญลกษณของ โปรแกรม Webpage Maker

ภาพท 1 สญลกษณของโปรแกรม Webpage Maker

Maker

ใบความรท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker

ตอไปศกษาขนตอนการตดตงโปรแกรมเลยครบ...

จดเดนของโปรแกรม

สามารถดาวนโหลดตวโปรแกรมไดท http://www.webpage-maker.com

9

วธการตดตงโปรแกรม Webpage Maker 1. คลกทไฟล setup.exe จะไดหนาจอ ดงภาพ ใหคลกเลอก Next > 2. เลอก ( I accept the agreement

เพอยอมรบขอตกลง แลวคลก Next > 3. โปรแกรมจะแสดงไดรฟทท าการตดตง แลวคลก Next > 4. คลก Next > 5. คลก Install เพอยนยนการตดตง

ใบความรท 2 การตดตงโปรแกรม Webpage Maker

10

6. คลก Finish เสรจสนการลงโปรแกรม

ภาพท 2 ขนตอนการตดตงโปรแกรม

การเขาสโปรแกรม วธท 1 การเขาผานไอคอนโดยตรงหนาจอหลก โดยดบเบลคลกทเมน

ภาพท 3 ไอคอนโปรแกรม Webpage Maker

วธท 2 การเขาผานเมนเรมตน (Start) ไปท Start > Programs > Web page Maker> Web page Maker เมอเขาสโปรแกรมจะปรากฏหนาตางโปรแกรม ดงภาพ

ภาพท 4 หนาตางโปรแกรม Webpage Maker

11

มมกจกรรม Activities

12

ค าชแจง : ใหนกเรยนตอบค าถามตอไปน

1. หลกการทส าคญของโปรแกรม Webpage Maker คออะไร

................................................................................................................... 2. องคประกอบของมลตมเดยมอะไรบาง

...................................................................................................................

...................................................................................................................

...................................................................................................................

...................................................................................................................

................................................................................................................... 3. จงเขยนจดเดนของโปรแกรม Webpage Maker

...................................................................................................................

...................................................................................................................

...................................................................................................................

...................................................................................................................

...................................................................................................................

กจกรรมท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker

ชวยตอบค าถามดวยนะครบ

13

ค าชแจง : ใหนกเรยนตอบค าถามตอไปน

1. เมอนกเรยนตองการตดตงโปรแกรมควรเลอกทไฟลใด

................................................................................................................... 2. เมอสนสดการตดตงโปรแกรมใหเลอกทปมใด

................................................................................................................... 3. ใหนกเรยนอธบายการเขาสโปรแกรมพอสงเขป ................................................................................................................... ................................................................................................................... ................................................................................................................... ................................................................................................................... ...................................................................................................................

กจกรรมท 2 การตดตงโปรแกรม Webpage Maker

ตรวจสอบค าตอบดวยนะครบ

14

เอกสารประกอบการเรยน รายวชา คอมพวเตอร (เพมเตม) ระดบชนมธยมศกษาปท 2

เรอง ความรเบองตนเกยวกบโปรแกรม Webpage Maker

แบบทดสอบหลงเรยน

ค าชแจง : ใหนกเรยนเลอกค าตอบทถกทสดเพยงขอเดยวแลวท าเครองหมาย ลงในกระดาษค าตอบ (เวลา 10 นาท คะแนนเตม 10 คะแนน)

1. นกเรยนสามารถดาวนโหลดโปรแกรม Webpage Maker ไดจากเวบไซตใด ก. https://www.google.co.th ข. https://www.hotmail.com/ ค. https://www.youtube.com/ ง. http://www.webpage-maker.com 2. โปรแกรม Webpage Maker เปนโปรแกรมประเภทใด ก. โปรแกรมระบบปฏบตการ ข. โปรแกรมเอนกประสงค ค. โปรแกรมส าเรจรป ง. ถกทกขอ 3. ขอใดคอสญลกษณของ โปรแกรม Webpage Maker

ก.

ข.

ค.

ง.

15

4. โปรแกรม Web Page Maker นอกจากจะชวยอ านวยความสะดวกในการสรางงานเสนอแลว ยงสามารถเพมความนาสนใจดานใดเปนอยางด

ก. การโตตอบ ข. การสนทนาออนไลน ค. รปภาพแอนเมชนและเสยง ง. การเชอมโยงกนเหมอนใยแมงมม 5. โปรแกรม Webpage Maker มหลกการท างานอยางไร ก. วาดแลววาง ข. ลากแลววาง ค. เขยนและวาง ง. คลกและเขยน 6. เมอตองการตดตงโปรแกรมควรเลอกไฟลใด ก. setup.exe ข. setup.gif ค. setup.ico ง. setup.png 7. เมอตองการยนยนการตดตงโปรแกรมควรเลอกขอใด ก. Cancel ข. Install ค. Accept ง. Finish 8. ขอใดไมใชจดเดนของโปรแกรม Webpage Maker ก. โปรแกรมมขนาดเลก ข. สามารถพฒนาเพอหารายได ค. สามารถพฒนาเวบไซตไดโดยงาย ง. อ านวยความสะดวกผทไมมความรดานการสรางเวบไซต

16

9. ขอใดเปนจดดอยของโปรแกรม Webpage Maker ก. เพมคลปวดโอไมได ข. เชอมโยงลงคคอนขางยาก ค. มขอจ ากดดานการจดการมลตมเดย ง. ภาพเคลอนไหวไมสามารถแสดงผลได 10. ขอใดไมใชองคประกอบของการน าเสนอสอมลตมเดย ก. เกม ข. เสยง ค. ขอความ ง. ภาพเคลอนไหว

เมอศกษาแลว แบบทดสอบ ไมยากเลยนะครบ

ศกษาตอเลม 2 เลยนะครบ...

17

ภาคผนวก

18

เฉลย

แบบทดสอบกอนเรยน

ผลการทดสอบเปนอยางไรบางครบ

ตอไปศกษาบทเรยนไดเลย

19

ค าชแจง : ใหนกเรยนตอบค าถามตอไปน

1. หลกการทส าคญของโปรแกรม Webpage Maker คออะไร

ลากแลววาง (Drag-and-Drop) 2. องคประกอบของมลตมเดยมอะไรบาง

ขอความ

รปภาพ

รปภาพเคลอนไหวหรอแอนเมชน

เสยง

วดโอ 3. จงเขยนจดเดนของโปรแกรม Webpage Maker

เชอมโยงลงคกนไดงาย ๆ

ท าสไลดโชวขอความ ภาพ ภาพเคลอนไหว เสยง และวดโอ ในรปแบบ ของเวบไซต

โปรแกรมมขนาดเลก

สามารถพฒนาเวบไซตไดโดยงาย

อ านวยความสะดวกผทไมมความรดานการสรางเวบไซต

เฉลยกจกรรมท 1 ความรเบองตนเกยวกบโปรแกรม webpage maker

20

ค าชแจง : ใหนกเรยนตอบค าถามตอไปน

1. เมอนกเรยนตองการตดตงโปรแกรมควรเลอกทไฟลใด

setup.exe 2. เมอสนสดการตดตงโปรแกรมใหเลอกทปมใด

Finish 3. ใหนกเรยนอธบายการเขาสโปรแกรมพอสงเขป

การเขาสโปรแกรมม 2 วธดงน วธท 1 การเขาผานไอคอนโดยตรงหนาจอหลก โดยดบเบลคลกทเมน วธท 2 การเขาผานเมนเรมตน (Start)

ไปท Start > Programs > Web page Maker> Web page Maker

เฉลยกจกรรมท 2 การตดตงโปรแกรม Webpage Maker

21

เฉลย

แบบทดสอบหลงเรยน

นกเรยนทกคนเกงมากครบ

ศกษาบทเรยนเลมตอไปเลยนะครบ

22

บรรณานกรม

กรรณการ สวรรคโพธพนธ. (2550). ออกแบบเวบใหนาใช (DESIGNING WEB USABILITY). กรงเทพฯ :

ส านกพมพแหงจฬาลงกรณมหาวทยาลย. กดานนท มะลทอง. (2542). สรรคสรางหนาเวบและกราฟกบนเวบ. พมพครงท 1. กรงเทพฯ :

จฬาลงกรณมหาวทยาลย. ธระศกด สโชตนนท. (2551). งาย ใชเลย เนรมตเวบดวน เวบสวยใน 1 วน ดวย WEB PAGE MAKER. กรงเทพฯ :

ส านกพมพแหงจฬาลงกรณมหาวทยาลย. ปยะบตร สทธดารา. (2551). ออกแบบสรางเวบสวยดวยตนเอง. นนทบร : ไอดซ อนโฟ ดสทรบวเตอร เซนเตอร

จ ากด. ยทธนา พรมอทศ ชยวฒน ลานคณเสน และศราวฒ มณวรรณ. การสรางบทเรยน e-learning เรอง ระบบสรยะ

จกรวาล ดวยโปรแกรม Web Page Maker เขาถงไดจาก school.obec.go.th/anubanwangmuang/ อนงค หลอดแกว. (2556). คมอการสรางเวบเพจ ดวยโปรแกรม Webpage Maker. (หนา 1 – 13). ยโสธร :

วทยาลยชมชนยโสธร.

23

ชอ – สกล นายอภรมย ผวละออ วน/เดอน/ป เกด 12 มนาคม 2528 ทอยปจจบน บานเลขท 141 หมท 3 บานเชยงเพง ต าบลเชยงเพง

อ าเภอกดจบ จงหวดอดรธาน 41250 ต าแหนง คร วทยฐานะ ครช านาญการ สถานทท างาน โรงเรยนยางโกนวทย ต าบลหนองหวค อ าเภอบานผอ

จงหวดอดรธาน การศกษา - ปรญญาวทยาศาสตรบณฑต (วทยาการคอมพวเตอร)

มหาวทยาลยราชภฏอดรธาน - ประกาศนยบตรวชาชพคร มหาวทยาลยราชภฏอดรธาน - ปรญญาครศาสตรมหาบณฑต (การบรหารการศกษา) มหาวทยาลยราชภฏอดรธาน

ประวตยอผเขยน