วิชาการสร้างเว็บไซต์

6. การสร้างงานใหม่ข้อใดถูกต้องที่สุด ก. คลิกเมนูFile/New กําหนดความกว้างความยาว ความละเอียด ข. คลิกเมนูFile/Open กําหนดความกว้างความยาว ความละเอียด ค. คลิกเมนูFile/New กําหนดความสว่างของภาพ ง. คลิกเมนูFile/Save กําหนดความกว้างความยาว ความละเอียด 7. การนําภาพเข้าใช้ในพื้นที่งาน ข้อใดถูกต้องที่สุด ก. คลิกเมนูFile/New กําหนดความกว้างความยาว ความละเอียด ข. คลิกเมนูFile/Save as… เลือกไฟล์ค. คลิกเมนูFile/Save as… เลือกไดร์ฟ กําหนดชื่อและรูปแบบไฟล์ง. คลิกค้างที่ภาพแล้วลากมาวางหน้ากระดาษ 8. การเลือกพื้นที่ที่มีโทนสีเดียวกันหรือเลือกจากสีที่ใกล้เคียงกัน ข้อใดถูกต้อง ก. ใช้เครื่องมือ Crop Tool คลิกพื้นที่ของภาพที่ต้องการ ข. ใช้เครื่องมือ Marquee Tool คลิกพื้นที่ของภาพที่ต้องการ ค. ใช้เครื่องมือ Lassos ลากแนวเลือกพื้นที่ของภาพที่ต้องการ ง. ใช้เครื่องมือ Magic Wan คลิกพื้นที่ของภาพที่ต้องการ 9. ถ้าต้องการเลือกพื้นที่แบบอิสระควรใช้เครื่องมือใด ก. Selection ข. Marquee Tool ค. Lassos ง. Magic Wan 10. ลักษณะการเลือกพื้นที่แบบ Inverse ตรงกับข้อใด ก. เลือกพื้นที่แล้วใช้งานในส่วนที่ได้เลือก ข. การใช้คําสั่ง Magic Wan คลิกเลือกพื้นที่ค. การใช้คําสั่ง Lassos ลากแนวเลือกพื้นที่ง. การใช้คําสั่ง Marquee ทํากรอบเลือกพื้นที่11. วิธีการลบภาพบางส่วน ข้อใดถูกต้องที่สุด ก. คลิกที่เครื่องมือ Marquee Tool แล้วก็นําเคอร์เซอร์ไปใช้ลบส่วนต่าง ๆ ตามต้องการ ข. คลิกที่เครื่องมือ Brush Tool แล้วก็นําเคอร์เซอร์ไปใช้ลบส่วนต่าง ๆ ตามต้องการ ค. คลิกที่เครื่องมือ Eraser Tool แล้วก็นําเคอร์เซอร์ไปใช้ลบส่วนต่าง ๆ ตามต้องการ ง. คลิกวางเคอร์เซอร์ในตําแหน่งที่ต้องการ แล้วกดปุ่ม Delete

