โดย: Jason Arber ที่มา: netmag.co.uk
11. รูปแบบพื้นฐาน : ในวันเก่าๆมันง่ายที่จะใช้ ถ้าภาพที่บรรจุสีที่ราบเรียบเช่นโลโก้โดยใช้รูปแบบ GIF ถ้าใช้ Photoshop ก็จะใช้ jpeg ยังมีรูปแบบที่สามที่มองข้ามไปคือ PNG (ออกเสียงว่า 'ping') ซึ่งมาในสองแบบ: 8-bit ในแบบเดียวกับ GIF และแบบ 24-bit ที่สนับสนุนช่องสัญญาณอัลฟ่าสำหรับสีโปร่งแสงหลายแบบ
ข่าวร้ายก็คือ Internet Explorer ยังไม่สนับสนุนรูปแบบช่องสัญญาณแบบ PNG โดยปราศจากการอาศัยการแฮคที่ซับซ้อน อยางไรก็ตาม PNG 8-bit โดยทั่วไปถูกบีบอัดให้เล็กกว่าแบบ GIF ถ้าไม่ใช่ว่าคุณต้องการภาพเคลื่อนไหวซึ่ง PNG ไม่สามารถทำได้ PNG สามารถแทนที่ GIF ได้มากที่สุด การส่งผลในการบันทึกขนาดโดยครอบคลุม
โดยปกติแล้ว JPEG ที่สร้างเล็กกว่าแบบ PNG 24-bit ดังนั้นถ้าคุณไม่ได้กำลังแสดงลักษณะโปร่งแสงโดยการ hack JPEG คือรูปแบบที่ดีที่สุดสำหรับโทนรูปภาพต่อไป
12. คุณสมบัติ 'title' และ 'alt' : ทำให้แนใจว่ารูปภาพของคุณทุกรูปมีการใช้แท็ก alt และ title ดังนั้นการอ่านหน้าจอสำหรับการเสียแบบเสมือนจะกระจายหน้าเพจของคุณได้อย่างถูกต้อง :
<img src=”logo.gif” alt=”logo” title=”logo/” />13. รูปแบบที่ถูกต้องสำหรับคลาสปลอม: สำหรับผลการแสดงตัวอักษร มันคือความสำคัญของคลาสที่ไม่ถูกต้องอยู่ในคำสั่งที่ถูกต้องหรือไม่ทำงานอย่างถูกต้องในทุกบราวเซอร์ คำสั่งที่ถูกต้องคือ:
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: purple; }
a:active { color: red; }
14. ใช้การทำเครื่องหมายให้ความหมายของคำ : แนวความคิดที่อยู่เบื้องหลังการทำเครื่องหมายให้ความหมายของคำ คือความแตกต่างของเนื้อหาเวบไซท์คุณจากการแสดงดังนั้นมันจะลดความนิ่มนวลลง ในความจริง ถ้าคุณเอาสไตล์ชีทออกเวบไซท์ของคุณก็ยังคงแสดงได้ปกติแต่มันอาจจะดูไม่ดีนัก แต่หมายความว่าผู้ใช้บราวเซอร์รุ่นเก่าจะยังคงสามารถรับเนื้อหาจากเวบไซท์คุณได้
การวางตำแหน่ง, สไตล์และผลรวมของการกระทำสามารถเพิ่มได้ด้วยสไตล์ชีทและ CCS-P
15. Favicon : คือ ไอคอนเล็กขนาด 16X16 ซึ่งจะแสดงในรายการของ Favorites และแถบชื่อเรื่องของเวบไซท์ ง่ายและรวดเร็วที่จะใส่ Favicon: บันทึกภาพกราฟฟิกในรูปแบบของ .ico (ผู้ใช้ MAC อาจจะต้องการการแปลงภาพกราฟฟิกเช่น Photoshop ที่ไม่สนับสนุนรูปแบบนี้)และใส่ไว้ในโฟลเดอร์หลักของเวบไซท์
No comments:
Post a Comment