Virtual Classroom
เว็บไซต์การศึกษานอกห้องเรียน
เอกสารประกอบการสอน
รายวิชา ง23102 (สำหรับนักเรียน ชั้นม.3.8 และ ม.3.9 โรงเรียนสตรีวิทยา)


อ่านก่อนครับ แป้บนึง...
เนื้อหาที่จะสอบ มี 2 เรื่องใหญ่ คือ จากที่เรียนใน NOTEPAD และ DREAMWEAVER + พื้นฐานเว็บไซต์นิดหน่อย
1. การสร้างเว็บเพจด้วยภาษา HTML (NOTEPAD)
2. ความรู้เบื้องต้นของการสร้างเว็บไซต์ (เว็บเพจ โฮมเพจ เว็บไซต์)
3. การสร้างเว็บไซต์ด้วย Dreamweaver CS6
แนวการออก ความจำ ถึง วิเคราะห์
เนื้อหา PART หลังนี้ เป็นเนื้อหาที่เป็นขั้นตอน และวิธีการที่แน่นอน
(คือ ยังไงมันก็ต้องคลิกเครื่องมือนี้ แล้วต่อด้วยขั้นตอนนี้) เพราะฉะนั้น...ถ้าทำในห้องเป็น (ทั้งตอน NOTEPAD และ DREAM) ก็ทำข้อสอบได้แน่ๆ ครับ
เป็นข้อสอบเก็บคะแนนเลยยยยย... ขอให้อ่าน และแค่ทบทวนก่อนสอบไปครับ
ส่วนใครที่สงสัยเนื้อหา ตรงไหน ก็ Line มาถามครูนะครับ
ขอให้ นร.ที่ตั้งใจอ่านหนังสือ ส่งผลหนุนนำให้ได้คะแนนดีๆ ครับ
โชคดีในการสอบครับ
love love จาก... ครูลิฟ
ดาวโหลดฟอร์มเอกสารโครงงาน
ครูใช้ ฟอนต์ cordia new
หัวข้อใช้ขนาด 18 ตัวหนา
เนื้อหา ใช้ขนาด 16 ตัวบาง
ตัวหนังสือสีแดงหมายถึง ให้นักเรียน
เติมเนื้อหาตามหัวข้อของนร.เอง
เนื้อหา PART 1 ก่อนกลางภาค (สำหรับสอบปลายภาค)
เรื่อง การสร้างเว็บเพจด้วยภาษา HTML
คลิกที่กลางภาพ (Click to read)
เพื่ออ่านในมุมมองแบบ E-book online
หรือดาวโหลดเพื่อพิมพ์เอกสาร

แนวทางในการอ่าน
หรือดาวโหลดเพื่อพิมพ์เอกสาร
https://drive.google.com/file/d/0B2P8Jef2XQVeSjBOcm9QTGFWejA/view?usp=sharing
เนื้อหา PART 2 การสร้างเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver CS6
* ให้นักเรียนคลิกเลือกหัวข้อ เพื่อดาวโหลด
นักเรียนต้องรู้ว่า แต่ละหน้าจอการทำงาน แถบคำสั่งต่างๆ เรียกว่าอะไรบ้าง
หากครูต้องการ เรียกใช้เครื่องมือ เช่น แทรกรูปภาพ แทรกตาราง จัดรูปแบบตัวอักษร ต้องเรียกจากส่วนใด
นักเรียนต้องรู้ว่า จะต้องเริ่มต้นสร้างเว็บไซต์ได้อย่างไร
การสร้างไฟล์เอกสารใหม่ สร้างได้จากแถบเครื่องมือใด และวิธีการใดบ้าง
ประกอบด้วยหัวข้อการแก้ไขข้อความด้วยโหมด HTML และ CSS
การแทรกเมนู Drop down , การใส่สีพื้นหลัง
ซึ่งในบทนี้ *นักเรียนจะได้เห็นข้อดีของการใช้ CSS ในการจัดการและแก้ไขหน้าเอกสาร
การแทรกรูปภาพ , การแทรกรูปภาพแบบ Rollover
การแทรกตาราง , การแทรกวิดีโอและแผนที่ โดยใช้ Google map
การแทรก Frame และการจัดหน้าเอกสารด้วยตาราง
การกำหนดลิ้งค์ประเภทต่างๆ ได้แก่
ลิ้งค์ภายในหน้าเว็บเพจ (Anchor)
ลิ้งค์ระหว่างหน้าเว็บเพจ (.html ไป .html)
ลิ้งค์ไปเว็บไซต์ภายนอก (www. อื่นๆ )
ลิ้งค์โดยใช้ Image map (กำหนดให้ลิ้งค์จากรูป เฉพาะส่วน)
รวมลิ้งค์ Concept map
Concept Map สรุปเนื้อหากลางภาค (ง23102)