€¦ · web viewโครงงานน เป นส วนหน งของการศ...

26
โโโโโโโโโโโโโโโโโโโโ โโโโโโ......................... ............................... .. โโโโ โโโโโโโโโโโโโโโโ โโโโโโโโโ โโโโโโโโโ โ.โ............................... ....... โ.โ............................... ...... โ.โ............................... .......

Upload: others

Post on 29-Jul-2020

4 views

Category:

Documents


0 download

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 ขอเสนอแนะและแนวทางในการพฒนาเนองจากหวขอทใชทำาโครงงานนเปนหวขอตามทกลมสนใจ ซง

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

บรรณานกรม

หนงสอ

เวบไซต