1. บทที่ 1 บทนำ 1.1 หลักการและเหตุผล สังคมไทยในปัจจุบันหาบริโภคขนมไทยได้ยาก เนื่องจากคนไทยสมัยใหม่ มีความนิยมหันไปบริโภคขนมคบเคี้ยวเป็นจำนวนมาก จนทำให้คนรุ่นหลังๆแยกไม่ออกว่าอะไรคือขนมที่เป็นของไทยแท้ๆ และอีกอย่างขั้นตอนในการทำขนมไทยยังยุ่งยาก คนในสมัยนี้เลยไม่นิยมทำขนมไทยทานกัน จึงทำให้คนไทยหลงลืมขนบธรรมเนียมและวัฒนธรรมของไทย ดังนั้นกลุ่มผู้จัดทำมีแนวคิดจัดทำเว็บไซต์ขนมไทยมงคลเก้าชนิดขึ้นมา เพื่อแนะถึงความสำคัญ ประวัติของขนมไทย ตลอดจนกรรมวิธีในการทำ ที่มีความประณีตบรรจง ในปัจจุบันเยวชนหันไปบริโภคขนมคบเคี้ยวกันมากจนลืมขนนมไทย ดังนั้นผู้จัดทำจึงสร้างเว็บไซต์ให้เป็นสื่อกลางในการให้ข้อมูลแก่ผู้ที่สนใจขนมไทยมงคลเก้าชนิด

2. 1.2 วัตถุประสงค์ของโครงการ 1.2.1 เพื่อสร้างเว็บไซต์ขนมไทยมงคลเก้าชนิด 1.3 เป้าหมายของโครงการ 1.3.1 เป็นสื่อกลางในการให้ข้อมูลแก่ผู้ที่มีความสนใจเกี่ยวกับขนมไทยมงคลเก้าชนิด โดยผ่านทางเว็บไซต์ 1.4 ขอบเขตของโครงการ 1.4.1 ขอบเขตด้านเนื้อหา 1.4.1.1 ศึกษาโครงสร้างการจัดทำเว็บเพจและการทำงานของระบบอินเตอร์เน็ต 1.4.1.2 ใช้โปรแกรม Macromedia Dream weaver ในการเขียนเว็บเพจ 1.4.1.3 ใช้โปรแกรม Adobe Photoshop ในการออกแบบกราฟฟิกใช้ในงานเว็บเพจ 1.4.1.4 ศึกษาหลักการอินเตอร์เน็ตและขอบข่ายการทำงาน 1.4.2 ขอบเขตด้านวิธี 1.4.2.1 จัดทำเว็บเพจ นำเสนอข้อมูลของขนมไทยมงคลเก้าชนิด 1.4.2.2 จัดทำสารนิพนธ์ของโครงการเว็บไซต์ขนมไทยมงคลเก้าชนิด 1.4.2.3 จัดทำคู่มือเนื้อหาของเว็บไซต์ 1.4.3 ขอบเขตด้านเวลา 1.4.3.1 ใช้เวลาภาคเรียนที่ 1/2553 และให้เสร็จภายในเวลา 1 ตุลาคม 2553

3. 1.5 งบประมาณและทรัพยากร 1.5.1 จดทะเบียนเว็บโฮสติ้ง 100 MB หน่วยละ 2,000 รวมเป็นเงิน 2 , 000 บาท จัดหาเอง 1.5.2 กระดาษ 2 รีม หน่วยละ 200 รวมเป็นเงิน 200 บาท จัดหาเอง 1.5.3 ค่าจัดทำเอกสาร 1 ชุด หน่วยละ 500 รวมเป็นเงิน 500 บาท จัดหาเอง 1.5.4 โปรแกรม PowerPoint 1 ชุด หน่วยละ 500 รวมเป็นเงิน 500 บาท โรงเรียนสนับสนุน 1.5.5 โปรแกรม Macromedia Dream weaver 1 ชุด หน่วยละ 2,000 รวมเป็นเงิน 2,000 บาท โรงเรียนสนับสนุน 1.5.6 โปรแกรม Adobe Photoshop 1 ชุด หน่วยละ 2 , 50 0 รวมเป็นเงิน 2 , 50 0 บาท ได้รับบริจาค งบประมาณรวมเป็นเงินทั้งหมด 7,700 บาท ( เจ็ดพันเจ็ดร้อยบาทถ้วน ) 1.6 ประโยชน์ที่คาดว่าจะได้รับ 1.6.1 มีความรู้และทักษะการสร้างเว็บไซต์ 1.6.2 ผู้สนใจสามารถเข้าศึกษาข้อมูลขนมไทยภายในเว็บไซต์

