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

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

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

คานา โครงงานพฒั นาเวบ็ ไซต์ เร่ือง........................................................................................................... จดั ทาข้ึนตามกจิ กรรมการเรียนการสอนวิชาคอมพวิ เตอร์ กลุ่มสาระการเรียนรูว้ ิชาการงานอาชีพ และ เทคโนโลยี ระดบั ช้นั มธั ยมศกึ ษาปี ท่ี...................โรงเรียนหนั คาพทิ ยาคม จงั หวดั ชยั นาท โดยมวี ตั ถปุ ระสงค์ ท่ีจะนาความรู้ในวชิ าคอมพวิ เตอร์ท่ีไดร้ ับจากการเรียนในระดบั มธั ยมศึกษาตอน.......... มาใชโ้ ดยบูรณาการ ความรู้ที่ไดใ้ นวิชาคอมพวิ เตอร์ จดั ทาโครงงานพฒั นาเวบ็ ไซตต์ ามเร่ืองท่ีกลุ่มสนใจ เพ่ือเป็นการศกึ ษา คน้ ควา้ และเผยแพร่เรื่องท่ีกลมุ่ สนใจในลกั ษณะของเวบ็ ไซตโ์ ดยใชโ้ ปรแกรมพฒั นาเวบ็ ไซตใ์ นลกั ษณะ ของ 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 การพฒั นาเวบ็ ไซต์เรื่อง..................................................................... การดาเนินโครงงานการพฒั นาเวบ็ ไซต์ เร่ือง........................................................................ ทาใหไ้ ดร้ ับความรู้ในเร่ือง....................................................................และทาใหม้ เี วบ็ ไซตเ์ พอ่ื การศกึ ษา เรื่อง....................................................................สาหรับเผยแพร่ใหก้ บั ผทู้ ี่สนใจต่อไป โดยสามารถเปิ ด เวบ็ ไซตไ์ ดท้ ี่ URL: http://www.krurock.com หวั ขอ้ ผลงานนกั เรียนในการพฒั นาเวบ็ ไซตต์ ามเร่ืองที่สนใจ 4.2 การนาไปใช้งาน เผยแพร่ใหก้ บั ผทู้ ี่สนใจ โดยสามารถเปิ ดเวบ็ ไซตไ์ ดท้ ่ี URL: http://www.krurock.com หวั ขอ้ ผลงานนกั เรียน

บทท่ี 5 สรุปการดาเนินโครงงาน 5.1 สรุปผลการดาเนนิ โครงการ 5.1.1 ไดศ้ กึ ษาเร่ือง…………………………………………………………………. ซ่ึงเป็นเร่ืองท่ีกลมุ่ สนใจไดอ้ ยา่ งละเอยี ดลกึ ซ้ึงมากข้ึน ทาใหม้ คี วามเขา้ ใจมากข้ึน 5.1.2 ไดพ้ ฒั นาเวบ็ ไซตเ์ รื่อง………………………………………………………… 5.1.3 ไดเ้ ผยแพร่ความรู้เรื่อง.......................................................................................... ใหผ้ ทู้ ่ีสนใจไดศ้ กึ ษา โดยสามารถเปิ ดเวบ็ ไซตไ์ ดท้ ่ี URL: http://www.krurock.com หวั ขอ้ ผลงาน นกั เรียนในการพฒั นาเวบ็ ไซตต์ ามเร่ืองที่สนใจ 5.1.4 ไดน้ าความรู้ที่ไดจ้ ากการเรียนโปรแกรมการสร้างงานกราฟิก และโปรแกรมการ สร้างเวบ็ ไซตใ์ นวิชาคอมพิวเตอร์ มาประยกุ ตใ์ ชใ้ หเ้ กิดประโยชน์ในรูปแบบของโครงงาน 5.2 ปัญหาและอปุ สรรคในการทดลอง การพฒั นาเวบ็ ไซต์ ยงั เป็นการพฒั นาที่เป็นงานง่ายๆ ยงั ตอ้ งอาศยั ความชานาญและเวลาใน การจดั ทาใหม้ ากข้ึนเพอื่ ใหง้ านที่ทามีความคลอบคลมุ และมคี ุณภาพมากยงิ่ ข้ึน

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