โครงงานพัฒนาเว็บไซต์ (formProject)

โครงงานพฒั นาเวบ็ ไซต์
เร่ือง..........................................................

เสนอ

ครูชัชวาลย์ ฝ่ ายกระโทก

จดั ทาโดย

ด.ช......................................
ด.ญ.....................................
ด.ญ......................................

โครงงานนีเ้ ป็ นส่วนหน่ึงของการศึกษาวชิ าคอมพวิ เตอร์ ระดับช้ันมัธยมศึกษาปี ท่ี 4
กลุ่มสาระการเรียนรู้วชิ าการงานอาชีพ และเทคโนโลยี
โรงเรียนอทุ ยั วทิ ยาคม
ปี การศึกษา 2562

ช่ือ : ……………………………………………………………………………………..
ช่ือเร่ือง : โครงงานพฒั นาเวบ็ ไซต์ เรื่อง.................................................................................
วิชา : คอมพวิ เตอร์
กลมุ่ สาระ : การงานอาชีพและเทคโนโลยี
ที่ปรึกษา : ครูชชั วาลย์ ฝ่ายกระโทก
ปี การศึกษา : 2562

บทคัดย่อ

โครงงานพฒั นาเวบ็ ไซต์ เร่ือง ...........................................................................มีจุดม่งุ หมายเพือ่ ......
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................

คานา

โครงงานพฒั นาเวบ็ ไซต์ เร่ือง...........................................................................................................
จดั ทาข้นึ ตามกิจกรรมการเรียนการสอนวชิ าคอมพวิ เตอร์ กลมุ่ สาระการเรียนรู้วิชาการงานอาชีพ และ
เทคโนโลยี ระดบั ช้นั มธั ยมศึกษาปี ท่ี...................โรงเรียนอุทยั วิทยาคม จงั หวดั อทุ ยั ธานี โดยมีวตั ถปุ ระสงค์
ที่จะนาความรู้ในวิชาคอมพวิ เตอร์ท่ีไดร้ ับจากการเรียนในระดบั มธั ยมศึกษาตอน.......... มาใชโ้ ดยบูรณาการ
ความรู้ท่ีไดใ้ นวิชาคอมพิวเตอร์ จดั ทาโครงงานพฒั นาเวบ็ ไซตต์ ามเรื่องท่ีกลุ่มสนใจ เพ่ือเป็นการศึกษา
คน้ ควา้ และเผยแพร่เร่ืองท่ีกลมุ่ สนใจในลกั ษณะของเวบ็ ไซตโ์ ดยใชโ้ ปรแกรมพฒั นาเวบ็ ไซตใ์ นลกั ษณะ
ของ Web Editer การจดั การภาพท่ีประกอบโครงงานดว้ ยโปรแกรม Photoshop cs3 การจดั การงานเอกสาร
ประกอบโครงงานดว้ ยการใชโ้ ปรแกรมสานกั งาน Webpage Maker

หวงั เป็นอยา่ งยงิ่ วา่ โครงงานน้ีจะเป็นประโยชน์อยา่ งยง่ิ ในการท่ีจะทาใหผ้ ทู้ ่ีสนใจในเร่ือง...............
..........................................................................................................................................................................
ไดร้ ับความรู้ตามสมควร

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

กติ ตกิ รรมประกาศ

โครงงานพฒั นาเวบ็ ไซต์ เรื่อง......................................................................................................น้ี
สาเร็จไดด้ ว้ ยความร่วมมือของสมาชิกในกลุ่ม และรับการช่วยเหลือ และสนบั สนุนจากหลาย ๆ ท่าน
ก่อนอ่ืนตอ้ งขอขอบคณุ ครู........... ท่ีเป็นท่ีปรึกษาโครงงาน และสอนใหม้ ีความรู้ความสามารถในการพฒั นา
เวบ็ ไซต์ และทาใหเ้ กิดโครงงานน้ีข้นึ ขอขอบคุณ................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................
..........................................................................................................................................................................

จึงขอขอบพระคุณทกุ ทา่ นที่ไดส้ นบั สนุนการทางาน และใหก้ าลงั ใจเสมอมา จนโครงงาน
พฒั นาเวบ็ ไซตค์ ร้ังน้ีสาเร็จลุลว่ งดว้ ยดี และความดีอนั เกิดจากการศึกษาคน้ ควา้ คร้ังน้ี สมาชิกในกลุ่มขอมอบ
แด่ผมู้ ีพระคณุ ทุกท่าน และขอกราบขอบพระคุณมา ณ โอกาสน้ี

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

