1. Skip to Menu
  2. Skip to Content
  3. Skip to Footer

HTML 5 & CSS3

HTML5 & CSS3


ตารางเรียน

รุ่น รอบ เริ่ม - ถึง เวลา ค่าอบรม ลงทะเบียน
15 พฤหัส-ศุกร์ 13-14 ก.ค. 10.00-17.00 (เช้า-บ่าย) 2,500.- จองที่นั่ง

รายละเอียด

HTML5 มีการ Tag ใหม่ ๆ เพิ่มขึ้น เช่น Sound, Video และมี JavaScript API ซึ่งช่วยในการเขียนคำสั่งเพื่อวาดภาพ (Canvas), หาจุดพิกัดทางภูมิศาสตร์ (Geolocation), การลากและวาง (Drag and Drop) หรือการเก็บข้อมูล เช่น WebStorage หรือ IndexedDB เป็นต้น ดังนั้นในหลักสูตร HTML5 & CSS3 จึงเหมาะสำหรับผู้ที่ต้องการเพิ่มความสามารถของเว็บให้ทันสมัยมากขึ้น

ระยะเวลา / ค่าอบรม

หลักสูตร 12 ชั่วโมง ราคา 2,500 บาท

นักเรียนเก่า รับส่วนลดคอร์สละ 5% จากราคาปกติ

สิ่งที่ผู้เรียนจะได้รับ

  • สามารถสร้างงานตามหลักสูตรได้อย่างถูกต้อง
  • ทดสอบทำเวิร์คช้อป ทุกชั่วโมงการเรียน
  • ค่าใช้จ่ายในการส่งบุคลากรเข้าฝึกอบรมทางวิชาชีพของบริษัท หรือห้างหุ้นส่วนนิติบุคคลนอกเหนือจากการหักค่าใช้จ่ายได้ทั้งหมดแล้ว ยังได้รับการยกเว้นภาษีเงินได้อีกร้อยละ 100 ตามประกาศกระทรวงการคลัง
  • มีสิทธิ์เรียนทวนฟรี 2 ปี

เนื้อหาหลักสูตร

ชั่วโมงที่ 1 - 3

  • แนะนำ HTML5
    • แนะนำ HTML5 พร้อมแสดงตัวอย่างงาน และปูพื้นฐานภาษา HTML เบื้องต้น
    • ความสามารถในการการรองรับ HTML5 ของ Web Browser ต่าง ๆ
  • New Semetic Makeup
    • การจัดวางรูปแบบเว็บเพจโดยใช้แท็ก DIV
    • แนะนำการจัดวางโดยใช้แท็กรูปแบบใหม่ เช่น <header>, <nav>, <footer>
    • ตัวอย่างรูปแบบการจัดรูปแบบใหม่

ชั่วโมงที่ 4 - 6

  • CSS3
    • แนะนำการใช้งาน CSS
    • การกำหนดค่า CSS เบื้องต้น
    • Property ที่เพิ่มขึ้นใหม่ใน CSS3 เช่น border-redius, animation
  • New Input Type
    • ความสามารถในการรองรับ New Input Type ของ Web Browser
    • ชนิดของ Input Type ที่เพิ่มขึ้นใหม่ เช่น email, date, color, range
  • Canvas API
    • การตรวจสอบว่า Web Browser รองรับ Canvas API หรือไม่
    • การวาดรูปทรงต่าง ๆ ด้วย Canvas API
    • การกำหนดสีแบบ Gradient

ชั่วโมงที่ 7 - 9

  • Scalable Vector Graphics (SVG)
    • รูปแบบการกำหนดแท็กของ SVG
    • การวาดรูปทรงต่าง ๆ ด้วย SVG
    • การใส่ Animation
  • Audio and Video
    • การใส่ไฟล์เสียงด้วยแท็ก Audio และการกำหนดค่าต่าง ๆ
    • การใช้งานไฟล์มัลติมีเดีย แท็ก Video แบบไม่ต้องติดตั้ง Plug-in
  • Drag and Drop
    • หลักการทำงานของการลากและวาง
    • การกำหนดความสามารถในการลากของ object ต่าง ๆ
    • การกำหนดคำสั่งในการลากและวาง

ชั่วโมงที่ 10 - 12

  • Geolocation API
    • การตรวจสอบ Web Browser ในการรองรับการหาพิกัดภูมิศาสตร์
    • คำสั่งการหาตำแหน่งทางภูมิศาสตร์
    • การแสดงตำแหน่งทางภูมิศาสตร์ร่วมกับ Google Map
  • WebStorage
    • ประเภทของ WebStorage
    • ความแตกต่างของ localStorage และ sessionStorage
    • การใช้งาน localStorage และ sessionStorage
  • ตัวอย่างงาน และการประยุกต์ใช้งานในรูปแบบต่างๆ