Top Banner
โโโโโโโโโโโโโโโโโโโโ โโโโโโ......................... ............................... .. โโโโ โโโโโโโโโโโโโโโโ โโโโโโโโโ โโโโโโโโโ โ.โ............................... ....... โ.โ............................... ...... โ.โ............................... .......
26

€¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

Jul 29, 2020

Download

Documents

dariahiddleston
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: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

โครงงานพฒนาเวบไซตเรอ

ง..........................................................

เสนอ

อาจารยวรศกด จนทรสข

จดทำาโดย

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

โครงงานนเปนสวนหนงของการศกษาวชาคอมพวเตอร ระดบชนมธยมศกษาปท 3

กลมสาระการเรยนรวชาการงานอาชพ และเทคโนโลย

Page 2: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

โรงเรยนหนคาพทยาคมปการศกษา 2556

ชอ :…………………………………………………………………

…………………..ชอเรอง :โครงงานพฒนาเวบไซต เรอง.................................................................................วชา :คอมพวเตอรกลมสาระ : การงานอาชพและเทคโนโลยทปรกษา : อาจารยวรศกด จนทรสขปการศกษา : 2554

บทคดยอ

โครงงานพฒนาเวบไซต เรอง ...........................................................................มจดมงหมายเพอ........................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

Page 3: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

..................................................................................คำานำา

โครงงานพฒนาเวบไซต เรอง...........................................................................................................

Page 4: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

จดทำาขนตามกจกรรมการเรยนการสอนวชาคอมพวเตอร กลมสาระการเรยนรวชาการงานอาชพ และเทคโนโลย ระดบชนมธยมศกษาปท...................โรงเรยนหนคาพทยาคม จงหวดชยนาท โดยมวตถประสงคทจะนำาความรในวชาคอมพวเตอรทไดรบจากการเรยนในระดบมธยมศกษาตอน.......... มาใชโดยบรณาการความรทไดในวชาคอมพวเตอร จดทำาโครงงานพฒนาเวบไซตตามเรองทกลมสนใจ เพอเปนการศกษาคนควา และเผยแพรเรองทกลมสนใจในลกษณะของเวบไซตโดยใชโปรแกรมพฒนาเวบไซตในลกษณะของ Web Editer การจดการภาพทประกอบโครงงานดวยโปรแกรม Photoshop cs3 การจดการงานเอกสารประกอบโครงงานดวยการใชโปรแกรมสำานกงาน Webpage Maker

หวงเปนอยางยงวา โครงงานนจะเปนประโยชนอยางยงในการทจะทำาใหผทสนใจในเรอง.........................................................................................................................................................................................ไดรบความรตามสมควร

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

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

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

Page 5: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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

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

จงขอขอบพระคณทกทานทไดสนบสนนการทำางาน และใหกำาลงใจเสมอมา จนโครงงานพฒนาเวบไซตครงนสำาเรจลลวงดวยด และความดอนเกดจากการศกษาคนควาครงน สมาชกในกลมขอมอบแดผมพระคณทกทาน และขอกราบขอบพระคณมา ณ โอกาสน

Page 6: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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

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

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

สารบญ

เรอง หนาบทคดยอ คกตตกรรมประกาศ

งคำานำา จสารบญ

ฉสารบญรป ชบทท 1 บทนำา

1.1 ความเปนมาของโครงงาน

Page 7: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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 สรปผลโครงงานพฒนาเวบไซต

Page 8: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

5.2 ปญหาและอปสรรคในการทำาโครงงานพฒนาเวบไซต5.3 ขอเสนอแนะและแนวทางในการพฒนา

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

1. แบบบนทกการประชมกลมเพอเลอกหวขอโครงงาน2. แบบรางของโครงงาน3. ผงมโนทศนในการกำาหนดของเขตเนอหาในการศกษา4. ภาพประกอบ

ประวตผจดทำา

บทท 1

บทนำา

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

Page 9: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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

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

จงทำาใหกลมของขาพเจาสนใจทจะทำาโครงงานพฒนาเวบไซตเรอง.....................................

เพอเผยแพรความรในเรอง.......................................................ใหเปนประโยชนตอผทสนใจศกษาตอไป

Page 10: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

2.วตถประสงคของโครงงาน2.1 เพอศกษา

เรอง……………………………………………………………………………….

2.2 เพอพฒนาเวบไซตเรอง………………………………………………………………………

