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

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

บรรณานุกรม หนังสือ เวบ็ ไซต์