การปรับคุณสมบัติเว็บเพจ และปรับใช้ภาษาไทย           

การสร้างเว็บเพจโดยใช้ภาษาไทยจะต้องกำหนดและเลือกรูปแบบอักษรไทยตั้งแต่เริ่มสร้างเว็บเพจ ถ้าไม่กำหนดในส่วนนี้จะมีปัญหา ในการนำเสนองานไม่สามารถอ่านได้
การกำหนดหรือเลือกการใช้รูปแบบอักษรภาษาไทย มีอยู่ 3 ส่วน ได้แก่ การกำหนดชุดตัวอักษรของเว็บไซต์ (Font Settings) การเลือกรูปแบบอักษรในหน้าเว็บเพจ (Document Encoding) และการเลือกใช้รูปแบบตัวอักษร (Edit Font List) ซึ่งจะต้องจัดการทั้ง 3 ส่วนก่อนที่จะออกแบบเว็บไซต์
          การกำหนดชุดตัวอักษรและรูปแบบอักษรของเว็บไซต์
ก่อนออกแบบเว็บเพจให้กำหนดชุดอักษรและแบบอักษรภาษาไทยดังนี้
1. ใช้เมนูคำสั่ง Edit > Preferences
2. ปรากฏหน้าต่าง Preferences ในหน้าต่างด้านซ้าย ให้คลิกเลือกรายการ Fonts / Encoding (ดูรูปที่ 1)
ส่วนในหน้าต่างด้านขวา ในรายการ Default Encoding และ Font Settings ให้เลือกชุดอักษรไทย ถ้าไม่มีชุดอักษรภาษาไทย ให้เลือก Other ส่วนรายการ Proportional Font, Code Inspector ให้เลือกรูปแบบอักษรภาษาไทย (UPC)
        รูปที่ 1 หน้าต่าง Preference กำหนด Fonts / Encoding    

 

 


 
      การกำหนดคุณสมบัติเว็บเพจ
เมื่อเริ่มสร้างหน้าเว็บเว็บเพจ แต่ละหน้าจะต้องกำหนดคุณสมบัติเว็บเพจ และ เลือกรูปแบบรหัสชุดอักษรภาษาไทยดังนี้
1. คลิกเว็บเพจหรือเฟรมที่ต้องการ (เช่น Main frame, Left frame ,Top frame)
2. ใช้เมนูคำสั่ง Modify > Page Properties
3. ปรากฏหน้าต่าง Page Properties (ดูรูปที่ 2) ให้ปรับเลือกใช้คุณสมบัติที่จำเป็นคือ
 Title พิมพ์ชื่อเรื่องของเว็บเพจ
Background Image ใส่รูปภาพที่ใช้เป็นพื้นหลัง ถ้ารูปภาพไม่เหมาะสม ก็ควรลบออก ไม่ต้องใส่
Background กำหนดสีที่ต้องการให้เป็นพื้นหลังของหน้าเว็บเพจ
Text กำหนดสีให้ตัวอักษร
Document Encoding เลือกชุดตัวอักษร ให้เลือกชุดตัวอักษรไทย ถ้าไม่มีชุดตัวอักษรไทย ให้ใช้ Other
รายการอื่นๆอาจไม่จำเป็นต้องกำหนด ให้ใช้คุณสมบัติที่โปรแกรมจัดไว้ให้ (Default)
     รูปที่ 2 หน้าต่าง Page Properties

 


 

 

               การกำหนดรูปแบบอักษรไทย
ลองพิมพ์ข้อความลงในเว็บเพจ และตรวจสอบคุณสมบัติ ในแถบ Properties (ดูรูปที่ 3)
     
     รูปที่ 3 แถบ Properties สำหรับกำหนดคุณสมบัติของข้อความ
ให้เลือกรูปแบบตัวอักษรในรายการ Font ซึ่งเดิมเป็น Default Font หากไม่มีรูปแบบอักษรไทย ให้เลือกรายการ Edit Font List และจัดการตามขั้นตอนดังนี้ (ดูรูปที่ 4)
1. หน้าต่าง Edit Font List คลิกเครื่องหมาย + เพื่อเพิ่มแบบอักษร
2. คลิกแบบอักษรที่ต้องการ จากแบบอักษรที่มีอยู่ในช่องส่วนล่างขวามือ ในหน้าต่าง Edit Font List
3. คลิกเครื่องหมาย << เพื่อย้ายแบบอักษรจากช่องขวามือ ไปช่องซ้ายมือ
4. ถ้าต้องการแบบอักษรเพิ่มขึ้น ให้ทำข้อ 2 และ 3 ซ้ำ
5. คลิก OK เพื่อยืนยัน กลับมาที่เว็บเพจ เพื่อเลือกแบบอักษรที่ต้องการ

     รูปที่ 4 หน้าต่าง Edit Font List
             การจัดขัอความ
การจัดข้อความใช้แถบ Properties ตามรูปที่ 3 เป็นเครื่องมือในจัดข้อความ เช่น
1. แบบอักษร (Font) ขนาด (Size) สี ตัวพิมพ์หนา เอียง การจัดข้อความชิดซ้าย กึ่งกลาง ชิดขวา คุณสมบัติเหล่านี้อยู่ในบรรทัดเดียวกัน
2. การใส่เครื่องหมายกำกับหัวข้อ มี Unordered list (ใส่สัญลักษณ์หรือ Bullet) กับ Ordered list (ใส่หมายเลขลำดับ)
การพิมพ์บรรทัดใหม่ ถ้าต้องการให้ชิดกัน ให้กดปุ่ม Shift-Enter
การพิมพ์เว้นวรรค ให้กดปุ่ม Shift-Ctrl-Space bar

             กิจกรรมที่ 4
1. เปิดเว็บเพจ หรือโฮมเพจ Index ถ้าเปิดอยู่แล้ว ให้คลิกแต่ละเฟรม
2. กำหนดชุดอักษร และแบบอักษรไทย (Edit > Preferences)
3. กำหนดคุณสมบัติของเว็บเพจ (Modify > Page Properties) ถ้าใช้เฟรม ให้กำหนดคุณสมบัติทุกเฟรม
4. พิมพ์ข้อความภาษาไทยที่นิสิตเตรียมไว้ในเฟรมต่างๆของโฮมเพจ
5. บันทึกไฟล์เฟรม ด้วยคำสั่ง File > Save all