12. วิธีการบันทึกไฟล์งาน Photoshop ข้อใดถูกต้องที่สุด ก. คลิกเมนูFile/Save เลือกไดร์ฟ กําหนดชื่อและรูปแบบไฟล์เป็น PDD ข. คลิกเมนูFile/Save as... เลือกไดร์ฟ กําหนดชื่อและรูปแบบไฟล์เป็น PSD ค. คลิกเมนูFile/Save as... เลือกไดร์ฟ กําหนดชื่อและรูปแบบไฟล์เป็น Photoshop .jpg ง. คลิกเมนูFile/Save as... เลือกไดร์ฟ กําหนดชื่อและรูปแบบไฟล์เป็น Photoshop .png 13. วิธีการปรับค่าความต่างสีข้อใดถูกต้องที่สุด ก. เปิดภาพ/คลิกเมนูFilter/Sharpen/Unsharp Mask...ข. เปิดภาพ/คลิกเมนูImage/Adjustments/Color Balance ค. เปิดภาพ/คลิกคําสั่ง Image/Adjustments/Curves..ง. เปิดภาพ/คลิกเมนูImage/Adjustments/Brightness/Contrast... 14.วิธีการปรับค่าความสมดุลของสีข้อใดถูกต้องที่สุด ก. เปิดภาพ/คลิกคําสั่ง Image/Adjustments/Curves..ข. เปิดภาพ/คลิกเมนูFilter/Sharpen/Unsharp Mask...ค.เปิดภาพ/คลิกเมนูImage/Adjustments/Brightness/Contrast...ง.เปิดภาพ/คลิกเมนูImage/Adjustments/Color Balance 15.วิธีการปรับความคมชัด ข้อใดถูกต้องที่สุด ก .เปิดภาพ/คลิกเมนูImage/Adjustments/Color Balance ข. เปิดภาพ/คลิกเมนูImage/Adjustments/Brightness/Contrast...ค.เปิดภาพ/คลิกเมนูFilter/Sharpen/Unsharp Mask....ง. เปิดภาพ/คลิกคําสั่ง Image/Adjustments/Curves.. 16. วิธีการปรับภาพด้วย Curves ข้อใดถูกต้องที่สุด ก. เปิดภาพ/คลิกคําสั่ง Image/Adjustments/Curves.. เลื่อนเส้นปรับความสว่าง ข. เปิดภาพ/คลิกเมนูFilter/Sharpen/Curves..ค. เปิดภาพ/คลิกเมนูImage/Adjustments/Color Balance ง. เปิดภาพ/คลิกเมนูImage/Adjustments/Brightness/Contrast… 17. วิธีการปรับขนาดภาพ ข้อใดถูกต้องที่สุด ก. ใช้คําสั่ง Image/Adjustments/Dimension ข. ใช้คําสั่ง Image/Adjustments/Size ค. ใช้คําสั่ง Edit/Free Transform Path ย่อขยายส่วนที่เลือก ง.ปรับที่ความละเอียดของภาพ 18. วิธีการแทรกข้อความ ข้อใดถูกต้องที่สุด ก.ใช้เครื่องมือ Type Tool พิมพ์ข้อความ ข.คลิกขวาที่Layer แล้วเลือกคําสั่ง Blending Options...

ค. คลิกเมนูType คลิกพื้นที่แล้วพิมพ์ข้อความ ง. ใช้เครื่องมือ Type Tool คลิกพื้นที่แล้วพิมพ์ข้อความ 19. การสร้างปุ่มเพื่อใช้บนเว็บควรบันทึกไฟล์ให้มีนามสกุลเป็นแบบใด ก. psd ข. tiff ค. png ง. gif 20. การสร้างข้อความในแนวโค้ง ควรใช้เครื่องมือในข้อใดสร้างแนวข้อความ ก. Pen Tool ข. Path Selection Tool ค. Brush Tool ง.Horizontal Type Tool 1.ง.2.ข.3.ข.4.ก.5.ง.6.ข.7.ข.8.ข.10.ก. 11.ง.12.ค. 13.ค.14.ข.15.ค.16.ง.17.ข.18.ง.19.ง.20.ข

