วิชาเทคโนโลยีคอมพิวเตอร์ (HTML ม.4)

 



 

 

 

EX1 = Hi5

EX2 = Text

EX3 ไม่เก็บคะแนน

EX4 = Button

EX5 = Template

TEST1 = รูปภาพในตาราง 10%

TEST 2 = Layout ตาราง 10%

MID = HomePage (เอา EX3 มาตกแต่ง)  20%

FINAL = โครงงานเว็บ + อัพโหลด

 ใครที่ คะแนนยังไม่ครบ ให้ทำการส่งใหม่ โดยเร็วที่สุด

 ข้อตกลง

การสร้าง Site : MyHTMLSite บนเดสท๊อป


 แผนการจัดการเรียนรู้เรื่อง 

Upload File

 

คาบที่ 5 - 6

 

 

สาระ

  • Free web host registration
  • Upload with Dreamweaver

สื่อ 

 

               


 

 

 แผนการจัดการเรียนรู้เรื่อง 

Template

 

คาบที่ 5 - 6

 

เวลา 12.30- 14.10

 

สาระ

  • Create Template
  • Edit Template
  • Apply Template

สื่อ 

  • Powerpoint
  • โปรแกรมส่งงาน
  • Web

 

               


 

 

 

 

สอนครั้งที่ 6

 แผนการจัดการเรียนรู้เรื่อง 

 Button

แผนที่ 4 หน่วยที่  2

ประจำวันที่ 7 สิงหาคม 2551

คาบที่ 5 - 6

เวลา 12.30- 14.10

 

สาระ

  • Button
  • Rollover button
  • Link page

สื่อ 

  • Powerpoint
  • โปรแกรมส่งงาน
  • Web

 

กิจกรรมการเรียนรู้

ดาวโหลดEx_button.zip

ดาวโหลดไว้ใน MyHTMLSite  เมื่อดาวโหลดเสร็จแล้ว  ให้คลิกขวาที่ไฟล์  EX_Button.zip  แล้วเลือก Extract here..

               


 

 แผนการจัดการเรียนรู้เรื่อง 

 การสร้าง Home Page โดยใช้ Layout ใน Dreamweaver

แผนที่ 3 หน่วยที่  2

ประจำวันที่ 24  กรกฏาคม 2551

คาบที่ 5 - 6

เวลา 12.30- 14.10

 

สาระ

  • Layout

สื่อ 

  • ใบงาน

 

กิจกรรมการเรียนรู้

ให้นักเรียนศึกษาใบงาน  และ ออกแบบหน้า Homepage

ดาวโหลดใบงาน

               

 


สอนครั้งที่ 5

 แผนการจัดการเรียนรู้เรื่อง 

 การสร้าง Layout อย่างง่าย

แผนที่ 2 หน่วยที่  2

ประจำวันที่ 10  กรกฏาคม 2551

คาบที่ 5 - 6

เวลา 12.30- 14.10

 

สาระ

  • รูปภาพ
  • ตาราง
  • Layout

สื่อ 

  • คอมพิวเตอร์ โปรเจคเตอร์
  • PowerPoint

 

กิจกรรมการเรียนรู้

สอบครั้งที่ 2

               

 


สอนครั้งที่ 4

 แผนการจัดการเรียนรู้เรื่อง 

 TEXT  การจัดการข้อความ

แผนที่ 2 หน่วยที่  2

ประจำวันที่ 3  กรกฏาคม 2551

คาบที่ 5 - 6

เวลา 12.30- 14.10

 

สาระ

  • Tag ที่ใช้สำหรับจัดการข้อความ
  • หัวเรื่อง
  • List
  • Preformat
  • HR

สื่อ 

  • คอมพิวเตอร์ โปรเจคเตอร์
  • PowerPoint

 

กิจกรรมการเรียนรู้

                แบบฝึกหัด

 


 

สอนครั้งที่ 3

 แผนการจัดการเรียนรู้เรื่อง 

 Dream weaver 8 Basic

แผนที่ 1  หน่วยที่  2

ประจำวันที่ 26  มิถุนายน 2551

คาบที่ 5 - 6

เวลา 12.30- 14.10

 

สาระ

  • ส่วนประกอบของโปรแกรม
  • การสร้าง site เพื่อเก็บเอกสาร
  • การสร้างเอกสาร HTML พื้นฐาน

สื่อ 

กิจกรรมการเรียนรู้

                กิจกรรมสร้างเว็บเพจ  HI 5  ตัวเอง

 

 

 

 

 

 

 

 

แผนที่ วันที่ สาระ Lesson Plan หมายเหตุ
1 12/6/51 

การสร้างเอกสาร HTML ด้วย NotePad ,TAG  HTML พื้นฐาน

   
 19/6/51  การแทรกรูปภาพ สร้างตาราง    
 3  26/6/51 Dream Weaver พื้นฐาน    
 4  03/7/51  การจัดการข้อความ,ย่อหน้า,Heading    
 5 10/7/51 การจัดการรูปภาพ ตาราง สร้างเว็บหน้าแรกอย่างง่าย    
  17/7/51

Link และ การตกแต่งเว็บด้วยกราฟิกสื่อต่างๆ

  ชด
  24/7/51 การจัดการตาราง    
   28/7/51 - 1/8/51 สอบกลางภาค     
   7/8/51 ส่งหน้าแรกเว็บ,ปุ่ม Flash,การทำปุ่ม Rollover ,Photoshop ,Link ไปยัง เพจอื่นๆ    
   14/8/51  การสร้างเว็บจาก เทมเพลตสำเร็จรูป    
   21/8/51 การอัพโหลดเว็บไซต์, ส่งโครงงาน HTML    
  28/8/51 หมดเขตส่งโครงงาน HTML    
  4/9/51      
  11/9/51      
  18/9/51 ลา