4. 1.7 คำจำกัดความ ( นิยามศัพท์ ) 1.7.1 ขนมไทยมงคล หมายถึงขนมไทย หัตถกรรมความอร่อย ที่แสดงออกถึงความอ่อนช้อยของความเป็นไทยตั้งแต่ครั้งอดีตกาลที่ก่อกำเนิดภูมิปัญญาไทย หลากหลายให้สืบสานต่อทั้ง วิถีชีวิต ประเพณี วัฒนธรรม ที่สามารถนำวัสดุมีอยู่ในท้องถิ่น มาปรุงแต่ง เป็นของหวานได้ หลายรูปแบบ จัดเป็นมรดกทางวัฒนธรรมอย่างหนึ่งที่บ่งบอกว่าคนไทย มีลักษณะนิสัยอย่างไร เพราะขนมแต่ละชนิดล้วนมีเสน่ห์ มีเสน่ห์แสดงให้เห็นถึงความละเอียดอ่อนและความประณีตวิจิตรบรรจงในรูปลักษณ์ตั้งแต่วัตถุดิบที่ใช้ วิธีการทำที่กลมกลืน ความพิถีพิถัน สีที่ให้ความสวยงาม มีกลิ่นหอม รสชาติของขนมที่ละเมียดละไมชวนให้รับประทาน 1.7.2 วัฒนธรรม คือ ลักษณะที่แสดงถึงความเจริญงอกงามความเป็นระเบียบ เรียบร้อย ความกลมเกลียวก้าวหน้าของ ชาติ และ ศีลธรรม อันดีของประชาชน , วัฒนธรรมในทางวิทยาการ หมายถึงวิถีการดำเนินชีวิต ซึ่งเป็น พฤติกรรม และ สิ่งที่คนในหมู่ผลิตสร้างขึ้น ด้วยการเรียนรู้จากกันและกัน และ ร่วมใช้อยู่ในหมู่พวกของตน 1.7.3 ประเพณี หมายถึง กิจกรรมที่มีการปฏิบัติสืบเนื่องกันมาเป็นเอกลักษณ์และมีความสำคัญต่อสังคม เช่น การแต่งกาย ภาษา วัฒนธรรม ศาสนา ศิลปกรรม กฎหมายคุณธรรมความเชื่อฯลฯ เป็นกฎระเบียบในการประปฏิบัติตน และการวางระวางบุคคลในสังคม เช่น มารยาทในห้องรับประทานอาหาร ประเพณีของไทย นั้นให้ความสำคัญในการให้ความสำคัญกับ ผู้อาวุโสผู้น้อยต้องรู้จักสัมมาคารวะให้ความเคารพผู้ใหญ่ เช่น นักเรียนต้องให้ความเคารพครูบาอาจารย์

5. จัดทำโครงการครั้งนี้ คณะผู้จัดทำได้ศึกษาเอกสารและทฤษฎีที่เกี่ยวข้องต่างเพื่อเป็นแนวทาง ดังนี้ 2.1 อินเทอร์เน็ต 2.2 เว็บบราวน์เซอร์ (Web Browser) 2.3 เว็บเซิร์ฟเวอร์ (Web Server ) 2.4 โดเมนเนม ( Domain Name) 2.5 โปรแกรมใช้สร้างเว็บเพจ 2.6 พื้นที่เว็บไซต์บนเว็บเซิร์ฟเวอร์ 2.7 โปรแกรมอัพโหลดเว็บไซต์ บทที่ 2 เอกสารและทฤษฎีที่เกี่ยวข้อง

