คลิกที่นี่เพื่อกลับไปที่คอลัมน์การสอน Wulin.com HTML หากคุณต้องการเรียกดูบทช่วยสอน CSS โปรดคลิกที่นี่
ด้านบน: ภาษามาร์กอัป - ระบุสไตล์ CSS สำหรับข้อความ บทที่ 14 การเปลี่ยนรูปภาพ
ในขณะที่นักออกแบบและนักพัฒนาจำนวนมากเริ่มใช้มาตรฐาน (โดยเฉพาะ CSS) เทคโนโลยีใหม่จำนวนมากถูกค้นพบทุกวันและวิธีการใหม่ ๆ ในการบรรลุเป้าหมายเดียวกันและวิธีที่ดีกว่านั้นกำลังพัฒนาอยู่ตลอดเวลา
การเปลี่ยนรูปภาพอาจกล่าวได้ว่าเป็นตัวอย่างที่ดีที่สุดของการเปลี่ยนแปลงประเภทนี้ นี่คือเทคนิคการใช้ CSS เพื่อแทนที่ข้อความธรรมดาด้วยรูปภาพ เราควรใช้ CSS เพื่อแทนที่ข้อความด้วยรูปภาพได้อย่างไร?
เป็นการดีที่สุดที่จะนำภาพทั้งหมดมาใช้เพื่อประสิทธิภาพ (ไม่สำคัญหรือตกแต่ง) ใน CSS เพราะสิ่งนี้สามารถแทนที่ภาพที่อัปเดตได้อย่างง่ายดายโดยไม่ต้องเปลี่ยนรหัสซอร์สแท็ก ในทำนองเดียวกันเราสามารถมั่นใจได้ว่าเบราว์เซอร์และอุปกรณ์ทั้งหมดสามารถแยกวิเคราะห์ความหมายของซอร์สโค้ดแท็กได้อย่างถูกต้องไม่ว่าจะมี CSS ขั้นสูงที่รองรับการแทนที่ข้อความด้วยรูปภาพอย่างสมบูรณ์ ข้อได้เปรียบนี้ได้รับการเน้นในหนังสือเล่มนี้ ไม่มีทางออกที่สมบูรณ์แบบ
อย่างไรก็ตามการค้นหาวิธีที่สมบูรณ์แบบในการใช้ CSS เพื่อแทนที่ข้อความด้วยรูปภาพแทบจะไม่แตกต่างจากการค้นหา Holy Grail ... เพราะมันยังไม่มีอยู่ มีเพียงวิธีการทำงานอย่างถูกต้องในเบราว์เซอร์ทั้งหมด แต่ไม่สามารถใช้กับโปรแกรมเสริม (เช่นตัวอ่านหน้าจอ) มีวิธีอื่นในการทำงานเว้นแต่ผู้ใช้ระบุว่าเบราว์เซอร์ไม่แสดงภาพใด ๆ แต่ยังเปิดใช้งาน CSS ด้วย
แม้ว่าจะไม่มีวิธีที่จะทำให้ทุกคนพอใจ (หรือผู้ใช้ทั้งหมด) เมื่อเขียนข้อความนี้ แต่ตอนนี้มีเว็บไซต์มากมาย คุณต้องระมัดระวังอย่างมากเมื่อใช้วิธีการเปลี่ยนภาพใด ๆ และคุณต้องเข้าใจถึงผลข้างเคียงที่จะนำมา สามารถใช้งานได้ แต่ต้องระวัง
นี่คือจุดประสงค์ของบทนี้ ในเวลานั้นความสะดวกสบายที่เกิดจากการเปลี่ยนรูปภาพจะถูกเปิดเผยเช่นกัน แต่ข้อบกพร่องของมันจะถูกเปิดเผย เมื่อเวลาผ่านไปผู้ที่ชื่นชอบ CSS จำนวนมากอาจพบวิธีที่ดีกว่าในการบรรลุผลเช่นเดียวกัน ก่อนหน้านั้นเราต้องใช้ประโยชน์จากทักษะในการวัดกำไรและการสูญเสีย
เพื่อให้คุณคุ้นเคยกับแนวคิดของการเปลี่ยนรูปภาพลองมาดูวิธีการที่ใช้กันทั่วไปหลายวิธี เริ่มต้นด้วยทักษะการเปลี่ยนภาพ Fahrner (Fahrner Image Replacement; FIR)
หน้า ก่อนหน้า 1 2 3 4 5 6 7 หน้าถัดไปอ่านข้อความเต็ม