สารบัญ หน้า
ค
เร่ือง ง
บทคดั ยอ่ จ
กิตติกรรมประกาศ ฉ
คานา ช
สารบญั
สารบญั รูป
บทที่ 1 บทนา

1.1 ความเป็นมาของโครงงาน
1.2 วตั ถปุ ระสงคข์ องโครงงาน
1.3 ขอบเขตของโครงงาน
1.4 วธิ ีการดาเนินการ
1.5 ประโยชน์ที่ไดร้ ับของโครงงาน
1.6 นิยามศพั ท์ (ถา้ มี)
บทที่ 2 เอกสารท่ีเก่ียวขอ้ ง
2.1 ..................................................
2.2 ..................................................
2.3 .....................................................
2.4 .......................................................
2.5 .......................................................
บทที่ 3 วิธีดาเนินงานโครงงาน
3.1 ประชุมสมาชิกในกลุม่ เพือ่ เลือกหวั ขอ้ โครงงาน
3.2 ดาเนินการเขยี นโครงร่างโครงงาน
3.3 ศึกษาคน้ ควา้ เอกสารท่ีเกี่ยวขอ้ ง
3.4 ออกแบบโครงงานพฒั นาเวบ็ ไซต์
3.5 ดาเนินการโครงงานพฒั นาเวบ็ ไซต์

บทที่ 4 ผลการดาเนินงาน
4.1 การพฒั นาเวบ็ ไซต์ เรื่อง........................................................................................
4.2 ผลจากการพฒั นาเวบ็ ไซต์
4.3 ผลจากการเผยแพร่เวบ็ ไซตต์ ามโครงงาน

บทที่ 5 สรุปผลและขอ้ เสนอแนะ
5.1 สรุปผลโครงงานพฒั นาเวบ็ ไซต์
5.2 ปัญหาและอุปสรรคในการทาโครงงานพฒั นาเวบ็ ไซต์
5.3 ขอ้ เสนอแนะและแนวทางในการพฒั นา

บรรณานุกรม
ภาคผนวก

1. แบบบนั ทึกการประชุมกลมุ่ เพอ่ื เลือกหวั ขอ้ โครงงาน
2. แบบร่างของโครงงาน
3. ผงั มโนทศั น์ในการกาหนดของเขตเน้ือหาในการศึกษา
4. ภาพประกอบ
ประวตั ิผจู้ ดั ทา

บทท่ี 1

บทนา

1. ความเป็ นมาของโครงงาน

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

จึงทาใหก้ ลมุ่ ของขา้ พเจา้ สนใจที่จะทาโครงงานพฒั นาเว็บไซตเ์ รื่อง.....................................
เพอ่ื เผยแพร่ความรู้ในเร่ือง.......................................................ใหเ้ ป็นประโยชนต์ ่อผทู้ ี่สนใจศึกษาตอ่ ไป

2. วตั ถุประสงค์ของโครงงาน
2.1 เพอ่ื ศึกษาเรื่อง……………………………………………………………………………….
2.2 เพือ่ พฒั นาเวบ็ ไซตเ์ รื่อง………………………………………………………………………
2.3 เพือ่ เผยแพร่ความรู้เรื่อง....................................................................ใหผ้ ทู้ ี่สนใจไดศ้ ึกษา
2.4 เพือ่ นาความรู้ที่ไดจ้ ากการเรียนโปรแกรมการสร้างงานกราฟิ ก และโปรแกรมการสร้างเวบ็ ไซต์
ในวชิ าคอมพิวเตอร์ มาประยกุ ตใ์ ชใ้ หเ้ กิดประโยชนใ์ นรูปแบบของโครงงาน

3. ขอบเขตของโครงงาน
3.1 เป็นโครงงานพฒั นาเวบ็ ไซตเ์ ร่ือง..............................................................โดยการใชโ้ ปรแกรม

web pagemaker ในการพฒั นาเวบ็ ไซต์ และใชโ้ ปรแกรม Photoshop cs4 ในการตกแต่งภาพและตวั อกั ษร
3.2 ขอบเขตเน้ือหา เป็นโครงงานพฒั นาเวบ็ ไซตใ์ นเร่ืองท่ีกลุ่มสนใจ โดยจดั ทาเวบ็ ไซตใ์ นหวั ขอ้

