ดาวน์โหลดงานนำเสนอ
งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ
1
บทที่ 5 ภาษาสคริปต์ ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
อาจารย์เทพยพงษ์ เศษคึมบง สาขาวิชาเทคโนโลยีและนวัตกรรมการศึกษา pws.npru.ac.th/thepphayaphong
2
หัวข้อสำคัญประจำบทที่ 5
ความรู้เบื้องต้นเกี่ยวกับเว็บ ความหมายของเว็บ ภาษาสคริปต์ โครงสร้างภาษา HTML พื้นฐาน
3
จุดประสงค์การเรียนรู้เชิงพฤติกรรม
บอกความหมายของเว็บได้ อธิบายโครงสร้างภาษา HTML ได้ บอกความหมายของคำสั่งภาษา HTML พื้นฐาน ได้ เขียนเว็บด้วยภาษา HTML พื้นฐานได้
4
ภาษาสคริปต์สำหรับระบบการสอนบนเครือข่าย
LMS Learning Management System Moodle โปรแกรมสำเร็จรูป เข้าสู่ระบบ
5
ภาษาสคริปต์ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
เปลี่ยน Edit mode จาก OFF เป็น ON
6
ภาษาสคริปต์ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
Edit mode เป็น ON คลิกเครื่องหมายดินสอเพื่อแก้ไขเนื้อหา
7
ภาษาสคริปต์ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
คลิก HTML
8
ภาษาสคริปต์ที่ใช้สำหรับการผลิตระบบการสอนบนเครือข่าย
9
ความรู้เบื้องต้นเกี่ยวกับเว็บ
เวิลด์ไวด์เว็บ (World Wide Web) เป็น รูปแบบหนึ่งที่นิยมใช้กันมากในอินเทอร์เน็ต เนื่องจากเป็นการใช้ที่ให้ข้อมูลสารสนเทศใน ลักษณะสื่อหลายมิติที่มีประสิทธิภาพมาก ผู้ใช้ สามารถมีการโต้ตอบกับสื่อได้ทันทีและได้รับข้อมูล ทั้งตัวอักษร ภาพกราฟิก ภาพเคลื่อนไหว เสียง และวิดีโอ จึงเหมาะที่จะนำมาใช้ในวงการศึกษา และการเรียนการสอน
10
ความหมายของเว็บ เว็บ :_World_Wide_Web_(WWW) เป็น รูปแบบของเอกสารที่เรียกดูในคอมพิวเตอร์ได้ โดยใช้ Web Brower นำเสนอข้อมูลในรูปแบบของหน้าเว็บเพจ (Web_page) แสดงข้อมูลได้หลายรูปแบบ เช่น ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง และ วิดีโอ ข้อมูลในแต่ละส่วนสามารถเชื่อมโยง (Link) ไปยังแหล่งข้อมูลส่วนอื่นได้เหมือนเครือข่ายใย แมงมุม
11
ความหมายของเว็บ โฮมเพจ Homepage Link เว็บไซต์ Website เว็บเพจ Webpage
12
ภาษาสคริปต์ ภาษาที่ใช้ในการเขียนเว็บเพจ เรียกว่า HTML (Hypertext Markup Language) ประกอบด้วยชุดคำสั่ง “Tags” หรือ “มาร์กอัป”
13
PHP Javascript C++ Java C XML
ภาษาสคริปต์ เว็บเป็นไฟล์ที่สร้างด้วยภาษา HTML และ ภาษาอื่นๆ ที่ทำให้เว็บเพจมีปฏิสัมพันธ์กับผู้เรียน ได้ เช่น PHP Javascript C++ Java C XML
14
ภาษาสคริปต์ ภาษา HTML การแสดงผลบนเบราเซอร์
15
ภาษาสคริปต์ ภาษา HTML_(HyperText_Markup_Language)_เป็น ภาษาที่พัฒนาขึ้นเพื่อให้โปรแกรมเว็บเบราเซอร์ ต่างๆ เข้าใจ ภาษา HTML มีลักษณะเป็นตัวอักษรคำสั่ง ควบคุมการแสดงผลบนเบราเซอร์ เช่น รูปแบบ ขนาด ลักษณะตัวอักษร การแสดงรูปและ กราฟิกต่างๆ รวมถึง การเชื่อมโยงไปเว็บเพจอื่นๆ
16
โครงสร้างภาษา HTML แต่ละคำสั่งจะล้อมรอบด้วย < > แท็ก
<html> <head> <title> My Portfolio </title> </head> <body> </body> </html> = ส่วนหัวของเอกสาร ไม่แสดงผล แต่แสดงข้อมูลในส่วนหัว มี <title> = คำสั่งหรือเนื้อหาที่ต้องการให้แสดงผลบนเบราเซอร์ = พื้นที่ของเอกสาร ทำหน้าที่กำหนดพื้นที่ของ html ทุกคำสั่งจะต้องใส่อยู่ในพื้นที่ html
17
วิวัฒนาการของเว็บ ที่มา :
18
คำสั่งภาษา HTML เบื้องต้น
คำสั่งพื้นฐาน คำสั่ง ความหมาย <br> ขึ้นบรรทัดใหม่ <p> ข้อความ </p> ย่อหน้าใหม่ เว้นวรรค <center> ข้อความ </center> จัดข้อความให้อยู่กึ่งกลาง <a href= “Link” > ข้อความที่แสดง </a> การเชื่อมโยง <img src= “รูปภาพ” width=300> ใส่รูปภาพ และ ขนาดภาพ <body bgcolor = "#493D26"> ใส่สีพื้นหลัง
19
คำสั่งภาษา HTML เบื้องต้น
คำสั่งรูปแบบตัวอักษร คำสั่ง ความหมาย <font size = 5> ข้อความ </font> กำหนดขนาดตัวอักษร <font color = “red/code สี”> ข้อความ </font> ใส่สีข้อความ <font face = “ชื่อฟอนต์”> ข้อความ </font> กำหนดรูปแบบตัวอักษร <b> ข้อความ </b> กำหนดข้อความตัวหนา <i> ข้อความ </i> กำหนดข้อความตัวเอียง <u> ข้อความ </u> กำหนดการขีดเส้นใต้ตัวอักษร
20
คำสั่งภาษา HTML เบื้องต้น
Color codes ที่มาและศึกษาเพิ่มเติม :
21
อ้างอิง กิดานันท์ มลิทอง. (2543). เทคโนโลยีการศึกษา และนวัตกรรม. พิมพ์ครั้งที่ กรุงเทพฯ : จุฬาลงกรณ์มหาวิทยาลัย.
งานนำเสนอที่คล้ายกัน
