Lecture

   บทที่8 เลือกใช้สีสําหรับเว็บไซต์  

                สีสันในเว็บเพจเป็นสิ่งที สําคัญมากในการดึงดูดความสนใจของผู้ใช้ ช่วยในการสือความหมายของเนื้อหา เนืองจากสิ่งแรกทีใช้มองเห็นจากเว็บก็คือสีซึ่งเป็นสิ่งกําหนดบรรยากาศและความรุ้สึกโดยของเว็บไซต เเต่ารใช้สีพื้นใกล้เคียงกับสีตัวอักษร บางครั้งอาจสร้างความลําบากในการอ่านอาจสร้างความสับสนให้กับผู้อ่านได้ 

     ประโยชน์ของสีในเว็บไซต์
                สามารถชักนําสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจทีเราต้องการได้ เช่น ข้อมูลใหม่ หรือโปรโมชั่นพิเศษสีช่วยเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน สีสามารถนําไปใช้ในการแบ่งบริเวณต่างๆ ออกจากกัน สามารถสร้างอารมณ์โดยรวมของเว็บเพจ ยังช่วยสร้างระเบียบให้กับข้อความต่าง ๆ เช่น ใช้สีแยกระหว่างหัวเรื่องกับเนื้อเรื่อง และสามารถส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆ 

        การผสมสี (Color Mixing)
                1.การผสมสีแบบวก (Additive mixing) จะเป็นรูปแบบการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ จะนําไปใช้ในสื่อใดๆ ที่ใช้แสงส่องออกมาเช่น จอโปรเจคเตอร์ ทีวี หรือจอมอนิเตอร
                2.การผสมแบบลบ (Subtractive mixing) การผสมสีแบบนี้ไม่เกี่ยวข้องกับแสงแต่เกี่ยวเนื่องกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ จะนําไปใช้ในสื่อที่เกี่ยวข้องกับการใช้วัตถุมีสี เช่น ภาพวาดของศิลปิน รูปปั้น หรือ สิ่งพิมพ์ต่างๆ 

         บทที่9 ออกแบบกราฟฟิกสําหรับเว็บไซต์  

                กราฟฟิกเป็นองค์ประกอบที่สําคัญอย่างหนึ่งของเว็บเพจช่วยสื่อความหมายสร้างความเข้าใจให้กับผู้ใช้รวมทั้งช่วยสร้างความสวยงามให้เว็บไซต์น่าดูยิ่งขึ้น ปัญหาที่มักเกิดกับขึ้นกับการสร้างกราฟฟิกคือ การเลือกใช้รูปแบบกราฟฟิกที่ไม่เหมาะสมกับลักษณะของรูปโดยไม่รู้จักความแตกต่างของรูปแบบกราฟฟิก ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์และมี

ไฟล์ใหญ่เกินความจําเป็น
                          GIF ย่อมาจาก Graphic Interchange Format ได้รับความนิยมในยุคแรก มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทําให้มีสีมากสุด 256สี มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาะสําหรับกราฟฟิกที่ประกอบด้วยสีพื้น
                            JPG ย่อมาจาก Joint Photographic Experts Group มีข้อมูลสีขนาด 24 บิต (True Color) สามารถแสดงสีได้ถึง 16.7ล้านสีใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย (lossy) ไฟล์ประเภทนี้ควรนําไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
                         JPNG ย่อมาจาก Portable Network Graphic เป็นรูปแบบไฟล์ภาพที่ถูกคิดค้นเพื่อมาแทน ที่ GIF ที่มีปัญหาเรื่องลิขสิทธิ ซึ่งคุณสมบัติของ PNG นั้นจะคล้ายกับ GIF สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต และ 24 บิต มีระบบการบีบอัดแบบ Deflate ที่ไม่ทําให้เกิดการสูญเสีย (lossless)
                         PNG ย่อมาจาก Portable Network Graphic มีระบบการควบคุมค่าแกมม่า (Gamma) และความโปร่งใส(Transparency) ในตัวเองไม่สามารถทํา Animation ทําพื้นหลังให้เป็น Transparent ได้ดีกว่า GIF รูปแบบไฟล์แบบPNG นั้นสามารถที่จะบีบอัดไฟล์ให้มีขนาดเล็กกว่า GIF ประมาณ 10-30%

     คําแนะนําในการเลือกใช้ชนิดของไฟล์ภาพ
                ภาพถ่าย : JPEG ดีที่สุด 
โลโก้, พื้นหลังเว็บ, รูปส่วนต่างๆของเว็บ (ปุ่ม ไอคอน) : GIF และ PNG-8 ดีที่สุด ฃรูปที่เอฟเฟ็คอย่าง Drop Shadow, Glow หรือรูปที่มี Transparent : PNG-24 ดีที่สุด

         บทที่10 จัดรูปแบบตัวอักษรสำหรับเว็บไซต์  

    
 ส่วนประกอบของตัวอักษร

                     descender:ส่วนล่างของตัวอักษรพิมพ์เล็กที่ตำ่กว่าเส้น baseline
                     baseline:เส้นสมมติที่ตัวอักษรส่วนใหญตั้งอยู่ 
                     cap height:ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่
                     x-height:ความสูงของตัวอักษร x ในเเบบพิมพ์เล็ก ซึ่งมักใช้อ้างถึงความสูงของตัวอักษรที่ไม่รวม ascender และ descender

     รูปเเบบตัวอักษร
                 ตัวอักษรที่มีขนาดสัมพันกับรูปร่างหรือตัวอักษรที่มีขนาดไม่คงที่
                ตัวอักษรที่มีขนาดคงที่ จะเป็นตัวอักษรที่ตามเเนวนอนเท่กันหมด ซึ่งเป็นรูปแบบที่เรียบง่ายและมีลักษณะคล้ายตัวพิมพ์ดีด