หน่วยที่12 การอัพโหลด (Upload) เว ็ บไซต์12.3 การชกพื้นที่เครื่องบริการเว็บ การเผยแพร่เว็บไซต์ที่สร้างเสร็จแล้วบนเครือข่ายอินเทอร์เน็ตจําเป็นต้องขอพื้นที่บนเครื่องบริการ สําหรับเก็บ เว็บไซต์หรือ Web Hosting ซึ่งเป็นบริการที่เครื่องบริการเงินอนุญาตให้องค์กรหรือนี่สีบุคคลได้งานเนื้อที่บน เครื่องบริการเว็บโดยจะต้องดําเนินการจดทะเบียนซึ่งเว็บไซต์เพื่อนําชื่อนั้นมาใช้ระบุเพื่อทํา เนื้อหาในเว็บไซต์ได้ถูกต้องและเป็นที่จดจําได้ง่าย เช่น http://www.krupanorn.com จากนั้นจึง ผู้ให้บริการรับฝากเว็บไซต์หรือ Web hosting ซึ่งให้บริการรับฝากเว็บไซต์ควรมีรูปแบบการบริการต่าง ดังนั้น 1. พื้นที่การใช้งานและประมาณข้อมูลเข้าออก ซึ่งเป็นส่วนหลักในการใช้งานที่ผู้ให้บริการควรจะมีปริมาณ พื้นที่การใช้งาน (Disk Space) ที่ระบุอยู่ในรูปแบบการเช่าให้ชัดเจน โดยอาจรวมพื้นที่ทั้งหมด ทั้งเว็บไซต์ฐานข้อมูล และอีเมล ส่วนของปริมาณข้อมูลเข้าออกซึ่งเป็นค่าที่ได้จากการที่มีการเข้าและออกร ข้อมูลเว็บไซด์ผ่านการ Upload และ Download ซึ่งโดยทั่วไปจะมีการระบุค่าการใช้งานประมาณข้อมูลเข้า ออก (Data Transfer) แบบรายเดือน เช่นปริมาณข้อมูลเข้าออก 10 GB/เดือน 2.การรองรับภาษาโปรแกรมและระบบฐานข้อมูลโดยทั่วไปบริการเช่าพื้นที่จะให้บริการผ่าน ระบบปฏิบัติการ Windows และระบบปฏิบัติการ Linux ไทยส่วนใหญ่จะรองรับทั้งโปรแกรมภาษาละ บบฐานข้อมูล MySQL และโปรแกรมภาษา ASP.NET บนฐานข้อมูล MS Access หรือ MS SQL ดังนั้นในการ ใช้บริการทั่วไปควรจะ รองรับโปรแกรมภาษา PHP และฐานข้อมูล MySQL ซึ่งเป็นสิ่งที่ผู้พัฒนานิยมเขียนกัน มากอยู่แล้ว 12.2 Somys โหลดเว็บไซต์

การอัพโหลด (Upload) หมายถึง การนําข้อมูลจากเครื่องคอมพิวเตอร์ที่ใช้อยู่ไปเก็บไว้ยังเครื่อง คอมพิวเตอร์อีกเครื่องที่ปลายทางโดยผ่านเครือข่ายคอมพิวเตอร์ซึ่งหลังจากลงทะเบียนขอพื้นที่บริการเป็นพรีแล้ว ขั้นตอนต่อไปเป็นการอัพโหลดเว็บไซต์ไปยังเครื่องบริการเว็บเพื่อเผยแพร่สู่สาธารณะ ซึ่งการอัพโหลด สามารถทําได้หลายวิธีดังต่อไปนี้12.2.1 การอัพโหลดเว็บไซต์ด้วยโปรแกรมสําเร็จรูป การใช้โปรแกรมสําเร็จรูปมาช่วยในการจัดการอัพโหลดไฟล์สามารถนําไปใช้สําหรับการบริการ เครื่องให้เช่า การบริการเครื่องเสมือนส่วนตัว บริการวางเครื่องส่วนกลาง และการบริการพื้นที่สําหรับเว็บไซต์เช่น โปรแกรม FILZ|I|, โปรแกรม Putty โปรแกรม Cute FTP โปรแกรม Secure File Transfer Clientเป็นต้น โปรแกรม FileZilla เป็นโปรแกรมที่ใช้ติดต่อกับ FTP server เพื่อดาวน์โหลดหรืออัปโหลดไฟล์โดยเฉพาะกับเว็บไซต์ทําให้เหมาะสําหรับนักออกแบบเว็บ นอกจากนี้FileZilla ยังรองรับการถ่าย ไฟล์อย่าง ปลอดภัยผ่าน SSH ISEITP) อีกด้วย โปรแกรม FileZilla ทํางานได้ผ่าน Firewall และ Proxy ใช้งานสะดวก จากนั้นเราสามารถใช้วิธีการลากไฟล์ โดยแบ่งหน้าต่างออกเป็นสองส่วนคือ ส่วนของ local unะส่วน remote จากนั้ที่ต้องการไปวางในส่วนที่ต้องการใต้ทันทีนอกจากนั้นยังมีHost manager ที่เก็บรายละเอียดของเซิร์ฟเวอร์ที่ใช้เป็นประจํา เพื่อให้เชื่อมต่อได้ง่ายและรวดเร็ว แต่โปรแกรม FileZilla ทํางานได้เฉพาะระบบ Windows เท่านั้น

