หน่วยการเรียนรู้ที่ 6 เรื่อง ความคิดสร้างสรรค์กับโครงงานออกแบบและเทคโนโลยี
สาระที่ 3: การออกแบบและเทคโนโลยี
มาตรฐาน ง 3.1 : เข้าใจธรรมชาติและกระบวนการของเทคโนโลยี ใช้ความรู้ ภูมิปัญญา จินตนาการ และความคิดอย่างมีระบบในการออกแบบ สร้างสิ่งของเครื่องใช้ วิธีการเชิงกลยุทธ์ ตามกระบวนการเทคโนโลยี สามารถตัดสินใจ เลือกใช้เทคโนโลยีในทางสร้างสรรค์ต่อชีวิต สังคม สิ่งแวดล้อม โลกของงานและอาชีพ
ผลการเรียนรู้ที่คาดหวัง
1. เข้าใจความหมายและความสำคัญ ประโยชน์ของความคิดสร้างสรรค์
2. เข้าใจความหมายและความสำคัญ ประโยชน์ ประเภทของ โครงงาน
3. เข้าใจขั้นตอนการดำเนินงานของโครงงานออกแบบและเทคโนโลยี
4. เข้าใจความหมาย ความสำคัญ ประโยชน์ เกี่ยวกับ สังคมออนไลน์ และ เว็บไซค์
5. นักเรียนสามารถใช้ความคิดสร้างสรรค์ในการจัดทำเว็บไซค์ได้
6. นักเรียนสามารถถ่ายทอดความคิดออกมาเป็นผลงานได้
จุดประสงค์การเรียนรู้
1. อธิบายความหมายและความสำคัญ ประโยชน์ของความคิดสร้างสรรค์
2. อธิบายความหมายและความสำคัญ ประโยชน์ ประเภทของ โครงงาน
3. อธิบายขั้นตอนการดำเนินงานของโครงงานออกแบบและเทคโนโลยี
4. บอกความหมาย ความสำคัญ ประโยชน์ เกี่ยวกับสังคมออนไลน์ และ เว็บไซค์
5. สามารถใช้ความคิดสร้างสรรค์ในการจัดทำเว็บไซค์ได้
6. นักเรียนสามารถถ่ายทอดความคิดออกมาเป็นผลงานได้
7. สามารถเขียนผังมโนทัศน์เกี่ยวกับความหมาย ความสำคัญ ประโยชน์ เรื่อง ความความคิดสร้างสรรค์ และโครงงานได้
สมรรถนะสำคัญของผู้เรียน
มุ่งพัฒนาผู้เรียนให้เกิดสมรรถนะสำคัญ 5 ประการ ดังนี้
1. ความสามารถในการสื่อสาร
2. ความสามารถในการคิด
3. ความสามารถในการแก้ปัญหา
4. ความสามารถในการใช้ทักษะชีวิต
5. ความสามารถในการใช้เทคโนโลยี
ขั้นตอนการออกแบบเว็ปไซด์จาก www.myreadyweb.com ซึ่งเป็นเว็ปที่สามารถออกแบบเว็ปไซด์ได้ง่าย
เพราะเป็นเว็ปสำเร็จรูป เหมาะสำหรับผู้ที่กำลังเริ่มต้นฝึกสร้างเว็ปเพจของตนเอง อาจยาวไปหน่อย แล้วก็ห้ามข้ามด้วยนะ ถ้าข้ามเดี๋ยวไม่รู้เรื่อง
ขั้นตอนที่ 1 วิธีการสมัครเว็ปไซด์
หากกดอันอื่นคุณจะต้องเสียเงิน
2. หลังจากปรากฏหน้าใหม่ให้กด 'สมัคร' ต้องกดที่สีเขียวเท่านั้น หากกดอันอื่นจะต้องเสียเงินนะ หรือถ้ารวยก็ไม่ว่ากัน
3. กรอก ข้อมูลต่างๆ (ตามความเป็นจริง)
4. เช็คถูกที่ 'ยอมรับข้อตกลง' แล้วกด Submit
5. กด 'ล็อกอินเข้าระบบ'
สิ้นสุดวิธีการสมัครเว็ปไซด์
ขั้นตอนที่ 2 วิธีการใส่รูป
การใส่รูปนั้นเราต้องมี URL ก่อน หากใครไม่รู้ว่าหาจากไหน ดูวิธีต่อไปนี้
1. ให้เข้าเว็ป www.imgur.com
2. กดที่ Computer แล้วเลือกรูปที่ต้องการ
3. กด Start Upload แล้วหน้าต่าง Upload ก็จะเด้งขึ้นมา
4. พอหน้าต่าง Upload เด้งขึ้นมาเสร็จรอซักเดี๋ยวแล้วเราก็จะไปยังหน้าใหม่
5. พอมาถึงหน้าใหม่ ให้คลิกส่วนไหนก็ได้ของภาพแล้วเราก็จะไปยังหน้าใหม่
6. พอมาถึงหน้าใหม่ให้ดูตรงช่อง Address (ที่วงกลมสีแดงไว้) นั้นก็คือ URL
7. พอเราได้ URL แล้วก็ไปที่ช่ิองเขียนข้อความ ไม่ว่าจะเป็นช่องข้อมูลหลัง ช่องไฮไลท์บาร์ ช่องเครดิต ฯลฯ
8. กดที่ ไอคอน รูปภาพ (ที่วงกลมไว้) แล้วจะมีหน้าต่างใหม่ขึ้นมา
9. พอมีหน้าต่างใหม่ขึ้นมา ให้กรอก URL ที่ช่องแรก แล้วปรับขนาดของรูป แล้วกด ตกลง
สิ้นสุดวิธีการใส่รูป
ขั้นตอนที่ 3 วิธีการตกแต่งหน้าเว็ปไซด์
ขั้นตอนนี้แนะนำให้ทำไปด้วยดูหน้าเว็ปตัวเองไปด้วยนะครับ
1.เลือก'บริหารข้อมูลหลักเว็ปไซด์' แล้วจะมีเมนูย่อยออกมา ให้กดที่ 'ข้อมูลหลักเว็ปไซด์' (เป็นการเพิ่มข้อความเพื่อเชิญชวน เมื่อนำลิ้งค์ไปโพส เช่น ใน facebook
หากนำเว็ปของเราไปโพสจะมีโฆษณาที่เราเขียนไว้ขึ้มา)จะปรากฏหน้าใหม่ขึ้นมา
2.กรอก ข้อมูลต่างๆ ให้น่าสนใจ
3.กด Submit แล้วลองเอาลิ้งค์ไปโพสใน facebook ดู
1. เลือก 'จัดรูปแบบการแสดงผล' แล้วจะมีเมนูย่อยออกมา ให้กดที่ 'เลือก Template' (เป็นการเปลี่ยนรูปแบบหน้าเว็ปของเราให้ดูดีขึ้น) จะปรากฏหน้าใหม่ขึ้นมา
2. หลังจากปรากฏหน้าใหม่ขึ้นมาจะมีรูปแบบ Template หลากหลายแบบ สามารถเลือกได้ตามใจชอบ พอเลือกแล้ว ลองไปดูที่หน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5 )
1. ถัดลงมาจาก Template ให้กดที่ 'แบนเนอร์เทศกาล' (เป็นการโฆษณาสิ่งต่างๆ ไว้ที่หัวเว็ปไซด์) จะปรากฏหน้าใหม่ขึ้นมา
2. กด 'แสดง'
3. เลือกแบนเนอร์ได้ลากหลายที่ ไม่ว่าจะเป็น จากระบบ จากคอมพิวเตอร์ตัวเอง แต่ถ้าอยากให้ไวก็เอาจากระบบ พอเลือกได้แล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5)
2. หลังจากปรากฏหน้าใหม่ขึ้นมา กด 'แสดง' จากนั้นจะมี 2 หัวข้อขึ้นมาคือ
1. เลือกสถานะ ส่วนหัว
2. เลือกสถานะของ โลโก้
เลือกสถานะ ส่วนหัว
ก็คือ รูปที่ Template มีให้ไว้แล้ว หรือใครมีรูปที่สวยกว่าที่ Template ให้มาก็เอาไปใส่แทนได้โดยกดที่ 'ใช้รูปภาพ' แล้วกด Browse... หรือใครมีรูป Flash (รูปเคลื่อนไหว) ก็เอาไปใส่แทนได้ โดยกดที่ 'ใช้ flash' แล้วกด Browse...
เลือกสถานะของโลโก้
ขั้นตอนต่อไปจะทำหรือไม่ทำก็ได้ ไม่ว่ากันเพราะโลโก้ไม่ได้ทำกันง่ายๆ (นอกจากว่าไปก็อปเว็ปอื่นมา)
กดที่ 'แสดง โลโก้' แล้วกด Browse... หาโลโก้ที่เราทำเองหรือก็อปจากเว็ปอื่นมา หรือบางคนบอกว่า อยากมีโลโก้ แต่ไม่อยากทำโลโก้และไม่อยากก็อปของใครมาด้วย ก็กด 'ข้อความแทนโลโก้' ได้ มันจะใส่ข้อความของเราให้กลายเป็นโลโก้พื้นฐาน
3.พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5)
2. แนะนำใช้รูปจะดีกว่าเพราะมันจะสวยกว่าสี ให้กดที่ 'ใช้รูปเป็นพื้นหลัง' แล้วกด Browse... จากนั้นให้กด 'ทำภาพซ้ำ-จัดกึ่งกลาง' แล้วกด ล็อก
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5)
1. ถัดลงมาจาก พื้นหลังของเว็ปไซด์ ให้กดที่ 'พื้นหลังบน/ล่าง' (เป็นการทำให้พื้นหลัง แบนเนอร์หรือ เครดิตเว็ปไซด์ เป็นรูปที่เลือก) จะมี 3 ตัวเลือกคือ
1. จากอัพโหลด-แสดงด้านบน
2. จากอัพโหลด-แสดงด้านล่าง
3. จาก Template
จากอัพโหลด-แสดงด้านบน และ จากอัพโหลด-แสดงด้านล่าง พอคลิกจะให้หารูป ก็กด Browse... พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5) ถ้าไม่มีก็ไม่เป็นไรเพราะรูปพื้นหลังย่อมเจอ 'ยาก'
1. ถัดลงมาจาก พื้นหลังบน/ล่าง จะเป็น 'พื้นหลังเนื้อหา' อันนี้ไม่แนะนำให้ใช้เพราะหากใช้จะอ่านเนื้อหาไม่ค่อยออก แต่ใครอยากใช้ก็ได้แต่ควรใช้แบบสี
2. กดที่ ใช้สีเป็นพื้นหลัง แล้วจะมีตัว #ffffff ให้กดที่ #ffffff แล้วจะมีหน้าต่างใหม่ขึ้นมา ให้เลือกสี
3. พอเลือกได้แล้วให้กดวงกลมสีรุ้ง ตรงมุมขวา แล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5)
*ถัดลงมาจากพื้นหลังเนื้อหา จะเป็น 'เครดิตเว็ปไซด์' ซึ่งไม่จำเป็นต้้องเปลี่ยนเพราะมันเป็นของ www.myreadyweb.com หากเปลี่ยน เหมือนเราไม่ให้การขอบคุณเค้า ทั้งๆที่เค้าให้เราทำเว็ปเพจได้ง่ายขึ้นมาก
1. เลือก 'ระบบไฮไลท์บาร์' แล้วจะมีเมนูย่อยออกมา คือ
- แก้ไข ไฮไลท์บาร์ ด้านบน
- แก้ไข ไฮไลท์บาร์ ด้านล่าง
(เป็นการแสดงข้อความต่างๆที่เราอยากให้ผู้ที่เข้ามาอ่าน โดยข้อความจะวิ่งตลอดเวลาจึงทำให้ผู้ที่เข้ามาเห็นได้ง่าย) แนะนำให้ใช้แค่ แก้ไข ไฮไลท์บาร์ ด้านบนก็พอเพราะ 78% ของผู้ที่เข้าชมเว็ปไซด์ไม่เคยที่จะดูข้างล่างเว็ปไซด์เลย
2. กดรูปสามเหลี่ยมที่ สถานะไฮไลท์บาร์ แล้วเลือก 'ใช้งาน'
3. กรอกข้อมูลที่อยากให้คนที่เข้ามารู้ ผมแนะนำควรเป็นข้อความสั้นๆได้ใจความ
4. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราว่ามีอะไรเกิดขึ้น (กด F5)
สิ้นสุดวิธีการตกแต่งหน้าเว็ปไซด์
ขั้นตอนที่ 3 วิธีการ เพิ่ม/แก้ไข/ลบ หมวดหมู่บทความ และ การ เขียน/แก้ไข/ลบ บทความ
1. เลือก 'ระบบ บทความ' แล้วจะมีเมนูย่อยออกมา คือ
- บริหารหมวดหมู่ บทความ
- เพิ่มหมวดหมู่ บทความ
- แก้ไข/ลบ หมวดหมู่ บทความ
- รูปแบบหมวดหมู่บทความ
- บริหาร บทความ
- สร้างบทความใหม่
- แก้ไขบทความ
- แก้ไข/ลบ ความคิดเห็น
- รูปแบบบทความ
- เส้นขอบบทความ
การเพิ่มหมวดหมู่บทความ
1. ให้เลือก บริหารหมวดหมู่บทความ แล้วกดเพิ่มหมวดหมู่ บทความ' จะมีหน้าใหม่ขึ้นมา
2. พอถึงหน้าใหม่ ก็พิมพ์ชื่อหมวดหมู่ บทความ ที่ 'ชื่อหมวดหมู่ ไทย' เช่น ประวัติ,เกมส์,โปรแกรม,สัตว์เลี้ยง,รถยนต์ ฯลฯ (มีไอคอนจะดีมาก เพราะจะทำให้เด่น) ซึ่งจะเป็นหมวดหมู่ใหญ่ๆ และจะไปแตกย่อยในการเขียนบความ และแน่นอน การเพิ่มหมวดหมู่บทความนั้นไม่ต้องเขียนรายละเอียด ก็เหมือนกับหมวดหมู่หนังสือในห้องสมุด เช่น หมวด เบ็ดเตล็ด ที่เค้าเข้าในหมวด เบ็ดเตล็ด ไม่ได้อยากมารู้ว่าเบ็ดเตล็ดคืออะไรแต่อยากรู้ว่ามีหนังสือเรื่องที่ต้องการไหม ดังนั้น หมวดหมู่บทความก็เช่นกัน ไม่จำเป็นต้องเขียนรายละเอียด
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปด้านซ้ายมือของเราว่ามีอะไรเกิดขึ้น (กด F5)
การ แก้ไข/ลบ หมวดหมู่บทความ
1. ให้เลือกบริหารหมวดหมู่ บทความ แล้วกด แก้ไข/ลบ หมวดหมู่ บทความ' จะมีหน้าใหม่ขึ้นมา
2. ต้องการแก้ไขหมวดหมู่บทความ ให้กด 'แก้ไข' หรือ ต้องการลบหมวดหมู่บทความ ให้กด 'ลบ'
3. พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปด้านซ้ายมือของเราว่ามีอะไรเกิดขึ้น (กด F5)
การสร้างบทความ
1. ให้เลือก 'บริหาร บทความ' แล้วกด 'สร้างบทความใหม่' จะมีหน้าใหม่ขึ้นมา
2. เลือกหมวดหมู่บทความ ที่ต้องการให้ บทความที่เราเขียนนี้ เป็นหัวข้อย่อยของหมวดหมู่นั้น
3. เขียนรายละเอียด ใส่รูป ให้สวยงาม
4. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปด้านซ้ายมือของเราว่ามีอะไรเกิดขึ้น (กด F5)
การ แก้ไข/ลบ บทความ
1. ให้เลือก บริหารบทความ แล้วกด แก้ไขบทความ' จะมีหน้าใหม่ขึ้นมา
2. ต้องการแก้ไขบทความ กด 'แก้ไข' หรือ ต้องการลบบทความ กด 'ลบ'
3. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หน้าเว็ปด้านซ้ายมือของเราว่ามีอะไรเกิดขึ้น (กด F5)
วิธีการใส่เส้นขอบของบทความ
1. ให้เลือก บริหารบทความ แล้วกดเส้นขอบบทความ' จะมีหน้าใหม่ขึ้นมา
2. เลือกเส้นขอบของบทความตามใจชอบ
3. พอเสร็จแล้วก็กด Submit แล้วลองไปดูที่หมวดหมู่ บทความของเราว่ามีอะไรเกิดขึ้น (กด F5)
Credit: http://nareepat.myreadyweb.com
หน้าแรก 
