หน้าเว็บ

Lecture


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

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

ข้อมูลสถิติ
-การที่จะออกแบบเว็บให้ตรงกับกลุ่มเป้าหมายได้นั้น ขึ้นอยู่กับว่าเรารู้จักกลุ่มเปาหมายดีเพียงใด
-การสำรวจสถิติจากแหล่งข้อมูลต่างๆ จะช่วยให้มองเห็นภาพของผู้ใช้มากยิ่งขึ้น




บทที่8 เลือกใช้สีสำหรับเว็บไซต์
            ( Designing Web Colors )



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


การผสมสี
มี2แบบ -การผสมสีแบบบวก (Additive mixing) จะเป็นรูปแบบการผสมของแสงไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ
            -การผสมสีแบบลบ (Subtractive mixing) การผสมสีแบบนี้ไม่เกี่ยวข้องกับแสง แต่เกี่ยวเนื่องกับการดูดกลืนและสะท้อนแสงองวัตถุต่างๆ


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



บทที่9 ออกแบบกราฟฟิกสำหรับเว็บไซต์
   
 ( Designing Web Graphics )          

โปรแกรมกราฟฟิกสำหรับเว็บ
-ปัจจุบันมีโปรแรกมหลายประเภทที่นำมาใช้ในการสร้างกราฟฟิกสำหรับเว็บ
  * Adobe PhotoShop
   * Adobe Imange Ready
   * Firework
-ค่าพื้นฐานที่สามารถเลือกปรับได้คือ รูปแบบไฟล์ ชุดสีที่ใช้ จำนวนสี ระดับความสูญเสีย ความโปร่งใส และสีพื้นหลัง

กราฟฟิกรูปแบบ GIF
-มีไฟล์นามสกุลเป็น .gif
-ลักษณะเด่นของGIF คือการไม่ขึ้นกับระบบปฏิบัติการใดๆ
GIF เป็นกราฟฟิกประเภทเดียวที่สามารถนำไปใช้กับเบราเซอร์ทุกชนิด โดยไม่ต้องคำนึงถึงเวอร์ชันใด
-GIF มีคุณสมบัติในการเคลื่อนไหว
-GIF มีระบบแบบIndex เก็บข้อมูลสีได้สูงสุด 8 bit

กราฟฟิกรูปแบบ JPEG
-ระบบการบีบอัดข้อมูลในไฟล์ JPEG เป็นการบีบอัดแบบ lossy คือสูญเสียรายละเอียดบางส่วนของภาพไป
-อาศับประโยชน์จากการที่สายตาคนเราสามารถสังเกตเห็นการเปลี่ยนแปลงอย่างช้าๆในบริเวณกว้างๆได้ดีกว่าการเปลี่ยนแปลงในบริเวณแคบๆ
-ประสิทธิภาพจะขึ้นอยู่กับการรวมกลุ่มของรายละเอียดในรูป เช่น ท้องฟ้า(ความถี่ข้อมูลต่ำ)จะบีบอีดได้ดีกว่าใบไม้ใบหญ้า(ความถี่ข้อมูลสูง)