วิธีทำให้ Adobe Dreamweaver CS5 เขียน HTML5 ได้

Adobe Dreamweaver CS5 ออกมาให้เราได้ใช้กันได้สักพักใหญ่แล้วแต่เพิ่งได้ฤกษืไปหามาใช้ดู เพราะอ่านจากเว็บไซต์ของ Adobe เองนั้น เลยลองโหลด Plugin ของAdobe สำหรับ HTML5 มาดู ลองเข้าไปอ่านรายละเอียดได้ที่ Adobe Dreamweaver CS5 HTML5 Pack แล้วทำการติดตั้ง พอติดตั้ง Plugin เรียบร้อยแล้ว ทีนี้เราก็มาตั้งค่าเพื่อให้ DOCTYPE เป็นแบบ HTML5

1.ให้สร้างไฟล์ html ใหม่ มาก่อนโดย File > New ซึ่งจะเห็นว่า รูปแบบ Syntax และDOCTYPE

2.ให้เลือก Edit > Preferences หรือ Ctrl-U

3.พอเข้ามาที่ Preferences ให้เลือกที่ New Document แล้วให้ดูที่ Default Document Type(DTD) ซึ่งของเดิมจะอยู่เป็น HTML 4.01 Transitional ดังรูป

4.เลือก Default Document Type(DTD) เป็น HTML5 ดังรูป

5.เลือก File > New เพื่อเปิดเอกสารใหม่ ก็จะได้ DOCTYPE แบบ HTML5 แล้วจ้า

อย่าลืมไปโหลด Adobe Dreamweaver CS5 HTML5 Pack มาจาก Adobe.com นะ จะทำให้มันรู้จัก element ใหม่ ๆ ของ HTML5

refer: http://web.ofebia.com/contents/view/266.htm#