การกำหนดสีพื้นหลังและการใส่รูปภาพใน Webpage
การกำหนดสีพื้นหลังของ Webpage
การกำหนดสีพื้นหลังของเว็บไซต์ เราจะเขียนในส่วนของคำสั่ง <body> โดยเราจะใช้ Attribute เป็นตัวกำหนด
การใส่รูปภาพ (IMAGE)
การใส่ภาพภายในเว็บเพจ เป็นส่วนดึงดูดของเว็บให้ดูดีมีสาระมากขึ้น เพิ่มความสวยงาม ดึงดูดความสนใจให้กับผู้ที่ผ่านที่เข้าชม เข้าศึกษา นอกจากจะช่วยให้ผู้ชมได้เห็นภาพจริงไม่ต้องจินตนาการแล้ว ยังมีส่วนช่วยให้เกิดความตื่นตาตื่นใจได้มากกว่าหน้าเว็บเพจที่มีแต่ข้อความล้วน ๆ
ไฟล์รูปภาพที่นิยมใช้กันมีอยู่ 3 รูปแบบ- ไฟล์ GIF(CompuServe Graphics Interchange Format) มีนามสกุล .gif เป็นไฟล์ชนิดบิดแมบ 8 บิตสี เก็บค่าสีสูงสุดได้ 256 สี เป็นไฟล์แบบบีบย่อขนาด ใช้แสดงผลพวกภาพ การ์ตูน หรือกราฟิกที่มีสีสันไม่มาก และภาพชนิดเคลื่อนไหวที่มีความละเอียดไม่มากนัก
- ไฟล์ JPEG หรือ JPG(Joint Photographic Experts Grop) มีนามสกุล .JPG เป็นไฟล์ที่พัฒนาเพื่อใช้งานกับภาพที่มีีสีสันสดใสและความละเอียดสูงมากสามารถเก็บภาพได้ 4 บิตสี แสดงสีได้ถึง 16.7ล้านสีเป็นไฟล์ที่ผ่านกระบวนการบีบอัตข้อมูลในอัตรา 10.:1 ในการแสดงผลในเว็บเพจ ไฟล์ .JPG จะแสดงผลช้ากว่าไฟล์ *.gifในขนาดไฟล์ที่เท่ากัน ดังนั้นจึงนิยมใช้ไฟล์ *.JPG ในภาพขนาดใหญ่ ถ้าเป็นภาพขนาดเล็กจะใช้ไฟล์ *.gif มากกว่า
- ไฟล์ PNG (Portable Network Grapghic) เป็นไฟล์ที่พัฒนาขึ้นมาโดยนำเอาคุณสมบัติที่ดีเด่นของไฟล์ GIF และ JPG มารวมกัน กล่าวคือสนับสนุนจำนวนบิตสีได้ถึง 24 บิต เหมือนกับภาพแบบ JPG ในขณะที่การบีบอัดไฟล์ใช่ในการทำงานแบบ GIF การแสดงผลในแบบ Interlace และยังสามารถทำภาพโปร่งใสได้
*** ข้อควรจำ ***
ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูดีขึ้น แต่เราต้องคำนึงถึงเรื่องต่อไปนี้ด้วย
1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง
2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก
3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลังได้
4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป
