ภาษา HTML5 Webpage Design and Programming Workshop ( )

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
หัวข้อนำเสนอ ที่มาและความสำคัญของโครงการ วัตถุประสงค์ของโครงการ
Advertisements

การพัฒนาระบบการส่งคำสั่งล้างข้อมูล ระยะไกล
ชื่อโครงการ การรับเข้าวัตถุดิบ โดยใช้ GPS/Mobile.
Intro : การเขียนโปรแกรมบนอินเตอร์เน็ต
แผนการเรียนการสอนรายสัปดาห์
SCOPIA Mobile User Training Mr. Theethat Sakthongchai Product Manager.
การออกแบบและพัฒนาเว็บไซต์
Page: 1 การพัฒนาโปรแกรมประยุกต์บนเว็บ อ. บุรินทร์ รุจจนพันธุ์.. ปรับปรุง 12 กรกฎาคม 2550 HTML (HyperText Markup Language)
Web Standard มาตรฐานเว็บ (web Standard) คือเทคโนโลยีที่องค์กร
แนะนำภาษาที่ใช้ในการเขียนเว็บไซต์ และระบบฐานข้อมูล
เทคโนโลยีสื่อสารที่จำเป็นสำหรับผู้ประกอบการท่องเที่ยว
เปรียบเทียบ Andro+ id กับ ios.
- เครื่องมือพัฒนา Web Design - CMS ยอดนิยม - Web Google Map Api
การพัฒนาโปรแกรมบนอุปกรณ์เคลื่อนที่
สมาชิก นายธราเทพ กิจจาวิทย เลขที่ 3 นายนฤดล กาตาสาย เลขที่ 11
Operating system of Mobile and PC. Android เหตุผลที่ใช้ ระบบปฏิบัติการ android  1. มีความหลากหลายทั้งตัวเครื่องยี่ห้อ และ ราคา  2. สามารถมีอินเตอร์เฟส.
Web Application Programming
ระเบียบวาระการประชุม ระเบียบวารที่ 3 เรื่องสืบเนื่อง เรื่องที่ 2  เรื่องการรายงานอุบัติเหตุ ( สอป.)  จัดทำหรือปรับปรุงระบบการรายงานการเกิด อุบัติเหตุให้มีประสิทธิภาพ.
การใช้งานโปรแกรม Life360
ลักษณการใช้งาน LINE PC - LINE for PC โปรแกรมแชท LINE บนคอมพิวเตอร์ตั้งโต๊ะ หลายๆ คนคงจะรู้จักแอพไลน์ (LINE) บน Android iOS เป็นอย่างดี หากนั่งหน้าคอม.
FRONT-END Beautiful & Responsive website. WEB STRUCTURE FRONT-END BACK-END SYSTEM MOBILE FRONT-END HTML CSS PHP Others lang. Ruby, Python java Others.
CHAPTER 1 INTRODUCTION TO JAVA WEB PROGRAMMING Wattanapong suttapak, Software Engineering, school of Information communication Technology, university of.
HCI กับการเชื่อมต่อโดยใช้ Framework jquery mobile
เข้า Play Store หรือ app Store
สรุปผลการดำเนินงาน เทคโนโลยีสารสนเทศ เขตสุขภาพที่ 11 ปีงบประมาณ 2558 คณะกรรมการเทคโนโลยีสารสนเทศ เขตสุขภาพที่ 11 คณะกรรมการเทคโนโลยีสารสนเทศ เขตสุขภาพที่
PORTABLE ELECTRONIC DEVICES SECURITY การรักษาความปลอดภัยของข้อมูลในกรณีที่ ใช้อุปกรณ์ที่พกพาได้
ผ่าน Apps Play Store.. การโหลด Apps จาก. ค้นหา Apps.
Internet Programming  .
Chapter 8 WWW.
Bootstrap Dr. Thanuwong Chaksupa.
Google Documents Chaowalit Budchang
Lab 05 : การสร้างเว็บไซต์ด้วย Weebly สธ212 ระบบสื่อประสมสำหรับธุรกิจ
TU Reg Mobile Application
Android architecture and iOS architecture
HTML5 (Hypertext Markup Language 5)
Mobile Application Development
เทคนิคการนำ Open Source Code มาใช้ในการพัฒนาเว็บไซต์อย่างปลอดภัย
และการใช้เครื่องมือในการสร้างเว็บเพจ
การออกแบบสถาปัตยกรรมแอปพลิเคชั่น
เรื่องน่ารู้ ตามกฎหมายว่าด้วยสหกรณ์
อาจารย์อภิพงศ์ ปิงยศ Lab 02 : Google drive พท 260 เทคโนโลยีสารสนเทศและการสื่อสาร ทางการท่องเที่ยว อาจารย์อภิพงศ์ ปิงยศ
โปรแกรม GG2 Prompt.
เรียบเรียงโดย .. นางภัคนิภา มณีโชติ
ภาษา JavaScript Webpage Design and Programming Workshop ( )
Line สำหรับผู้สูงอายุ
กลุ่มพัฒนาระบบบัญชีคอมพิวเตอร์
ด้านสุขาภิบาลอาหารและน้ำ
Introduction TO Web PRogramming
คลิก Start เพื่อเข้าสู่เกม
อาจารย์สุธารัตน์ ชาวนาฟาง
รายงานผลการดำเนินงาน ประจำปีงบประมาณ ๒๕๖๒ สำนักงานเกษตรจังหวัดสตูล
โครงสร้างพื้นฐานของ HTML5
กลุ่มงานพัฒนารูปแบบบริการ
อรกัญญา เมธา สำนักหอสมุด มหาวิทยาลัยเชียงใหม่
สวนรุกขชาติและศูนย์วิจัยกีฏวิทยาป่าไม้
การสร้างความร่วมมือระหว่างบ้านและโรงเรียน: บทบาทผู้ปกครองและครู
แนวทางการพัฒนาระบบข้อมูลกรมอนามัย ปีงบประมาณ 2561
ใน PowerPoint 7 วิธีในการทำงานร่วมกัน แก้ไขกับผู้อื่น
คำอธิบาย รายวิชา รายวิชา การงานอาชีพและเทคโนโลยี 6 รหัสวิชา ง23102 ชั้นมัธยมศึกษาปีที่ 3 ตัวชี้วัด ม.3/1 อธิบายหลักการทำโครงงานที่มีการใช้เทคโนโลยีสารสนเทศ.
ตัวชี้วัดที่ 6.1 : การพัฒนาประสิทธิภาพระบบเว็บไซต์
Generation Z : The new millennial
By Juthawut Chantharamalee
ด้านสุขาภิบาลอาหารและน้ำ
“Online Article Service & Tracking System”
การพัฒนาข้อมูลสาเหตุการตาย
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
โครงการให้บริการที่ดีที่สุดประจำปีงบประมาณ พ.ศ ที่มีความโดดเด่น
ประกาศในราชกิจจานุเบกษา วันที่ 14 พฤษภาคม 2562
ประกาศในราชกิจจานุเบกษา วันที่ 14 พฤษภาคม 2562
บทที่ 1 ความรู้เบื้องต้นเกี่ยวเทคโนโลยีสารสนเทศและการสื่อสาร
ใบสำเนางานนำเสนอ:

ภาษา HTML5 Webpage Design and Programming Workshop (7152306) อาจารย์สุธารัตน์ ชาวนาฟาง สาขาวิศวกรรมซอฟต์แวร์ มหาวิทยาลัยราชภัฏนครปฐม

ภาษา HTML5 ภาษา HTML5 คือภาษา HTML เวอร์ชั่นใหม่ล่าสุด แต่ยังไม่เป็น Final Version มีคุณสมบัติที่ทำให้เขียนภาษา HTML ง่ายขึ้น สนับสนุนการแสดงผลบนอุปกรณ์ต่างๆ ได้เช่น PC, Mac, iPhone, iPad, Android Phone หรือ Tablet เป็นต้น เพิ่มลูกเล่นในการทำงาน เช่น ทำงานกับระบบแผนที่, สร้างภาพกราฟิกโดยไม่ต้องมี Flash เป็นต้น เน้นการใช้งานร่วมกับ CSS (Cascading Style Sheets) และ JavaScript ทำงานกับภาษาที่ใช้ในการพัฒนา Web Application เช่น PHP หรือ ASP ได้อย่างมีประสิทธิภาพเพิ่มขึ้น

ข้อดีภาษา HTML5 รองรับอุปกรณ์หลากหลายทั้ง Desktop PC, Mac และ Mobile เช่น Smart Phone, Tablet แสดงภาพ เสียง หรือกราฟิกอนิเมชั่นต่างๆ โดยไม่ต้องติดตั้งซอฟท์แวร์เพิ่มเติม สามารถพัฒนาโปรแกรมได้เหมือนกับโปรแกรมที่ใช้งานทั่วไป ไม่ใช่เพียงแค่สร้างหน้าเว็บเพจแสดงข้อมูลอย่างเดียว เขียนโปรแกรมง่ายยิ่งขึ้น โดยเฉพาะบน Mobile ไม่ต้องพัฒนาในลักษณะ Native Apps และไม่ต้องนำโปรแกรมขึ้น App Store หรือ Google Play เขียนโปรแกรมได้อย่างมีประสิทธิภาพ เพราะรองรับการติดต่อเพื่อเรียกใช้งานคุณสมบัติต่าง ๆ ของอุปกรณ์โดยเฉพาะ Mobile ได้ เช่นเรียกใช้งานระบบ GPS (แผนที่)

ความสามารถของ HTML5 ในส่วนของ Semantics แท็กใหม่ แท็กกลุ่มนี้จะช่วยบ่งบอกความหมายของวัตถุในเว็บเพจได้ดีขึ้น เช่น จากเดิมใช้ <div id="header"> เปลี่ยนมาเป็น <header> ทำให้เบราว์เซอร์สามารถรับทราบความหมายของวัตถุแต่ละชิ้นได้ดีขึ้น

ความสามารถของ HTML5 ในส่วนของ Semantics ตัวอย่าง section - บ่งบอกเซคชันของเนื้อหา article - กำหนดขอบเขตของตัวเนื้อบทความ aside - กำหนดขอบเขตของเนื้อหาเสริม (ล้อมกรอบ) Header - กำหนดขอบเขตของส่วนเริ่มต้นหรือส่วนหัวของเว็บไซต์ footer - กำหนดขอบเขตของส่วนท้ายของเว็บไซต์ เช่นข้อความกำหนด สิทธิ์ต่างๆ nav - กำหนดเป็นส่วนนำทางของเว็บไซต์

การทำงานของ HTML5

การทำงานของ HTML5 กับ Css3

Question and Answer