สรุปสาระสําคัญ การเผยแพร่เว็บไซต์ที่สร้างเสร็จแล้วในเครื่องคอมพิวเตอร์ ให้สามารถเผยแพร่อยู่บนโลกอินเทอร์เน็ตได้จําเป็นต้องมีพื้นที่บนเครื่องบริการที่ใช้เก็บเว็บไซต์ซึ่งสามารถจัดตั้งได้เอง หรือเช่าบริการกับผู้ให้บริการพื้นที่เซิร์ฟเวอร์บนอินเทอร์เน็ตต่าง ๆ ที่สามารถดําเนินการหลายแบบ เช่น การใช้บริการนําเครื่องเซิร์ฟเวอร์ของเรา ไปฝากไว้ที่ผู้ให้บริการอินเทอร์เน็ต การเช่าพื้นที่เครื่องเซิร์ฟเวอร์และการขอพื้นที่ฟรีเพื่อจัดตั้งเว็บไซต์ซึ่ง วิธีการต่าง ๆ เหล่านี้จะต้องอาศัยการอัพโหลดไฟล์เว็บไซต์ไปเก็บหรือไปวางไว้บนพื้นที่ของเซิร์ฟเวอร์บริการพื้นที่เซิร์ฟเวอร์บนอินเทอร์เน็ต (Hasting Service) เป็นบริการที่ทํางานบนอินเทอร์เน็ตที่อนุญาต ให้องค์กรหรือนิติบุคคลใช้งานพื้นที่เซิร์ฟเวอร์อินเทอร์เน็ต ซึ่งมีบริการในระดับต่าง ๆ และรูปแบบให้บริการ ต่าง ๆ กันไป ดังนี้1. บริการเซิร์ฟเวอร์ให้เช่า (Dedicated Hosting. Service) 2. บริการเซิร์ฟเวอร์เสมือน (Virtual Private Server หรือ VPS) 3.บริการรับฝากเครื่องเซิร์ฟเวอร์หรือ โลโล (Co-Location Server) 4. บริการพื้นที่สําหรับเว็บไซต์(Web Hosting) 5. บริการพื้นที่สําหรับจดหมายอิเล็กทรอนิกส์(E-Mail Hosting)

แบบทดสอบหลังเรียนหน่วยที่12 การอัพโหลด (Upload) เว ็ บไซต์คําชี้แจง ให้เลือกคําตอบที่ถูกต้องที่สุดเพียงคําตอบเดียว 1. ข้อใดไม่ใช่รูปแบบการให้บริการพื้นที่เซิร์ฟเวอร์บนอินเทอร์เน็ต (Hosting Service) ก. บริการรับฝากเครื่องเซิร์ฟเวอร์หรือโคโล ข. บริการพื้นที่สําหรับเว็บไซต์ค. บริการโปรแกรมตกแต่งภาพ ง.บริการพื้นที่สําหรับจดหมายอิเล็กทรอนิกส์2. ข้อใดไม่ใช่รูปแบบบริการที่Web Hosting ควรมีก. พื้นที่การใช้งานและประมาณข้อมูลเข้าออก ข. บริการรับฝากชื่อและรหัสผ่านผู้ใช้งาน ค. การรองรับภาษาโปรแกรม และระบบฐานข้อมูล ง. การให้บริการหลังการขาย 3. ข้อใดไม่ใช่วิธีการขอพื้นที่เว็บไซต์บนเครื่องบริการ ก. การใช้พื้นที่เก็บเว็บไซต์บนเครื่องบริการของหน่วยงาน ข. การขอเช่าพื้นที่ในเครื่องบริการเว็บของผู้อื่น ค. การขอใช้บริการพื้นที่ฟรีเพื่อจัดเก็บเว็บไซต์ง. การใช้พื้นที่เก็บเว็บไซต์บนเครื่องคอมพิวเตอร์ผู้ใช้งาน 4. สิ่งสําคัญที่มีเพื่อใช้ยืนยันการขอใช้บริการพื้นที่ฟรีจัดเก็บเว็บไซต์คือข้อใด ก. Username ข.Password ค. Profile Picture ง. E-Mail Address

