การสร้างเว็บไซต์ด้วย Templates

การสร้างเว็บไซต์ด้วย  Templates  (Link Download Free Templates)
http://www.templatesbox.com/templates.htm
กิจกรรม ครั้ง ที่ 9

1.ให้นักเรียนเลือกดาวน์โหลด Templates จากเว็บไซต์ที่ครูกำหนดให้ หรือหาเพิ่มเติมจากเว็บอื่น
มาออกแบบเป็นเว็บไซต์ของนักเรียนเอง โดยใช้ก้อนข้อมูลเดิม ตกแต่งให้สวยงาม
2.เพิ่มหน้าเพจอีกจำนวน 6 หน้า ได้แก่ (เพิ่มเมนูเอง)
  - วันแม่แห่งชาติ    
  - วันวิทยาศาสตร์       
  -  ต้นไม้ประจำจังหวัดกรุงเทพฯ,ประจำโรงเรียน
  -  วันไหว้ครู   
  - วันเข้าพรรษา   
  - วันอาสาฬหบูชา
ส่งภาระงานในชั่วโมง

ใบความรู้ที่ 9 เรื่อง การสร้างฟอร์ม

แผนการสอนที่  9

ผลการเรียนรู้ที่คาดหวัง   เมื่อนักเรียนศึกษาเรื่องการสร้างฟอร์มบนเว็บเพจแล้วนักเรียนมีความรู้ความเข้าใจและสามารถสร้างฟอร์มเพื่อติดต่อกับผู้ใช้ได้อย่างถูกต้อง

จุดประสงค์นำทาง

1.       นักเรียนเข้าใจวิธีการและสามารถเริ่มต้นสร้างฟอร์มเพื่อรับข้อมูลจากผู้ใช้ได้อย่างถูกต้อง

2.       นักเรียนสามารถใช้ออบเจ็กต์ต่างและสามารถกำหนดคุณสมบัติของออบเจ็กต์ได้อย่างถูกต้อง

เอกสารประกอบ ใบงาน/ใบความรู้

ไฟล์ Word

http://file1.uploadfile.biz/i/IDEZMEIIIEDDDI 

ศึกษาจากใบความรู้และทำใบงานที่ 9 ทฤษฎีและปฏิบัติ

หน่วยย่อยที่ ๘ เรื่อง การเชื่อมโยงเว็บเพจ

แผนการจัดการเรียนรู้

กลุ่มสาระการงานอาชีพและเทคโนโลยี

วิชา คอมพิวเตอร์                                                        ชั้น มัธยมศึกษาปีที่ ๕

หน่วยที่            ๒            หน่วยการเรียนรู้เรื่อง โครงงานคอมพิวเตอร์

หน่วยย่อยที่       ๘            เรื่อง การเชื่อมโยงเว็บเพจ 

เวลา    ๒     ชั่วโมง           

------------------------------------------------------

มาตรฐาน

๓.๑  ม.๔-๖/๗

ตัวชี้วัด

พัฒนาโครงงานคอมพิวเตอร์

สาระสำคัญ

การเชื่อมโยง (link) เป็นการกำหนดตำแหน่งต้นทางและปลายทาง เพื่อให้ผู้ใช้เลื่อนหน้าหรือกระโดดข้ามไปยังส่วนที่เลือกไว้ ทั้งภายในเว็บไซต์เดียวกันและต่างเว็บไซต์ ซึ่งเป็นจุดเด่นของการสร้างเว็บไซต์เพราะผู้ออกแบบเว็บเพจ สามารถกำหนดไปยังส่วนที่ต้องการใดๆ ทำให้ผู้อ่านเข้าถึงเนื้อหาที่ต้องการได้สะดวกและรวดเร็ว

ผลการเรียนรู้ที่คาดหวัง

ด้านความรู้(knowledge)

          ๑. กำหนดคุณสมบัติการเชื่อมโยงได้

          ๒. อธิบายการเชื่อมโยงเว็บเพจ

ด้านทักษะกระบวนการ

          ๑. เชื่อมโยงเว็บเพจเดียวกันได้

          ๒. เชื่อมโยงภายในเว็บไซต์เดียวกันได้

          ๓. เชื่อมโยงไปยังเว็บไซต์อื่นได้

          ๔. เชื่อมโยงไปยังอีเมล์ได้

          ๕. เชื่อมโยงไปยังไฟล์ดาวน์โหลดได้

          ๖. เชื่อมโยงด้วย Rollover Image ได้

ด้านคุณธรรม จริยธรรมและค่านิยม

          ๑. มีความรับผิดชอบ

          ๒. มีระเบียบวินัย

          ๓. การเรียนร่วมกับผู้อื่น

          ๔. การรักษาทรัพย์สินส่วนรวม

สาระการเรียนรู้

-    การเชื่อมโยงเว็บเพจ

-         การเชื่อมโยงภายในเว็บเพจเดียวกัน

-         การเชื่อมโยงภายในเว็บไซต์เดียวกัน

-         การเชื่อมโยงไปยังเว็บไซต์อื่น

-         การเชื่อมโยงเพื่อดาวน์โหลดไฟล์

-         การเชื่อมโยงไปยัง E-Mail

-         การเชื่อมโยงด้วย Map Link

คุณลักษณะอันพึงประสงค์

๔.  ใฝ่เรียนรู้

๖. มุ่งมั่นในการทำงาน 

เอกสารประกอบการสอน ใบความรู้ / ใบงาน

ไฟล์  Word

http://file1.uploadfile.biz/i/EZEZMEIIEVDWWW

ไฟล์  Powerpoint

http://file1.uploadfile.biz/i/EZEZMEIIEVDMDN

ศึกษาเพิ่มเติม 

http://www.kruwuttdrw.com/index.php?option=com_content&view=article&id=60&Itemid=45

หน่วยย่อยที่ 7 เรื่อง การจัดการเลเยอร์ เวลา 2 ชั่วโมง

กลุ่มสาระการงานอาชีพและเทคโนโลยี

วิชา คอมพิวเตอร์            ชั้น มัธยมศึกษาปีที่ ๕

หน่วยที่            ๒           หน่วยการเรียนรู้เรื่อง โครงงานคอมพิวเตอร์

หน่วยย่อยที่       ๗          เรื่อง การจัดการเลเยอร์

เวลา    ๒     ชั่วโมง           

------------------------------------------------------

มาตรฐาน

๓.๑  ม.๔-๖/๗

ตัวชี้วัด

พัฒนาโครงงานคอมพิวเตอร์

สาระสำคัญ

          เลเยอร์  (Layer) เป็นแผ่นสำหรับสร้างงานชนิดหนึ่ง สามารถมองทะลุผ่านไปยัง

พื้นหลังได้ สามารถเคลื่อนย้าย วาง คัดลอกและจัดตำแหน่งบนเว็บเพจได้อย่างอิสระ

ผลการเรียนรู้ที่คาดหวัง

ด้านความรู้(Knowledge)

          ๑. อธิบายการสร้างเลเยอร์ได้

ด้านทักษะกระบวนการ (Procedure Skills)

          ๑. สร้างเลเยอร์ได้

          ๒. ปรับแต่งรายละเอียดของเลเยอร์ได้

ด้านคุณธรรม จริยธรรม และค่านิยม

          ๑. มีความรับผิดชอบ

          ๒. มีระเบียบวินัย

          ๓. เรียนร่วมกับผู้อื่นได้

          ๔. การรักษาทรัพย์สินส่วนรวม

สาระการเรียนรู้

๑. การจัดการด้วยเลเยอร์

๑.๑  การสร้างเลเยอร์

๑.๒ การใส่ข้อความในเลเยอร์

๑.๓ การใส่รูปภาพในเลเยอร์

๑.๔ การแทรกตารางในเลเยอร์

     ๒. การปรับแต่งรายละเอียดของเลเยอร์

๒.๑ คุณสมบัติของเลเยอร์

๒.๒ การปรับขนาดเลเยอร์

๒.๓ การเคลื่อนย้ายเลเยอร์

๒.๔ กำหนดสีพื้นหลังของเลเยอร์

๒.๕ กำหนดภาพเป็นพื้นหลังของเลเยอร์

๒.๖  การลบเลเยอร์

คุณลักษณะอันพึงประสงค์

๔.  ใฝ่เรียนรู้