เรื่อง......................................................................................... โดยแบง่ เน้ือหาออกเป็น...........หวั ขอ้ ดงั น้ี
3.2.1..................................................................................
3.2.2……………………………………………………..
3.2.3………………………………………………………
3.2.4………………………………………………………
3.2.5……………………………………………………….
3.2.6………………………………………………………..

4. ประโยชน์ทไ่ี ด้รับจากโครงงาน
4.1 มีโครงงานเร่ืองการพฒั นาเวบ็ ไซต์ เร่ือง……………………………………………………….
4.2 มีเวบ็ ไซตเ์ ร่ือง………………………………………………………………………………..
4.3 เผยแพร่ความรู้เรื่อง..................................................................................ใหผ้ ทู้ ี่สนใจไดศ้ ึกษา
ในรูปแบบของเวบ็ ไซต์
4.4 มีทกั ษะในการสร้างงานกราฟิ ก และการสร้างเวบ็ ไซตใ์ นวิชาคอมพวิ เตอร์ และสมารถนา
ความรู้มาประยกุ ตใ์ ชใ้ หเ้ กิดประโยชน์

5. วิธีดาเนนิ งาน
การดาเนินงานเพอ่ื จดั ทาโครงงานพฒั นาเวบ็ ไซตน์ ้ี มีวธิ ีการตามลาดบั ข้นั ตอนดงั น้ี
5.1 ประชุมสมาชิกในกลุ่มเพอื่ ศึกษา และเลือกหวั ขอ้ สนใจในการทาโครงงาน
5.2 นาเสนอหวั ขอ้ โครงงานที่ไดจ้ ากการเลือกหวั ขอ้ ที่สนใจของกลุม่ ทางานตอ่ ครูท่ีปรึกษา
โครงงาน
5.3 วางแผนการจดั ทาโครงงาน โดยเขยี นแบบร่างโครงงาน
5.4 นาแบบร่างโครงงานมาจดั ทาโครงงานที่สมบูรณ์

5.5 นาโครงงานท่ีสมบรู ณ์แลว้ มาจดั ทาเวบ็ ไซต์ โดยใชโ้ ปรแกรมสร้างงานกราฟิ ก (Adobe
Photoshop cs4) จดั ทาส่วนบนของเวบ็ ไซต์ ตกแตง่ ภาพและตวั หนงั สือ ใชโ้ ปรแกรมการสร้าง
เวบ็ ไซต์ ( Web Pagemaker) พฒั นาเวบ็ ไซตต์ ามหวั ขอ้ ตามโครงงาน

5.6 นาเสนอผลงานตามโครงงานในรูปแบบของเวบ็ ไซต์
5.7 ประเมินผลงานการจดั ทาโครงงาน

6. นยิ ามศัพท์ หมายถึง .................................................................................................
(คาศพั ท)์ หมายถึง .................................................................................................
(คาศพั ท)์ หมายถึง .................................................................................................
(คาศพั ท)์ หมายถึง .................................................................................................
(คาศพั ท)์

บทที่ 2

เอกสารและงานวิจัยทเี่ กยี่ วข้อง

ในการทาโครงงานพฒั นาเวบ็ ไซต์ เรื่อง...........................................................................................
กลุ่มผศู้ ึกษาไดร้ วบรวมแนวคดิ ทฤษฎีและหลกั การต่างๆ จากเอกสารและงานวิจยั ที่เก่ียวขอ้ งดงั ต่อไปน้ี

2.1 ..................................................
..........................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................

2.2 ..................................................
..........................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................
........................................................................................................................................................................

บทท่ี 3

วิธีดาเนินโครงงาน

ในการทาโครงงานพฒั นาเวบ็ ไซต์ เร่ือง...........................................................................................
กลุม่ ผศู้ ึกษามีวิธีการดาเนินโครงงานดงั ต่อไปน้ี

3.1 วิธกี ารดาเนนิ โครงงาน
3.1.1 ประชุมสมาชิกในกลมุ่ เพือ่ ศึกษา และเลือกหวั ขอ้ สนใจในการทาโครงงาน
3.1.2 นาเสนอหวั ขอ้ โครงงานท่ีไดจ้ ากการเลือกหวั ขอ้ ที่สนใจของกล่มุ ทางานต่อครู

ท่ีปรึกษาโครงงาน
3.1.3 วางแผนการจดั ทาโครงงาน โดยเขียนแบบร่างโครงงาน
3.1.4 นาแบบร่างโครงงานมาจดั ทาโครงงานท่ีสมบรู ณ์
3.1.5 นาโครงงานท่ีสมบรู ณ์แลว้ มาจดั ทาเวบ็ ไซต์ โดยใชโ้ ปรแกรมสร้างงานกราฟิ ก