5. การอัพโหลด (Upload) มีความหมายตามข้อใดถูกต้องที่สุด ก. การตอบคําถามในกระดานเสวนา ข. การนําข้อมูลจากเครื่องอื่นมายังเครื่องคอมพิวเตอร์เรา ค. การนําข้อมูลจากเครื่องคอมพิวเตอร์ที่ใช้อยู่ไปเก็บไว้ยังเครื่องคอมพิวเตอร์อีกเครื่องที่ปลายทาง ง. การบันทึกไฟล์ภาพบนอินเทอร์เน็ต 6. การเชื่อมต่อโปรแกรมอัพโหลดไฟล์กับเครื่องให้บริการคือข้อใด ก. กรอกข้อมูลโฮสต์ชื่อผู้ใช้รหัสผ่าน แล้วกดปุ่มเชื่อมต่อ ข. กรอกชื่อผู้ใช้รหัสผ่านและ E-Mail Address ค. กรอกชื่อผู้ใช้รหัสผ่าน แล้วกดปุ่มเชื่อมต่อ ง. สามารถเชื่อมต่อได้อัตโนมัติ7.วิธีใดคือการอัพโหลดไฟล์ด้วยโปรแกรม FileZilla ก. คลิกขวาที่รูปภาพ แล้วคลิกคําสั่งบันทึกรูปเป็น ข. เลือกไฟล์ด้วยปุ่มเรียกดูจากนั้นคลิกเครื่องหมายถูกหรือ Submit all ri ค. เปิด Windows Explorer แล้วใส่ URL เช่น ftp.krujoe.webuda.com ใส่ชื่อและรหัสผ่านเข้า สู่ระบบ จากนั้นลากไฟล์หรือโฟลเดอร์ไปใส่ง. ลากไฟล์ไปวางในช่องรายการไฟล์ของที่ตั้งระยะไกลด้านขวามือ 8. วิธีใดเป็นการอัพโหลดไฟล์โดยการถ่ายโอนแฟ้มที่โปรแกรม Windows explorer ก. คลิกขวาที่รูปภาพ แล้วคลิกคําสั่งบันทึกรูปเป็น ข. ลากไฟล์ไปวางในช่องรายการไฟล์ของที่ตั้งระยะไกลด้านขวามือ ค. เลือกไฟล์ด้วยปุ่มเรียกดูจากนั้นคลิกเครื่องหมายถูกหรือ Submit ง. เปิด Windows Explorer แล้วใส่ URL เช่น ftp.krujoe.webuda.com ใส่ชื่อและรหัสผ่านเข้า สู่ระบบ จากนั้นลากไฟล์หรือโฟลเดอร์ไปใส่9. กรณีที่ใช้http://members.000webhost.com/ เมนูในข้อใดใช้เพื่อการอัพโหลดเว็บไซต์ก. View FTP Details ข. Another File Manager ค. File Manger ง. Backups 10. วิธีใดเป็นการอัพโหลดเว็บไซต์กรณีที่ใช้http://members.000webhost.com/ ก. เลือกไฟล์ด้วยปุ่มเรียกดูจากนั้นคลิกเครื่องหมายถูกหรือ Submit

