ภาษา html5
0 likes352 views
Author :: อาจารย์สุธารัตน์ ชาวนาฟาง NPRU Open Courseware more info :: http://courseware.npru.ac.th/index.php
ภาษา html5
- 1. ภาษา HTML5 Webpage Design and Programming Workshop (7152306) อาจารย์สุธารัตน์ ชาวนาฟาง สาขาวิศวกรรมซอฟต์แวร์ มหาวิทยาลัยราชภัฏนครปฐม
- 2. ภาษา HTML5 • ภาษา HTML5 คือภาษา HTML เวอร์ชั่นใหม่ล่าสุด แต่ยังไม่เป็น Final Version • มีคุณสมบัติที่ทาให้เขียนภาษา HTML ง่ายขึ้น • สนับสนุนการแสดงผลบนอุปกรณ์ต่างๆ ได้เช่น PC, Mac, iPhone, iPad, Android Phone หรือ Tablet เป็นต้น เพิ่มลูกเล่นในการทางาน เช่น ทางานกับระบบแผนที่, สร้างภาพกราฟิกโดย ไม่ต้องมี Flash เป็นต้น • เน้นการใช้งานร่วมกับ CSS (Cascading Style Sheets) และ JavaScript ทางานกับภาษาที่ใช้ใน การพัฒนา Web Application เช่น PHP หรือ ASP ได้อย่างมีประสิทธิภาพเพิ่มขึ้น
- 4. ข้อดีภาษา HTML5 • รองรับอุปกรณ์หลากหลายทั้ง Desktop PC, Mac และ Mobile เช่น Smart Phone, Tablet • แสดงภาพ เสียง หรือกราฟิกอนิเมชั่นต่างๆ โดยไม่ต้องติดตั้งซอฟท์แวร์เพิ่มเติม • สามารถพัฒนาโปรแกรมได้เหมือนกับโปรแกรมที่ใช้งานทั่วไป ไม่ใช่เพียงแค่สร้าง หน้าเว็บเพจแสดงข้อมูลอย่างเดียว • เขียนโปรแกรมง่ายยิ่งขึ้น โดยเฉพาะบน Mobile ไม่ต้องพัฒนาในลักษณะ Native Apps และไม่ต้องนาโปรแกรมขึ้น App Store หรือ Google Play • เขียนโปรแกรมได้อย่างมีประสิทธิภาพ เพราะรองรับการติดต่อเพื่อเรียกใช้งาน คุณสมบัติต่าง ๆ ของอุปกรณ์โดยเฉพาะ Mobile ได้ เช่นเรียกใช้งานระบบ GPS (แผนที่)
- 5. ความสามารถของ HTML5 ในส่วนของ Semantics • แท็กใหม่ แท็กกลุ่มนี้ จะช่วยบ่งบอกความหมายของวัตถุ ในเว็บเพจได้ดีขึ้น เช่น จากเดิมใช้ <div id="header"> เปลี่ยนมาเป็น <header> ทาให้เบราว์เซอร์สามารถ รับทราบความหมายของวัตถุแต่ละชิ้นได้ดีขึ้น
- 6. ความสามารถของ HTML5 ในส่วนของ Semantics ตัวอย่าง • section - บ่งบอกเซคชันของเนื้ อหา • article - กาหนดขอบเขตของตัวเนื้ อบทความ • aside - กาหนดขอบเขตของเนื้ อหาเสริม (ล้อมกรอบ) • Header - กาหนดขอบเขตของส่วนเริ่มต้นหรือส่วนหัวของเว็บไซต์ • footer - กาหนดขอบเขตของส่วนท้ายของเว็บไซต์ เช่นข้อความกาหนด สิทธิ์ต่างๆ • nav - กาหนดเป็นส่วนนาทางของเว็บไซต์
- 9. การทางานของ HTML5 กับ Css3 9