Lucture

ปัญหาการใช้ตัวอักษรในเว็บเพจ (และแนวทางแก้ไข)

การแก้ปัญหาเรื่องตัวอักษรเลือกชนิดตัวอักษรมาตรฐาน

(Browser-Safe Font)ระบุชนิดตัวอักษรให้ครอบคลุม
กำหนดลักษณะของตัวอักษรที่อยู่ในทุกช่องของตาราง เลือกใช้ตัวอักษรหลักสำหรับเว็บจากไมโครซอฟท์
ใช้ตัวอักษรที่เป็นกราฟิกแทนขนาดตัวอักษร
ระบุขนาดตัวอักษร
Cascading Style Sheets (CSS)
Embedded Font Technologyตัวอักษรภาษาไทย
การเลือกใช้รหัสอักษรเพื่อการแสดงผลภาษาไทยบนหน้าเว็บ อย่างถูกต้อง
รหัสมาตรฐานสำหรับอักษรภาษาไทย TIS 620รายละเอียดการสนับสนุนภาษาไทยของบราวเซอร์
การติดตั้งรหัสอักษร charset ในโปรแกรมสร้างเว็บ

ออกแบบหน้าเว็บ (Page Design)

แนวคิดในการออกแบบหน้าเว็บ เรียนรู้จากเว็บไซท์ต่างๆ
ประยุกต์รูปแบบจากสิ่งพิมพ์ ใช้แบบจำลองเปรียบเทียบ (Metaphor)
หลักการออกแบบหน้าเว็บ สร้างลำดับชั้นความสำคัญขององค์ประกอบ (Visual Hierachy)
สร้างรูปแบบ บุคลิก และสไสร้างความสม่ำเสมอตลอดทั่วทั้งไซท์  
สร้างจุดสนใจด้วยความแตกต่าง จัดแต่งหน้าเว็บให้เป็นระเบียบและเรียบง่าย
ใช้กราฟิกอย่างเหมาะสม  เข้าใจลักษณะการใช้งานของเว็บเพจ
ออกแบบหน้าเว็บสำหรับการพิมพ์รูปแบบโครงสร้างของหน้าเว็บส่วน
ประกอบของหน้าเว็บเทคนิคการจัดโครงสร้างของหน้าจัดโครงสร้าง
ของหน้าโดยใช้ตารางจัดโครงสร้างของหน้าโดยใช้เฟรม (Frame)
กำหนดพื้นที่ว่างโดยใช้กราฟิกใส (Single-pixel spacer)
ออกแบบหน้าโฮมเพจ (Home Page Design)
หน้าก่อนโฮมเพจ (Splash and Utility Page)
ออกแบบหน้าแบบฟอร์ม (Form page Design)
เทคนิคการออกแบบเว็บเพจให้แสดงผลได้รวดเร็วใช้ตัวอักษรและลิงค์แบบ
HTML ใช้ไฟล์กราฟิกให้ถูกประเภท กำหนดค่า width และ height
ของกราฟิก กำหนดค่า lowsrc และ alt นำกราฟิกกลับมาใช้ใหม่ในหน้าอื่นๆ
(Recycling graphic)ใช้ Style Sheep (CSS) ในการออกแบบ
ข้อแนะนำในการออกแบบหน้าเว็บเพจ (Page Design Tips)ออกแบบโครงสร้างของ
หน้าโดยใช้โปรแกรมกราฟิกกำหนดชื่อของเว็บให้สื่อความหมาย (HTML Page Title)

ออกแบบเว็บไซท์ให้เหมาะกับสิ่งแวดล้อม (Design for a Variety of Web Environments)

แหล่งข้อมูลสถิติ
ระบบปฏิบัติการ (Operating Systems)
ความละเอียดหน้าจอ (Monitor resolution)
  เลือกขนาดความละเอียดหน้าจอในการออกแบบ
ข้อมูลช่วยในการตัดสินใจ
ทดสอบขนาดเว็บเพจที่ความละเอียดต่างๆ
ความสามารถในการแสดงสีของมอนิเตอร์ (Monitor color depth)
บราวเซอร์ (Browsers)
  ออกแบบเว็บไซท์สำหรับบราวเซอร์ที่แตกต่างกัน
สถิติการใช้บราวเซอร์
พื้นที่ว่างในหน้าต่างบราวเซอร์
พื้นที่ขอบภายในบราวเซอร์ (Margin)
ออกแบบเว็บไซท์ตามคุณสมบัติของบราวเซอร์
ออกแบบเว็บเพจโดยคำนึงถึงการเปลี่ยนแปลงขนาดของบราวเซอร์
 การออกแบบเว็บเพจให้มีการเปลี่ยนแปลงขนาดได้ (Flexible Design)
การออกแบบเว็บเพจให้มีขนาดคงที่ (Fixed Design)
เว็บเพจแบบร่วม ระหว่างแบบขนาดคงที่ กับแบบขนาด เปลี่ยนแปลงได้
ทดสอบการแสดงผลในบราวเซอร์รุ่นต่างๆ
ความเร็วในการรับส่งข้อมูล (Connection speed)
โปรแกรมเสริมสำหรับบราวเซอร์ (Browser Plug-ins)