ข. ลากไฟล์ไปวางในช่องรายการไฟล์ของที่ตั้งระยะไกลด้านขวามือ ค .เปิด Windows Explorer แล้วใส่ URL เช่น ftp.krujoe.webuda.com ใส่ชื่อและรหัสผ่านเข้า สู่ระบบ จากนั้นลากไฟล์หรือโฟลเดอร์ไปใส่ง. คลิกขวาที่รูปภาพ แล้วคลิกคําสั่งบันทึกรูปเป็น เฉลย 1.ข.2.ง.3.ข.4.ก.5.ก.6.ข.7.ข.8.ค.9.ก.10.ข.

หน่วยที่13 ความรู้เบื่องต้นเกี่ยวกับ HTML5 13.1 ความแตกต่างของ HTML5 กับ HTML รุ่นเก่า HTML5 เป็นภาษาที่ใช้สําหรับเขียนเว็บไซต์ที่พัฒนาต่อมาจากภาษา HTML รุ่นเก่าโดยกลุ่ม WHATWG (The Web Hypertext Application Technology Working Group) มีการปรับเพิ่มความสามารถหลายอย่าง เพื่อให้ผู้พัฒนาสามารถใช้งานได้ง่ายมากยิ่งขึ้นดังนี้1. Doctype ที่สั้นลงและเขียนง่ายขึ้น ซึ่งปกติในภาษา HTML รุ่นเก่าต้องเขียน <Doctype แล้วตาม ด้วย รายละเอียดต่าง ๆ และเมื่อพัฒนาเป็น HTML5 แล้วจะเขียนแค่เพียง <Doctype html> แบบไม่มีการ กําหนดรุ่น เพื่อให้สามารถนําไปใช้ได้กับรุ่นอื่นในอนาคต ดังนี้2. การกําหนดภาษาตั้งต้นในโปรแกรมเว็บเบราว์เซอร์สามารถทําได้ง่ายขึ้นซึ่งในภาษา HTML, รุ่นก่อน จะต้อง กําหนดภาษาด้วย milang ในแท็ก <html> และเมื่อพัฒนาเป็น HTML5 แล้วจะเขียนแต่เดิม <html lang="en"> 3. การกําาหนดชุดตัวอักษรหาได้ง่ายขึ้นซึ่งในภาษา HTML รุ่นก่อนจะต้องเขียนแท็ก mata เพื่อกําหน Character Set เป็นข้อความยาวสามารถเขียนได้4. การใช้งานแท็กเดี่ยวไม่ต้องมีเครื่องหมาย Backslash (1) สําหรับแท็กเดี่ยวเหมือนรุ่นก่อนหน้านี้เช่น <irng> หรือ <br> เป็นต้น 5. HTML5 จะไม่รองรับแท็กเก่าบางส่วนที่ไม่ค่อยได้ใช้งานและถูกตัดทิ้งไป โดยบางแท็กสามารถใช้CSS แทน ได้เช่น เป็นแท็กที่ใช้เพิ่มส่วนอธิบายให้<ruby> เป็นแท็กที่เข้เพิ่มคําอธิบายหรือ <acronyr><applet><basefont><big><center><dir><frame><frameset><noframes><s> เป็นแท็กที่ใช้แสดงในโปรแกร <rp> <strike><tt><u>และ <xmp> เป็นแท็กที่ใช้แบ่งเนื้อหาออก <section>