13. 2.5.2 ความสามารถพื้นฐานของ Adobe Photoshop 2.5.2.1 ตกแต่งหรือแก้ไขรูปภาพ 2.5.2.2 ตัดต่อภาพบางส่วน หรือที่เรียกว่า Crop ภาพ 2.5.2.3 เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้ 2.5.2.4 สามารถลากเส้นแบบฟรีสไตล์ หรือใส่รูปภาพสีเหลี่ยมวงกลมหรือสร้างภาพอย่างอิสระ 2.5.2.5 มีการแบ่งชั้นของภาพ เป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน 2.5.2.6 การทำ Cloning ภาพ หรือการทำภาพซ้ำในรูปภาพเดียวกัน 2.5.2.7 เพิ่มเติมข้อความใส่ Effect ของข้อความได้ 2.5.2.8 Brush หรือแปลงทาสี ที่สามารถเลือกรูปแบบ สำเร็จรูป ในการ สร้างภาพได้ 2.5.2.9 และอื่นๆอีกมากมาย 2.5.3 โปรแกรม Macromedia Dreamweaver โปรแกรมสำหรับการสร้างเว็บเพจ บริหารจัดการเว็บไซต์ รวมไปถึงการพัฒนาเว็บแอปพลิเคชัน เนื่องจากตัว Dreamweaver มีความสามารถที่โดดเด่น ดังนี้ สามารถเขียนโปรแกรมสำหรับเว็บได้ทุกรูปแบบ เช่น ASP, ASP.Net, ColdFusion , JSP, PHP, XML, XHTML เมนูคำสั่งและเครื่องมือต่างๆ เรียกใช้งานได้ง่ายและสะดวกมีการปรับปรุงกลไกภายในให้มีประสิทธิภาพสูงขึ้น สามารถสร้างแอปพลิเคชันง่ายๆ โดยไม่จำเป็นต้องเขียนโปรแกรม สร้างเว็บเพจภาษาไทยได้ทันทีโดยไม่ต้องติดต้องโปรแกรมเสริมเพราะ Dreamweaver รองรับตัวอักษรแบบ Unicode

15. 2. 5.4 .6 HTML 4.01 ในปี 1997 เช่น เดียวกันได้ปรับการทำงาน ที่ผิดพลาด ให้สมบูรณ์ยิ่งขึ้นองค์ประกอบของภาษา HTML สามารถแบ่งออกเป็น 2 ส่วนคือ ส่วนที่เป็นข้อความทั่วๆไป และส่วนที่เป็นคำสั่งที่ใช้ในการกำหนดรูปแบบของข้อความที่แสดง ซึ่งเรียกคำสั่งนี้ว่า แท็ก (tag) โดยแท็กของเครื่องหมาย HTML จะอยู่ในเครื่องหมาย < > ซึ่งมีหลักในการเขียน คือ รูปแบบแท็กจะแยกออกเป็น 2 ส่วน โดยจะต้องมีส่วนเริ่มต้นของแท็ก เรียกว่า แท็กเปิด โดยส่วนของแท็กปิดจะต้องมีเครื่องหมาย slash (/) 2.6 การขอพื้นที่เว็บไซต์บนเซิร์ฟเวอร์ พื้นที่เว็บไซต์บนเว็บเซิร์ฟเวอร์ คือ พื้นที่การใช้งานในอินเทอร์เน็ต โดยการเช่าพื้นที่ ฮาร์ดดิสก์ในเครื่อง Server ของผู้ให้บริการโดยเครื่อง Server นี้จะเชื่อมต่อ Internet ความเร็วสูงและ online 24 ชม . สำหรับเว็บไซต์ทั่วไป โฮสติงมีลักษณะที่เปรียบเทียบได้เหมือนกับ ฮาร์ดดิสก์ ในเครื่องคอมพิวเตอร์ของเรา ฉะนั้นถ้ามีพื้นที่การใช้งานโฮสติ้งที่มาก ก็จะสามารถเก็บ ไฟล์ รูปภาพ , เอกสาร และอื่นๆ ได้มากตามไปด้วยเช่นกัน บางครั้งอาจเรียกได้หลายแบบเช่น โฮสติ้ง เว็บโฮสติง แต่ทั้งหมดก็มีความหมายเหมือนกัน เว็บโฮสติ้ง มี 2 แบบ คือ Windows Hosting และ Linux Hosting โดยแยกตามระบบปฏิบัติการ ( OS) ที่ตัวเว็บโฮสติ้งใช้งาน ซึ่งมีอยู่ 2 ระบบปฏิบัติการที่ใช้งานคือ Microsoft Windows Server และ Linux ความแตกต่างระหว่างระบบปฏิบัติการ 2 ระบบนี้ คือ ตัว Windows Hosting สามารถใช้งานได้กับเว็บไซต์ที่เขียนโดยภาษา ASP ,ASP.net และ PHP ได้ ในขณะที่ตัว Linux Hosting สามารถใช้งานกับเว็บไซต์ที่เขียนโดยภาษา PHP ได้เท่านั้นแต่หากเว็บไซต์เขียนโดยใช้ HTML ก็สามารถเลือกใช้เว็บโฮสติ้งได้ทั้ง 2 แบบ โดยที่การแสดงผลของทั้ง 2 ระบบไม่ต่างกัน แต่แนะนำให้ใช้เป็น Linux Hosting เพราะจะมีค่าใช้จ่ายน้อยกว่า