๖. มุ่งมั่นในการทำงาน 

เนื้อหา สามารถดาวน์โหลดได้จาก

ใบความรู้

http://file1.uploadfile.biz/i/MVENMEIIIIMNXD
   ใบงาน
    http://file1.uploadfile.biz/i/EMEZMEIIIIXWDI

ศึกษาเพิ่มเติม

http://www.kruwuttdrw.com/index.php?option=com_content&view=article&id=41&Itemid=87
http://www.com-learning2u.com/unit/unit8/8.html

หน่วยย่อยที่ 4 เรื่อง การใช้ตารางในเว็บเพจ เวลา 2 ชั่วโมง

กลุ่มสาระการงานอาชีพและเทคโนโลยี

วิชา คอมพิวเตอร์ ชั้น มัธยมศึกษาปีที่ 5

หน่วยที่       2   หน่วยการเรียนรู้เรื่อง โครงงานคอมพิวเตอร์

หน่วยย่อยที่     4       เรื่อง การใช้ตารางในเว็บเพจ

เวลา    2   ชั่วโมง 

.................................................................................

สาระสำคัญ

          ตาราง (Table) ประกอบด้วยแถว (Row) และคอลัมน์ (Colum) ใช้สำหรับแสดงข้อมูลที่ต้องการจัดลำดับ 

จัดเรียงเนื้อหา และจัดหมวดหมู่เพื่อความเป็นระเบียบสะดวกในการค้นหาแก้ไขและนำไปใช้งาน การนำเสนอข้อมูลในรูปแบบตารางประกอบด้วยเว็บเพจมีประโยชน์อย่างมาก โดยเฉพาะที่เป็นข้อมูล ตัวเลข สถิติ มูลค่า และราคาสินค้า ซึ่งจะช่วยให้ผู้ชมเข้าถึงแหล่งข้อมูลได้อย่างรวดเร็วและครบถ้วน ตลอดจนสามารถเปรียบเทียบข้อมูลที่หาได้อย่างรวดเร็ว

ผลการเรียนรู้ที่คาดหวัง

ด้านความรู้ (Knowledge)
1.บอกวิธีการสร้างตารางในเว็บเพจได้
2.บอกวิธีการใส่ข้อมูลในตารางได้

ด้านทักษะกระบวนการ(Procedure Skills)
1. สร้างตารางและแก้ไขตารางได้
2. พิมพ์ข้อความและแทรกรูปภาพลงในตารางได้
3. ปรับแต่งตารางได้

ด้านคุณธรรม จริยธรรม และค่านิยม (Affective)
1. ความรับผิดชอบ
2. ความมีระเบียบวินัย
3. การเรียนร่วมกับผู้อื่น

4. การรักษาทรัพย์สินส่วนรวม

ให้นักเรียนดาวน์โหลดไฟล์ใบความรู้ที่ 4 จาก

http://file1.uploadfile.biz/i/MNEHMEIIIEDEWD 

เว็บไซต์ศึกษาเพิ่มเติม

http://www.kruwuttdrw.com

 

ใบความรู้ที่ 7 เรื่องการใช้ Frame , Checkbox , Option Button

ใบความรู้และใบงานที่ 7
เรื่องการใช้ Frame , Checkbox , Option Button

หน่วยการเรียนรู้ที่ 6 ชื่อหน่วย เขียนโปรแกรมภาษา กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี

http://file1.uploadfile.biz/i/IZEXMEIIEVIXXD

แบบทดสอบหลังเรียนการเขียนโปรแกรมเบื้องต้นโดยใช้ Visual Basic 6

แบบทดสอบหลังเรียนการเขียนโปรแกรมเบื้องต้นโดยใช้ Visual Basic 6
Download คลิกที่นี่

1. ให้นักเรียนโหลดไฟล์แบบทดสอบหลังเรียนการเขียนโปรแกรมเบื้องต้นโดยใช้ Visual Basic 6.doc(แนวข้อสอบ) ทำลงสมุด 14 ข้อ
2.ให้นักเรียนออกข้อสอบ 16 ข้อ พร้อมคำตอบ 4 ตัวเลือกและเฉลย
ส่งสมุดท้ายคาบ

ครูก้อย