หน้าแรก | แนะนำบทเรียน | เข้าสู่บทเรียน | กิจกรรม/แบบฝึกหัด

	สาระการเรียนรู้ประจำหน่วย
	ความรู้เบื้องต้นเกี่ยวกับ CSS Object Class Grouping คำสั่งพื้นฐานของ CSS

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

	กิจกรรมการเรียนรู้ประจำหน่วย
	สื่อการสอน 1. เว็บเพจ หน่วยการเรียนรู้ที่ 9 เรื่อง สไตล์ชีต 2. Internet ขั้นตอนดำเนินการ 1.ให้ศึกษาจากเว็บเพจ หน่วยการเรียนรู้ที่ 9 เรื่อง สไตล์ชีต แล้วตอบคำถามต่อไปนี้  (เอกสารกิจกรรม/แบบฝึกหัด ) 1.1 จงอธิบายประโยชน์ของสไตล์ชีต    ....................................    .................................... 1.2 จงอธิบายโครงสร้างของสไตล์ ประกอบด้วยรายละเอียดอะไรบ้าง    ....................................    .................................... 1.3 จงบอกวิธีการนำสไตล์ชีตไปใช้ในเว็บเพจมีกี่วิธี อะไรบ้าง    ....................................    .................................... 1.4 จงอธิบายความแตกต่างระหว่างการกำหนดกลุ่มด้วย Class กับ id    ....................................    .................................... 1.5 จงอธิบายการกำหนดสไตล์เป็นกลุ่มด้วยวิธี Grouping    ....................................       .................................... 2.ให้ศึกษา Source ของการใช้สไตล์ใน HTML จาก Website ต่างๆ เพิ่มเติมและบันทึกว่าได้รับความรู้อะไรเพิ่มเติมบ้าง จาก Website อะไร    ....................................       .................................... 3. ให้ศึกษา เรื่อง สไตล์ชีต จาก หน่วยการเรียนรู้ที่ 9 เรื่อง สไตล์ชีต    • เปิดงาน test6.htm ขึ้นมาและ save as เป็นชื่อ test9.htm    • สร้างสไตล์ชีตแบบ Embeded Style Sheet ในแฟ้ม test9.htm    • กำหนดให้ ควบคุมชนิดของ font เป็น font : AngsanaUPC ขนาด 16 และสีข้อความเป็นสีน้ำเงิน กำหนดสีลิงค์ เป็นสีแดง เมื่อนำเมาส์มาวางเหนือ (hover) เป็นสีชมพู ตัวหนา    • กำหนดสีพื้นเป็นสี #FFFFCC    • สร้างลิงค์เชื่อมโยงข้อมูลไปยังผลงานที่แล้วมาทั้งหมด    • สร้างลิงค์เชื่อมโยงข้อมูลไปยังเว็บไซต์ 3 เว็บไซต์