รหัสวิชา ง 22101       ชื่อวิชา  การงานอาชีพและเทคโนโลยี 34  
ช่วงชั้นที่  3  ชั้นปีที่  2  
ครูผู้สอน ดรุณี   กันธมาลา
โรงเรียนยุพราชวิทยาลัย  จังหวัดเชียงใหม่         
 
บทที่ 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 วิธีการสมัครเว็ปไซด์



1. เข้า www.myreadyweb.com แล้วกด 'เปิดเว็ปไซด์ฟรี!!' จะปรากฏหน้าใหม่ขึ้นมา หากกดอันอื่นคุณจะต้องเสียเงินนะครับ
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 ด้วยนะครับ)



1. ถัดลงมาจาก แบนเนอร์เทศกาล ให้กดที่ 'ส่วนหัว โลโก้ ของเว็ปไซด์' (เป็นการใส่ โลโก้ของเว็ปเรา ซึ่งโลโก้ แนะนำให้ทำใน paint หรือ photoshop) จะปรากฏหน้าใหม่ขึ้นมา
2. หลังจากปรากฏหน้าใหม่ขึ้นมา กด 'แสดง' จากนั้นจะมี 2 หัวข้อขึ้นมาคือ
1. เลือกสถานะ ส่วนหัว
2. เลือกสถานะของ โลโก้
เลือกสถานะ ส่วนหัว
ก็คือ รูปที่ Template มีให้ไว้แล้ว หรือใครมีรูปที่สวยกว่าที่ Template ให้มาก็เอาไปใส่แทนได้นะครับ โดยกดที่ 'ใช้รูปภาพ' แล้วกด Browse... หรือใครมีรูป Flash (รูปเคลื่อนไหว) ก็เอาไปใส่แทนได้นะครับ โดยกดที่ 'ใช้ flash' แล้วกด Browse...

เลือกสถานะของ โลโก้
ขั้นตอนต่อไปจะทำหรือไม่ทำก็ได้นะครับ ไม่ว่ากันเพราะโลโก้ไม่ได้ทำกันง่ายๆ นอกจากว่าไปก็อปเว็ปอื่นมานะครับ
กด ที่ 'แสดง โลโก้' แล้วกด Browse... หาโลโก้ที่เราทำเองหรือก็อปจากเว็ปอื่นมา หรือบางคนบอกว่า ผมอยากมีโลโก้ แต่ผมไม่อยากทำโลโก้และไม่อยากก็อปของใครมาด้วย ก็กด 'ข้อความแทนโลโก้' ได้นะครับ มันจะใส่ข้อความของเราให้กลายเป็นโลโก้พื้นฐาน

3.พอเสร็จแล้วก็กด Submit แล้วลองไปที่ดูหน้าเว็ปของเราสิ ว่ามีอะไรเกิดขึ้น (กด F5 ด้วยนะครับ)



1. ถัดลงมาจาก ส่วนหัว โลโก้ ของเว็ปไซด์ ให้กดที่ 'พื้นหลังของเว็ปไซด์' (เป็นการทำให้พื้นที่ส่วน ดำๆ ของ Template ที่เราเลือกกลายเป็นรูปของเรา)
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.  เลือก 'ระบบไฮไลท์บาร์' แล้วจะมีเมนูย่อยออกมา คือ

• แก้ไข ไฮไลท์บาร์ ด้านบน
• แก้ไข ไฮไลท์บาร์ ด้านล่าง

• บริหารหมวดหมู่ บทความ
  • เพิ่มหมวดหมู่ บทความ
  • แก้ไข/ลบ หมวดหมู่ บทความ
  • รูปแบบหมวดหมู่บทความ
• บริหาร บทความ
  • สร้างบทความใหม่
  • แก้ไขบทความ
  • แก้ไข/ลบ ความคิดเห็น
  • รูปแบบบทความ
  • เส้นขอบบทความ

การเพิ่มหมวดหมู่บทความ

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 แล้วลองไปดูที่หมวดหมู่ บทความของเราสิ ว่ามีอะไรเกิดขึ้น

จาก : http://pc-game.myreadyweb.com/article/topic-7176.html