top of page

เอกสารประกอบการสอน

รายวิชา ง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) 
 

© by SITTICHAI  SINGHASENA 

FACULTY OF EDUCATION | CHULALONGKORN UNIVERSITY

Proudly created with Wix.com

bottom of page