About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

การ Set ให้โปรแกรม Dreamweaver ใช้งานภาษาไทย [Article ID : 13]


เรื่อง : การกำหนด Encoding ให้เว็บเพจเพื่อการใช้งานภาษาไทยได้อย่างถูกต้อง

*เวอร์ชั่นตั้งแต่ CS3 ขึ้นไปไม่จำเป็นต้องเซ็ท เพราะค่า Default ของโปรแกรมเป็น UTF-8 ใช้งานภาษาไทยได้อยู่แล้วครับ

สมัยก่อนถ้าใครจะใช้ Dreamweaver เพื่อสร้างเว็บภาษาไทย ต้องมีการติดตั้ง Thai Add-On เสียก่อน จึงจะใช้งานภาษาไทยได้ แต่ปัจจุบันตั้งแต่ Dreamweaver CS3 เกิดขึ้นมา (ขณะรีไรท์บทความอยู่ที่เวอร์ชั่น CC ละ) เราไม่จำเป็นต้องเซ็ทอะไรเลย เราก็สามารถใช้โปรแกรมสร้างเว็บภาษาไทยกันได้แล้วครับ เพราะค่าเริ่มต้นของโปรแกรมใช้ UTF-8 ซึ่งรองรับภาษาไทยอยู่แล้ว แต่ถึงกระนั้น เรารู้วิธีการเซ็ท Encoding ของเว็บเพจกับโปรแกรม Dreamweaver ไว้สักหน่อยก็ดีครับ ดังนี้...

วิธีเซ็ท Encoding ให้เว็บเพจด้วย Dreamweaver

ให้ทำการเปิดโปรแกรม Dreamweaver ขึ้นมา จากนั้นให้ปฏิบัติ ดังนี้

1. เปิดหน้าต่าง Preferences โดยกดที่ปุ่ม Ctrl+U หรือไปที่ Main Menu -> Edit -> Preferences ก็ได้ครับ
2. ที่หน้าต่าง Preferences ให้เลือกไปที่หมวด New Document ดังรูป 3. จากนั้นเราจะพบ Option สำหรับกำหนดค่า Encoding ที่ชื่อว่า Default encoding
4. ที่ Option ในข้อ 3 ให้เราเลือกไปที่ Encoding ที่เราต้องการ ดังรูป จากรูปข้างต้น เลือกไปที่ Unicode (UTF-8) ซึ่งเป็น Encoding ที่รองรับการใช้งานกับตัวอักษรในหลายภาษา รวมถึงภาษาไทย
*แนะนำให้ใช้ Encoding นี้ครับ

5. เมื่อกำหนดได้แล้ว กดที่ปุ่ม OK ของหน้าต่าง Preferences
6. จากนั้นทำการ New File ขึ้นมาใหม่ อาจะเลือกเป็นไฟล์แบบ HTML ก็ได้ครับ
7. เมื่อสร้างไฟล์ขึ้นมาแล้ว ให้ทำการไปที่ในส่วนของ Code จะพบว่า มีการกำหนดค่า Encoding ตามที่เรากำหนดค่าไว้กับ Preferences ของโปรแกรม ดังรูป

ชุด Encoding ของ Dreamweaver ที่รองรับภาษาไทย

โปรแกรม Dreamweaver นั้นมีชุด Encoding มากมายให้ผู้ใช้ได้เลือก แต่ชุด Encoding ที่รองรับภาษาไทยที่ Dreamweaver มีมาให้และเราสามารถเลือกใช้ได้นั้น มีอยู่ 2 ชุด ดังนี้

1. Unicode (UTF-8) *ดังตัวอย่างบทความที่กล่าวมาแล้ว
2. ไทย (Windows) ดังรูป *ซึ่ง ไทย (Windows) นี้โปรแกรมจะทำการสร้างชุด windows-874 ให้เรากับเว็บเพจครับ
หากต้องการทำเว็บภาษาไทย สามารถเลือกได้ทั้ง Unicode (UTF-8) และ ไทย (Windows) กับโปรแกรม Dreamweaver ครับ แต่แนะนำให้ใช้ UTF-8 จะดีกว่า

รู้ถึงโค้ด Encoding ที่โปรแกรมสร้างให้

เมื่อเรากำหนด Encoding ให้กับ Preferences -> New Document แล้ว จะหมายความว่า ทุกครั้งที่เราสร้างไฟล์ใหม่ขึ้นมา โปรแกรมจะนำเอา Encoding ที่กำหนดนี้ไปใช้กับเพจของเราครับ ซึ่งโค้ดที่ได้หากเราทำการวิวโค้ดดูที่โปรแกรม จะพบว่ามีโค้ดที่เราเรียกกันว่า Meta Tag จะมีข้อมูลตาม Encoding ที่เรากำหนดค่าไว้ โค้ดที่ได้ ก็จะประมาณนี้ครับ
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
หรือ
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
เป็นต้น
ถึงแม้ปัจจุบันเราใช้โปรแกรม Dreamweaver เพื่อการพัฒนาเว็บไซต์กัน เราอาจจะไม่ต้องทำการเซ็ทค่าเหล่านี้เลย แต่รู้ไว้ก็ดีครับ เพื่อวันข้างหน้าอาจจะได้รับมอบหมายงาน ที่ต้องมีการกำหนดค่าเหล่านี้..จะเซ็ทกันได้อย่างถูกต้องครับ
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

การเคาะ Space Bar เว้นวรรคกับโปรแกรม Dreamweaver

เรื่อง : มาเคาะ Space Bar ให้เว้นวรรคได้หลาย ๆ ครั้งกัน ใช้งาน Dreamweaver เคยมีปัญหากันบ้างไหม ? เวลาที่เราต...  

การสร้างข้อความในแบบ Tooltip กับ Dreamweaver (Spry Tooltip, CS Only)

เรื่อง : การสร้างข้อความแบบ Tooltip ด้วยโปรแกรม Dreamweaver *บทความนี้เฉพาะโปรแกรม Dreamweaver เวอร์ชั่น CS5, CS6 สำหรับ CC ไม่มีให้เรียกใ...  

สร้าง Popup Menu ด้วย Spry Menu Bar (CS Only)

เรื่อง : การสร้างเมนูเว็บไซต์ด้วย Spry Menu Bar *Dreamweaver CC ไม่มีให้ใช้ครับ Spry เป็น Framework...  

เมาท์ (Mouse) มาตารางเปลี่ยนสี (CSS Pseudo-classes)

เรื่อง : เมาท์มาตารางเปลี่ยนสีด้วย CSS มีผู้ชมที่ติดตามเว็บ DwThai.Com ขอกันเข้ามามากครับเกี่ยวกับการทำเทคนิคนี้ ซึ่งคุณคงจ...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*