2.3 เพอเผยแพรความรเรอง....................................................................ใหผทสนใจไดศกษา

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

3. ขอบเขตของโครงงาน3.1 เปนโครงงานพฒนาเวบไซต

เรอง..............................................................โดยการใชโปรแกรม web pagemaker ในการพฒนาเวบไซต และใชโปรแกรม Photoshop cs4 ในการตกแตงภาพและตวอกษร

3.2 ขอบเขตเนอหา เปนโครงงานพฒนาเวบไซตในเรองทกลมสนใจ โดยจดทำาเวบไซตในหวขอเรอง......................................................................................... โดยแบงเนอหาออกเปน...........หวขอ ดงน

Page 11: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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 ประชมสมาชกในกลมเพอศกษา และเลอกหวขอสนใจในการทำา

โครงงาน

Page 12: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

5.2 นำาเสนอหวขอโครงงานทไดจากการเลอกหวขอทสนใจของกลมทำางานตอครทปรกษาโครงงาน

5.3 วางแผนการจดทำาโครงงาน โดยเขยนแบบรางโครงงาน5.4 นำาแบบรางโครงงานมาจดทำาโครงงานทสมบรณ5.5 นำาโครงงานทสมบรณแลวมาจดทำาเวบไซต โดยใชโปรแกรม

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

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

6.นยามศพท(คำาศพท) หมายถง

.................................................................................................(คำาศพท) หมายถง

.................................................................................................(คำาศพท) หมายถง

.................................................................................................(คำาศพท) หมายถง

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

Page 13: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

บทท 2

เอกสารและงานวจยทเกยวของ

ในการทำาโครงงานพฒนาเวบไซต เรอง........................................................................................... กลมผศกษาไดรวบรวมแนวคดทฤษฎและหลกการตางๆ จากเอกสารและงานวจยทเกยวของดงตอไปน

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

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

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

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

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

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

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

Page 14: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Page 15: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

บทท 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)

Page 16: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

3.3 การสรางเวบไซตการสรางเวบไซตใชโปรแกรมการสรางเวบไซต ( Web

Pagemaker) พฒนาเวบไซตตามหวขอตามโครงงาน

บทท 4

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

ในการทำาโครงงานพฒนาเวบไซต เรอง........................................................................................... ไดรบผลของการดำาเนนโครงงานดงตอไปน

4.1 การพฒนาเวบไซตเรอง.....................................................................

การดำาเนนโครงงานการพฒนาเวบไซต เรอง........................................................................ทำาใหไดรบความรในเรอง....................................................................และทำาใหมเวบไซตเพอการศกษาเรอง....................................................................สำาหรบเผยแพรใหกบผทสนใจตอไป โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com หวขอผลงานนกเรยนในการพฒนาเวบไซตตามเรองทสนใจ

Page 17: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

4.2 การนำาไปใชงานเผยแพรใหกบผทสนใจ โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com

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

บทท 5

Page 18: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

สรปการดำาเนนโครงงาน

5.1 สรปผลการดำาเนนโครงการ5.1.1 ไดศกษา

เรอง………………………………………………………………….

ซงเปนเรองทกลมสนใจไดอยางละเอยดลกซงมากขน ทำาใหมความเขาใจมากขน

5.1.2 ไดพฒนาเวบไซตเรอง…………………………………………………………

5.1.3 ไดเผยแพรความรเรอง..........................................................................................

ใหผทสนใจไดศกษา โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com หวขอผลงานนกเรยนในการพฒนาเวบไซตตามเรองทสนใจ

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

5.2 ปญหาและอปสรรคในการทดลอง การพฒนาเวบไซต ยงเปนการพฒนาทเปนงานงายๆ ยงตอง

อาศยความชำานาญและเวลาในการจดทำาใหมากขนเพอใหงานททำามความคลอบคลมและมคณภาพมากยงขน

Page 19: €¦ · Web viewโครงงานน เป นส วนหน งของการศ กษาว ชาคอมพ วเตอร ระด บช นม ธยมศ

5.3 ขอเสนอแนะและแนวทางในการพฒนาเนองจากหวขอทใชทำาโครงงานนเปนหวขอตามทกลมสนใจ ซง

บางครงอาจไมเปนหวขอทางวชาการมากนก ควรนำาหวขอทางวชาการมาจดทำาเปนโครงงานเพอประโยชนตอการศกษา

บรรณานกรม

หนงสอ

เวบไซต