13.2 ส่วนประกอบใหม่ใน HTML5 ในการพัฒนาภาษา HTML5 ขึ้นมาได้มีการลบบางส่วนและเพิ่มเติมส่วนใหม่ๆ เช่น เพิ่มเติม Element ในส่วน ของโครงสร้าง ในส่วนของฟอร์ม การจัดการข้อผิดพลาด การวาดรูป และการใช้งาน สื่อบันเทิงต่าง ๆ ให้ดีมาก ยิ่งขึ้นเนื่องจากส่วนประกอบบางอย่างใน HTML 4 ไม่ได้ถูกใช้งาน (ข้อมูลอ้างอิง) http://www.w3schools.com) 13.3.1 Canvas Canvas เป็นแท็กตัวหนึ่งในภาษา HTML5 ที่ใช้ในการสร้างงานกราฟิกช่วยเปลี่ยนลูกเล่น การแสดงผลของเว็บ เพจ ซึ่งก่อนหน้านี้การวาดและตกแต่งวัตถุสามารถทําได้ระดับหนึ่งผ่าน CSS แต่ยัง ไม่สามารถแสดงกราฟิกได้ด้วยตัวมันเอง แท็ก canvas ที่ถูกเพิ่มเข้ามาทําให้เราสามารถวาดภาพลงบนเว็บเพจ

สรุปสาระสําคัญ HTML5 เป็นภาษาที่ใช้สําหรับเขียนเว็บไซต์ที่พัฒนาต่อมาจากภาษา HTML รุ่นเก่าโดยกลุ่ม WHATWG The Web Hypertext Application Technology Working Group) มีการปรับเพิ่มความสามารถหลายอย่าง เพื่อให้ผู้พัฒนาสามารถ งานได้ง่ายมากยิ่งขึ้นดังนี้ - Doctype ที่สั้นลงและเขียนง่ายขึ้น < IDoctype html> - การกําหนดภาษาตั้งต้นในโปรแกรมเว็บเบราว์เซ อร์สามารถทําได้ง่ายขึ้น <html lang="en"> - การกําหนดชุดตัวอักษรทําได้ง่ายขึ้น <meta charset="utf-8"> - ไม่ต้องมีเครื่องหมาย Backslash (0) สําหรับแท็กเดี่ยวเหมือนรุ่นก่อนหน้านี้เช่น <img> หรือ <br> - HTML5 จะไม่รองรับแท็กเก่าบางส่วนที่ไม่ค่อยได้ใช้งานและถูกตัดทิ้งไป โดยบางแท็กสามารถใช้CSS แทนได้ เช่น <acronymn> <applet> <basefont> <bilg> <center> <dir> <frame> <frameset <noframess <s> <strike> <tt> <u> \\nt <xmp> ส่วนประกอบใหม่ใน HTML5 ในการพัฒนาภาษา HTML5 ขึ้นมาได้มีการลบบางส่วนและเพิ่มเติมส่วนใหม่ๆ เช่น เพิ่มเติม Element ในส่วน ของโครงสร้าง ในส่วนของฟอร์ม การจัดการผิดพลาด การวาดรูป และการใช้งานสื่อบันเทิงต่าง ๆ ให้มาก ยิ่งขึ้นเนื่องจากส่วนประกอบบางอย่างใน HTML 4 ไม่ได้ใช้croals. 2014 : Omine) 1. ส่วนประกอบด้านโครงสร้าง (Structural Elements) 2. ส่วนประกอบด้านสื่อต่าง ๆ (Media Elements) 3. ส่วนประกอบเพื่อเพิ่มประสิทธิภาพ