16. 2. 7 โปรแกรมอัพโหลดเว็บไซต์ การสร้างเว็บไซต์เมื่อเสร็จสมบูรณ์แล้วจะต้องอัพโหลด ( Upload) ข้อมูลทั้งหมดเข้าสู่อินเตอร์เน็ต โดยนำไปฝากหรือเก็บไว้บนเว็บเซิร์ฟเวอร์ เพื่อเผยแพร่ไปสู่สาธารณะชน ขณะที่ข้อมูลถูกเผยแพร่อยู่นั้น ผู้ดูแลหรือเจ้าของเว็บไซต์สามารถปรับปรุง แก้ไข เปลี่ยนแปลงเนื้อหาหรืออัพเดตข้อมูลใหม่ ๆ ได้ตลอดเวลา การจัดการเว็บไซต์มีขั้นตอนสำคัญ 3 ขั้นตอน คือ 2.7.1 การจดทะเบียนโดเมนเนม (Domain Name) โดเมนเนม ( Domain Name) หรือที่เข้าใจคือ ชื่อเรียกเว็บไซต์นั่นเอง การจดทะเบียนโดเมนเนมจึงเป็นการลงทะเบียนชื่อให้กับเว็บไซต์ในโลกของอินเตอร์เน็ตโดย โดเมนเนมที่ขอจดทะเบียนจะต้องไม่ซ้ำกับคนอื่น และ ควรตั้งชื่อให้เกี่ยวข้องกับเนื้อหาภายในเว็บไซต์ หรือเกี่ยวข้องกับสินค้าและบริการ ตลอดจนใช้คำง่าย ๆ ให้จำได้ เช่น Sanook.com, Bangkok.com, Cnn.com เป็นต้น 2. 7.2 การจัดหาพื้นที่สำหรับเก็บเว็บไซต์บนเซิร์ฟเวอร์ หลังจากได้จดโดเมนเนมแล้ว ขั้นตอนต่อไปจะต้องจัดหาพื้นที่อินเตอร์เน็ต หรือเว็บโฮสติ้ง ( Web Hosting) การให้บริการเช่าพื้นที่อินเตอร์เน็ตจะ จัดเตรียมเครื่องเซิร์ฟเวอร์ที่มีประสิทธิภาพสูงไว้แบ่งให้บุคคลอื่นเช่า โดยจะคิดค่าบริการเป็นรายปี หรือแบบอื่น ๆ

23. 3.1 การวางแผนการทำชิ้นงาน ภาพที่ 3-1 ภาพอธิบายการวางแผนการทำเว็บเพจ เริ่มต้น ศึกษาข้อมูลและวางแผนการทำชิ้นงาน ออกแบบสร้างเว็บไซต์ขนมไทยมงคลเก้าชนิด จัดเตรียมอุปกรณ์ ดำเนินการสร้างชิ้นงาน 1