การสร้างเว๊บไซต์1_64 สัปดาห์ที่ 3

การสร้างเว๊บไซต์1_64 สัปดาห์ที่ 3

ทบทวน ต่อจากหน่วยที่ 2

• การสร้างโฟลเดอร์

• การสร้างเว๊บเพจ

• การบันทึกเว๊บเพจ

การสร้างโฟลเดอร์

• https://www.loom.com/share/d156a527740d4b1c8b2187d71e545111

Open Ended

คำถาม 1 เพื่อเช็คชื่อ จงบอกวิธีการสร้างโฟลเดอร์

การสร้าเว๊บเพจใหม่ แบบเพจเปล่า

การสร้าเว๊บเพจเปล่า ไปดูคลิป

https://www.loom.com/share/d156a527740d4b1c8b2187d71e545111

การสร้างเว๊บเพจใหม่ แบบมี Layout

การสร้าเว๊บเพจเปล่า ไปดูคลิป

การสร้างเว๊บเพจใหม่ แบบมี ไฟล์ตัวอย่าง

การสร้าเว๊บเพจเปล่า ไปดูคลิป

Open Ended

คำถาม 2 เพื่อเช็คชื่อ จงขั้นตอนของการสร้างเว็บเพจแบบมีโครงสร้าง

หน่วยที่ 3 การจัดและตกแต่งข้อความ

เริ่มเรียนครั้งที่ 2 ของสัปดาห์ที่ 3 ต่อในคาบหน้า

หน่วยที่ 3 การจัดและตกแต่งข้อความ

• 1. การสร้างข้อความ

• 2. การคัดลอกข้อความ

• 3. การขึ้นบรรทัดใหม่ในย่อหน้าเว๊บ

• 4. การขึ้นบรรทัดใหม่ในย่อหน้าเดิม

• 5. การเว้นระหว่างข้อความ

• 6. การจัดรูปแบบข้อความ

• 7. การเลือกฟอนต์ให้กับข้อความ

หน่วยที่ 3 การจัดและตกแต่งข้อความ (ต่อ)

• 8. เพิ่มชุดฟอนต์ที่ใช้กับข้อความ

• 9. ปรับเปลี่ยนขนาดฟอนต์

• 10. การเปลี่ยนสีฟอนต์

• 11. การกำหนดลักษณะตัวอักษร

• 12. การเน้นหัวข้อให้โดดเด่น

• 13. วิธีการจัดรูปแบบข้อความ

• 14. การกำหนดสไตล์ CSS

บรรยายเรื่อง 1.การสร้างข้อความและ 2.การคัดลอกข้อความ

https://www.loom.com/share/42797e24c2314e0c8d1a3a7f88c9a017

Open Ended

หน่วย 3 คำถาม 1. จงบอกชื่อไฟล์ชื่ที่ครูผู้สอนใช้เลือกสารธิต

บรรยายเรื่อง เรื่อง 3. การขึ้นบรรทัดใหม่ในย่อหน้าเดิม และ4. การเว้นระหว่างข้อความ

https://www.loom.com/share/e34cdeafa35d4ce5b0fb9782b26bd4f3

Open Ended

หน่วย 3 คำถาม 2. หากต้องการขึ้นบรรทัดใหม่ใน Dreamweaver CS 6 ควรเลือกคำสั่งใด

บรรยายเรื่อง เรื่อง 5. การจัดรูปแบบข้อความ และ6. การเลือกฟอนต์ให้กับข้อความ 7.การเพิ่มฟอนต์

https://www.loom.com/share/75f04085afc74461a2c91a8c464f210b

Open Ended

หน่วย 3 คำถาม 3. ใน Dreamweaver CS 6 มีรูปแบบการจัดข้อความกี่รูปแบบ

บรรยายเรื่อง เรื่อง 8.เปลี่ยนขนาดฟอนต์ 9.เปลี่ยนสีฟอนต์ และ10. การกำหนดลักษณะตัวอักษร

https://www.loom.com/share/9ad8017e96934983ac3a8b84751680c2

Open Ended

หน่วย 3 คำถาม 4. จงบอกวิธีการเพิ่มชุดตัวอักษร ใน หน้าต่าง Properties Inspector สไตร์ CSS มาพอเข้าใจ

บรรยายเรื่อง เรื่อง 11. การเน้นหัวข้อให้โดดเด่น 12. วิธีการจัดรูปแบบข้อความและ13. กำหนดสไตล์CSS

https://www.loom.com/share/a459b8a1457e4a599f6a9c0b7759448a

กิจกรรมบูรณาการเศรษฐกิจพอเพียง

• ภาระงาน 1 . ให้นักเรียนค้นคว้าหาความรู้เกี่ยวกับโครงการตามแนวพระราชดำริ มา 2 โครงการหลังจากได้ข้อมูลให้นำมาจัดวางบนหน้าเว๊บให้สวยงามตาม

• ตกแต่งข้อความ ,ใส่สีสันสวยงาม แล้วแคปหน้าจอส่งให้กับครูในคลาสรูม

• สร้างเพจใหม่ ตั้งชื่อว่า ฺ Bank_page_new.html

Open Ended

หน่วย 3 คำถาม 5. จงบอกวชื่อไฟล์ทีต้องสร้างเพื่อทำเว๊บเพจโครงการพระราชดำริ