Page 1
โครงงานพฒนาเวบไซตเรอ
ง..........................................................
เสนอ
อาจารยวรศกด จนทรสข
จดทำาโดย
ด.ช......................................ด.ญ.....................................ด.ญ......................................
โครงงานนเปนสวนหนงของการศกษาวชาคอมพวเตอร ระดบชนมธยมศกษาปท 3
กลมสาระการเรยนรวชาการงานอาชพ และเทคโนโลย
Page 2
โรงเรยนหนคาพทยาคมปการศกษา 2556
ชอ :…………………………………………………………………
…………………..ชอเรอง :โครงงานพฒนาเวบไซต เรอง.................................................................................วชา :คอมพวเตอรกลมสาระ : การงานอาชพและเทคโนโลยทปรกษา : อาจารยวรศกด จนทรสขปการศกษา : 2554
บทคดยอ
โครงงานพฒนาเวบไซต เรอง ...........................................................................มจดมงหมายเพอ........................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
Page 3
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................
........................................................................................
..................................................................................คำานำา
โครงงานพฒนาเวบไซต เรอง...........................................................................................................
Page 4
จดทำาขนตามกจกรรมการเรยนการสอนวชาคอมพวเตอร กลมสาระการเรยนรวชาการงานอาชพ และเทคโนโลย ระดบชนมธยมศกษาปท...................โรงเรยนหนคาพทยาคม จงหวดชยนาท โดยมวตถประสงคทจะนำาความรในวชาคอมพวเตอรทไดรบจากการเรยนในระดบมธยมศกษาตอน.......... มาใชโดยบรณาการความรทไดในวชาคอมพวเตอร จดทำาโครงงานพฒนาเวบไซตตามเรองทกลมสนใจ เพอเปนการศกษาคนควา และเผยแพรเรองทกลมสนใจในลกษณะของเวบไซตโดยใชโปรแกรมพฒนาเวบไซตในลกษณะของ Web Editer การจดการภาพทประกอบโครงงานดวยโปรแกรม Photoshop cs3 การจดการงานเอกสารประกอบโครงงานดวยการใชโปรแกรมสำานกงาน Webpage Maker
หวงเปนอยางยงวา โครงงานนจะเปนประโยชนอยางยงในการทจะทำาใหผทสนใจในเรอง.........................................................................................................................................................................................ไดรบความรตามสมควร
................................................
................................................
................................................
Page 5
กตตกรรมประกาศ
โครงงานพฒนาเวบไซต เรอง......................................................................................................นสำาเรจไดดวยความรวมมอของสมาชกในกลม และรบการชวยเหลอ และสนบสนนจากหลาย ๆ ทาน กอนอนตองขอขอบคณอาจารยสมกมล จวงพานช ทเปนทปรกษาโครงงาน และสอนใหมความรความสามารถในการพฒนาเวบไซต และทำาใหเกดโครงงานนขน ขอขอบคณ..................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
จงขอขอบพระคณทกทานทไดสนบสนนการทำางาน และใหกำาลงใจเสมอมา จนโครงงานพฒนาเวบไซตครงนสำาเรจลลวงดวยด และความดอนเกดจากการศกษาคนควาครงน สมาชกในกลมขอมอบแดผมพระคณทกทาน และขอกราบขอบพระคณมา ณ โอกาสน
Page 6
................................................
................................................
................................................
สารบญ
เรอง หนาบทคดยอ คกตตกรรมประกาศ
งคำานำา จสารบญ
ฉสารบญรป ชบทท 1 บทนำา
1.1 ความเปนมาของโครงงาน
Page 7
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
5.2 ปญหาและอปสรรคในการทำาโครงงานพฒนาเวบไซต5.3 ขอเสนอแนะและแนวทางในการพฒนา
บรรณานกรมภาคผนวก
1. แบบบนทกการประชมกลมเพอเลอกหวขอโครงงาน2. แบบรางของโครงงาน3. ผงมโนทศนในการกำาหนดของเขตเนอหาในการศกษา4. ภาพประกอบ
ประวตผจดทำา
บทท 1
บทนำา
1. ความเปนมาของโครงงาน
Page 9
..............................................................................
............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................
จงทำาใหกลมของขาพเจาสนใจทจะทำาโครงงานพฒนาเวบไซตเรอง.....................................
เพอเผยแพรความรในเรอง.......................................................ใหเปนประโยชนตอผทสนใจศกษาตอไป
Page 10
2.วตถประสงคของโครงงาน2.1 เพอศกษา
เรอง……………………………………………………………………………….
2.2 เพอพฒนาเวบไซตเรอง………………………………………………………………………
2.3 เพอเผยแพรความรเรอง....................................................................ใหผทสนใจไดศกษา
2.4 เพอนำาความรทไดจากการเรยนโปรแกรมการสรางงานกราฟก และโปรแกรมการสรางเวบไซตในวชาคอมพวเตอร มาประยกตใชใหเกดประโยชนในรปแบบของโครงงาน
3. ขอบเขตของโครงงาน3.1 เปนโครงงานพฒนาเวบไซต
เรอง..............................................................โดยการใชโปรแกรม web pagemaker ในการพฒนาเวบไซต และใชโปรแกรม Photoshop cs4 ในการตกแตงภาพและตวอกษร
3.2 ขอบเขตเนอหา เปนโครงงานพฒนาเวบไซตในเรองทกลมสนใจ โดยจดทำาเวบไซตในหวขอเรอง......................................................................................... โดยแบงเนอหาออกเปน...........หวขอ ดงน
Page 11
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
5.2 นำาเสนอหวขอโครงงานทไดจากการเลอกหวขอทสนใจของกลมทำางานตอครทปรกษาโครงงาน
5.3 วางแผนการจดทำาโครงงาน โดยเขยนแบบรางโครงงาน5.4 นำาแบบรางโครงงานมาจดทำาโครงงานทสมบรณ5.5 นำาโครงงานทสมบรณแลวมาจดทำาเวบไซต โดยใชโปรแกรม
สรางงานกราฟก (Adobe Photoshop cs4) จดทำาสวนบนของเวบไซต ตกแตงภาพและตวหนงสอ ใชโปรแกรมการสรางเวบไซต ( Web Pagemaker) พฒนาเวบไซตตามหวขอตามโครงงาน
5.6 นำาเสนอผลงานตามโครงงานในรปแบบของเวบไซต5.7 ประเมนผลงานการจดทำาโครงงาน
6.นยามศพท(คำาศพท) หมายถง
.................................................................................................(คำาศพท) หมายถง
.................................................................................................(คำาศพท) หมายถง
.................................................................................................(คำาศพท) หมายถง
.................................................................................................
Page 13
บทท 2
เอกสารและงานวจยทเกยวของ
ในการทำาโครงงานพฒนาเวบไซต เรอง........................................................................................... กลมผศกษาไดรวบรวมแนวคดทฤษฎและหลกการตางๆ จากเอกสารและงานวจยทเกยวของดงตอไปน
2.1 ..................................................
........................................................................................
..................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
Page 14
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
2.2 ..................................................
........................................................................................
..................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
........................................................................................
................................................................................
Page 15
บทท 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
3.3 การสรางเวบไซตการสรางเวบไซตใชโปรแกรมการสรางเวบไซต ( Web
Pagemaker) พฒนาเวบไซตตามหวขอตามโครงงาน
บทท 4
ผลของการดำาเนนโครงงาน
ในการทำาโครงงานพฒนาเวบไซต เรอง........................................................................................... ไดรบผลของการดำาเนนโครงงานดงตอไปน
4.1 การพฒนาเวบไซตเรอง.....................................................................
การดำาเนนโครงงานการพฒนาเวบไซต เรอง........................................................................ทำาใหไดรบความรในเรอง....................................................................และทำาใหมเวบไซตเพอการศกษาเรอง....................................................................สำาหรบเผยแพรใหกบผทสนใจตอไป โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com หวขอผลงานนกเรยนในการพฒนาเวบไซตตามเรองทสนใจ
Page 17
4.2 การนำาไปใชงานเผยแพรใหกบผทสนใจ โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com
หวขอผลงานนกเรยน
บทท 5
Page 18
สรปการดำาเนนโครงงาน
5.1 สรปผลการดำาเนนโครงการ5.1.1 ไดศกษา
เรอง………………………………………………………………….
ซงเปนเรองทกลมสนใจไดอยางละเอยดลกซงมากขน ทำาใหมความเขาใจมากขน
5.1.2 ไดพฒนาเวบไซตเรอง…………………………………………………………
5.1.3 ไดเผยแพรความรเรอง..........................................................................................
ใหผทสนใจไดศกษา โดยสามารถเปดเวบไซตไดท URL: http://www.krurock.com หวขอผลงานนกเรยนในการพฒนาเวบไซตตามเรองทสนใจ
5.1.4 ไดนำาความรทไดจากการเรยนโปรแกรมการสรางงานกราฟก และโปรแกรมการสรางเวบไซตในวชาคอมพวเตอร มาประยกตใชใหเกดประโยชนในรปแบบของโครงงาน
5.2 ปญหาและอปสรรคในการทดลอง การพฒนาเวบไซต ยงเปนการพฒนาทเปนงานงายๆ ยงตอง
อาศยความชำานาญและเวลาในการจดทำาใหมากขนเพอใหงานททำามความคลอบคลมและมคณภาพมากยงขน
Page 19
5.3 ขอเสนอแนะและแนวทางในการพฒนาเนองจากหวขอทใชทำาโครงงานนเปนหวขอตามทกลมสนใจ ซง
บางครงอาจไมเปนหวขอทางวชาการมากนก ควรนำาหวขอทางวชาการมาจดทำาเปนโครงงานเพอประโยชนตอการศกษา
บรรณานกรม
หนงสอ
เวบไซต