หน้าเว็บ

Lecture1

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


ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์
1. เบราเซอร์ที่ใช้                                                                                                                         
                            
       - เบราเซอร์คือโปรแกรมที่ใช้เรียกดูเว็บเพจ   โดยสามารถแสดงผลได้ทั้งรูปแบบตัวอักษร , รูปภาพ และภาพเคลื่อนไหว
       - มีเบราเซอร์หลายชนิดที่ได้รับความนิยม  เช่น
               * Internet   Explorer
               * Netscape   Navigator
               * Opera
               * Mozilla Firefox
       - การออกแบบเว็บไซต์ตามคุณสมบัติของเบราเซอร์
               * เว็บไซต์สำหรับเบราเซอร์ทุกร่น
               * เว็บไซต์สำหรับเบราเซอร์รุ่นล่าสุด
               * เว็บไซต์ตามความสามารถของเบราเซอร์
               * เว็บไซต์ที่มีหลายรูปแบบ

 2. ระบบปฏิบัติการ (Operating  System)                                                                                   
        - ระบบปฏิบัติการเป็นปัจจัยที่มีผลต่อการทำงานของเบราเซอร์มาก   โดยแต่ละระบบปฏิบัติการจะมีความแตกต่างกันในเรื่องของชนิดและรุ่นของ เบราเซอร์ที่ใช้ได้ , ระดับความละเอียดของหน้าจอ , ชุดสีของระบบ   และชนิดของตัวอักษรที่มาพร้อมกับระบบ   เป็นต้น
             * การแสดงผลของ windows จะมีขนาดใหญ่กว่า Mac เล็กน้อย
             * ความสว่างของหน้าจอบน Mac จะมากกว่า Windows และ Unix

3. ความละเอียดของหน้าจอ                                                                                                       
        - ขนาดของจอมอนิเตอร์มีหลายขนาด เช่น 15",17",21" และอื่น ๆ
        - ความละเอียดของหน้าจอ (monitor resolution) มีหน่วยเป็น Pixel
             * ความละเอียด 640 x 480 หมายถึง หน้าจอมีจุดพิกเซลเรียงตัวตามแนวนอน 640 พิกเซล และตามแนวตั้ง 480 พิกเซล
        - ความละเอียดของหน้าจอจะไม่ขึ้นกับบขนาดของมอนิเตอร์ที่ใช้    แต่จะขึ้นกับประสิทธิภาพของการ์ดแสดงผลว่าสามารถทำได้ละเอียดแค่ไหน
             * EX: จอขนาด 17"  สามารถตั้งค่าความละเอียดได้ตั้งแต่ 640 x 480 จนถึง 1600x1200 เป็นต้น 

 4. จำนวนสีที่จอของผู้ใช้สามารถแสดงได้                                                                                 
        - มอนิเตอร์ที่สามารถแสดงสีที่แตกต่างกัน   ขึ้นอยู่กับประสิทธิภาพของการ์ดจอ (video card)
        - จำนวนหน่วยความจำในการ์ดจอ (video memory) ทีมากขึ้นจะทำให้สามารถแสดงสีได้มากขึ้น
        - จำนวนสีที่การ์ดจอสามารถ แสดงได้นั้น   ขึ้นอยู่กับค่าความละเอียดของสีที่เรียกว่า bit depth หรือ color depth ซึ่งก็คือจำนวนบิตที่ใช้ในการเก็บข้อมูลแต่ละพิกเซล    
        - ชุดสีสำหรับเว็บ (Web Palette) หมายถึงชุดสีจำนวน 216 สีที่มีอยู่เหมือนกันในระบบปฏิบัติการ Windows และ Mac
        - ปัจจุบัน Web Palette มีความสำคัญลดน้อยลง   เนื่องจากจอของผู้ใช้สามารถแสดงสีได้มากขึ้น   แต่ใน tool ต่าง ๆ เช่น Dreamweaver ก็ยังเห็นชุดสีเหล่านี้ปรากฏอยู่

5. ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้                                                                             
        - MS  Sans  Serif  VS  Microsoft  Sans  Serif
             * MS   Sans Serif เป็นฟอนต์แบบบิตแมพ (bitmapped  font )  ที่ออกแบบขึ้นจากจุดของพิกเซล   โดยมีการออกแบบแต่ละตัวอักษรไว้เป็นขนาดที่แน่นอน
             * Microsoft  Sans  font   เป็นฟอนต์ที่มีโครงสร้างของอักขระเป็นแบบเวคเตอร์หรือลายเส้น (vector  font)  โดยมีการออกแบบเอาท์ไลน์ไว้เพียงแบบเดียว   แต่สามารถปรับขนาดได้อย่างไม่จำกัด
        - ตัวอักษรแบบกราฟิก (Graphic  Text)
                        
                         ข้อดี
             *  สามารถกำหนดลักษณะของตัวอักษรได้อย่างแน่นอน   ทั้งชนิด   ขนาด   สี 
             *  ทุกคนจะมองเห็นตัวอักษรได้เหมือนกัน ไม่จำเป็นต้องมีตัวอักษรชนิด นั้นติดตั้งไว้ใน เครื่อง
             *  สามารถสร้างเอกลักษณ์เฉพาะตัวของเว็บได้จากรูปแบบของตัวอักษร
                         ข้อเสีย
             * ใช้เวลาในการ download มากกว่า
             * ลำบากในการแก้ไขและเปลี่ยนแปลง
             * ข้อความที่เป็นกราฟิกจะไม่สามารถค้นหาได้ด้วย search engine

                                                                                                                                                    

ไม่มีความคิดเห็น:

แสดงความคิดเห็น