แบบทดสอบหลังเรียนหน่วยที่13 ความรู้เบื้องต้นเกี่ยวกับ HTML5 คําชี้แจง ให้เลือกคําตอบที่ถูกต้องที่สุดเพียงคําตอบเดียว 1. ความหมายของ HTML5 ข้อใดถูกต้องที่สุด ก. ภาษาที่ใช้ในการเขียนเว็บเพจ โดยใช้แท็กกําหนดการแสดงผล ข. ภาษาที่ใช้กําหนดรูปแบบการแสดงผลของ HTML ค. มาตรฐานของภาษา HTML รุ่นล่าสุด ง. ภาษาเขียนโปรแกรมเชิงโครงสร้าง 2. ข้อใดไม่ใช่ความแตกต่างของ HTML5 กับ HTML รุ่นเก่า ก. X <meta charset="utf-8"> ข. <body> ค. <html lang="en"> ง. <!Doctype htms 3. ข้อใดไม่ใช่ส่วนประกอบใหม่ของ HTML5 ก. <audio> ข. <video ค. <canvas> ง. <img> 4. แท็ก <canvas> มีความหมายตรงกับข้อใ ก. การคลิกที่วัตถุแล้วค้างไว้จากนั้นลากไปวางยังพื้นที่ที่ต้องการ ข. การเก็บข้อมูลในรูป Key Value ไว้ที่ฝั่ง client ค. แท็ก <canvas> ทําให้สามารถวาดภาพลงบนเว็บเพจได้โดยตรง ง. ถูกทุกข้อ 5. รูปแบบคําสั่งใดคือการแทรกไฟล์วิดีโอ ก. <vided src= ชื่อไฟล์วิดีโอ"></video> ค. <img src="ชื่อไฟล์เสียง"></img ข. <audio src="ชื่อไฟล์เสียง"></audio> ง. <a href="ชื่อไฟล์เสียง"></a> 6. รูปแบบคําสั่งใดคือการแทรกไฟล์เสียง ก.<a href="ชื่อไฟล์วิดีโอ"></a> ข. <img src=" ="ชื่อไฟล์วิดีโอ"></img>

ค. <video src="ชื่อไฟล์วิดีโอ"></video> ง. <audio src=' ="ชื่อไฟล์เสียง"></audio> 7. Drag and Drop มีความหมายตรงกับข้อใด ก. การคลิกที่วัตถุบนหน้าเว็บเพ ข. การเก็บข้อมูลในรูป Key Value ไว้ที่ฝั่ง Client ค. การวาดภาพลงบนเว็บเพจได้โดยตรง ง.การคลิกที่วัตถุแล้วค้างไว้นั้นลากไปวางยังพื้นที่ที่ต้องการ 8. Local Storage มีความหมายตรงกับข้อใด ก. การเก็บข้อมูลในรูปแบบฐานข้อมูลไว้ที่เซิร์ฟเวอร์ข. การเก็บข้อมูลในรูป Key Value ไว้ที่เครื่องผู้ใช้ค. การเก็บข้อมูลแบบถาวรไม่หมดอายุข้อมูลจะยังคงอยู่แม้ว่าจะปิดโปรแกรมเว็บเบราว์เซอร์แล้ว ง. การเก็บข้อมูลฝั่งผู้ใช้แต่ข้อมูลจะหายไปเมื่อปิดโปรแกรมเว็บเบราว์เซอร์9. Session Storage มีความหมายตรงกับข้อใด ก. การเก็บข้อมูลฝั่งผู้ใช้แต่ข้อมูลจะหายไปเมื่อปิดโปรแกรมเว็บเบราว์เซอร์ข. การเก็บข้อมูลแบบถาวรไม่หมดอายุข้อมูลจะยังคงอยู่แม้ว่าจะปิดโปรแกรมเว็บเบราว์เซอร์แล้ว ค. การเก็บข้อมูลในรูป Key Value ไว้ที่เครื่องผู้ใช้ง. การเก็บข้อมูลในรูปแบบฐานข้อมูลไว้ที่เซิร์ฟเวอร์10. แท็ก <output> มีความหมายตรงกับข้อใด ก. เป็นแท็กที่ใช้แสดงผลการคํานวณ โดยใช้คู่กับเหตุการณ์ของฟอร์มชื่อ oninput ข. เป็นแท็กที่ทําหน้าที่กําหนดรายการข้อมูลที่จะแสดงตามที่กําหนดไว้ค. เป็นแท็กที่ใช้ตรวจสอบตัวตนที่ปลอดภัยมากขึ้น ง. เป็นแท็กที่ใช้สร้างช่องกรอกข้อมูลที่รับค่าวันที่เฉลย 1.ค.2.ก.3.ก.4.ข.5.ข.6.ง.7.ง.8.ข.9.ข.10.ง.