(Adobe Photoshop cs4) จดั ทาส่วนบนของเวบ็ ไซต์ ตกแต่งภาพและตวั หนงั สือ ใชโ้ ปรแกรมการสร้าง
เวบ็ ไซต์ ( Web Pagemaker) พฒั นาเวบ็ ไซตต์ ามหวั ขอ้ ตามโครงงาน

3.1.6 นาเสนอผลงานตามโครงงานในรูปแบบของเวบ็ ไซต์
3.1.7 ประเมินผลงานการจดั ทาโครงงาน

3.2 การสร้างส่วนบนของเว็บไซต์ และการตกแต่งภาพ
การสร้างส่วนบนของเวบ็ ไซต์ และการตกแตง่ ภาพ ใชโ้ ปรแกรมสร้างงานกราฟิ ก

(Adobe Photoshop cs4)

3.3 การสร้างเว็บไซต์
การสร้างเวบ็ ไซตใ์ ชโ้ ปรแกรมการสร้างเวบ็ ไซต์ ( Web Pagemaker) พฒั นาเวบ็ ไซตต์ าม

หวั ขอ้ ตามโครงงาน

บทท่ี 4

ผลของการดาเนินโครงงาน

ในการทาโครงงานพฒั นาเวบ็ ไซต์ เร่ือง...........................................................................................
ไดร้ ับผลของการดาเนินโครงงานดงั ต่อไปน้ี

4.1 การพฒั นาเว็บไซต์เรื่อง.....................................................................
การดาเนินโครงงานการพฒั นาเวบ็ ไซต์ เรื่อง........................................................................

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

4.2 การนาไปใช้งาน
เผยแพร่ใหก้ บั ผทู้ ่ีสนใจ โดยสามารถเปิ ดเวบ็ ไซตไ์ ดท้ ี่ .......

หวั ขอ้ ผลงานนกั เรียน

บทที่ 5

สรุปการดาเนนิ โครงงาน

5.1 สรุปผลการดาเนินโครงการ
5.1.1 ไดศ้ ึกษาเรื่อง………………………………………………………………….

ซ่ึงเป็นเร่ืองท่ีกลุ่มสนใจไดอ้ ยา่ งละเอียดลึกซ้ึงมากข้นึ ทาใหม้ ีความเขา้ ใจมากข้นึ
5.1.2 ไดพ้ ฒั นาเวบ็ ไซตเ์ ร่ือง…………………………………………………………
5.1.3 ไดเ้ ผยแพร่ความรู้เร่ือง..........................................................................................

ใหผ้ ทู้ ่ีสนใจไดศ้ ึกษา โดยสามารถเปิ ดเวบ็ ไซตไ์ ดท้ ่ี หวั ขอ้ ผลงานนกั เรียนในการพฒั นาเวบ็ ไซตต์ าม
เร่ืองท่ีสนใจ

5.1.4 ไดน้ าความรู้ที่ไดจ้ ากการเรียนโปรแกรมการสร้างงานกราฟิ ก และโปรแกรมการ
สร้างเวบ็ ไซตใ์ นวิชาคอมพิวเตอร์ มาประยกุ ตใ์ ชใ้ หเ้ กิดประโยชนใ์ นรูปแบบของโครงงาน

5.2 ปัญหาและอุปสรรคในการทดลอง
การพฒั นาเวบ็ ไซต์ ยงั เป็นการพฒั นาที่เป็นงานงา่ ยๆ ยงั ตอ้ งอาศยั ความชานาญและเวลาใน

การจดั ทาใหม้ ากข้นึ เพอ่ื ใหง้ านที่ทามีความคลอบคลุมและมีคุณภาพมากยงิ่ ข้นึ

5.3 ข้อเสนอแนะและแนวทางในการพฒั นา
เนื่องจากหวั ขอ้ ที่ใชท้ าโครงงานน้ีเป็นหวั ขอ้ ตามท่ีกลุ่มสนใจ ซ่ึงบางคร้ังอาจไม่เป็นหวั ขอ้

ทางวิชาการมากนกั ควรนาหวั ขอ้ ทางวิชาการมาจดั ทาเป็นโครงงานเพอ่ื ประโยชน์ตอ่ การศึกษา

บรรณานุกรม

หนงั สือ

เว็บไซต์