เป็นเทคนิคอีกเทคหนึ่งหนึ่งที่ใช้ทำเว็บได้อย่างเนียนกับการทีึ่ใส่พื้นหลังแล้วไม่ต้องมีรอยต่อกันทำแบบ Fix ไปเลยโดยใช้css style มาใส่ใน html
ขั้นตอนที่ 1.
ที่มาว่าทำไมต้องใช้ css style (css ย่อมาจาก Cascading Style Sheets) เดิมการใส่พื้นหลังกับเว็บเราใส่โดยใช้คำสั่งจาก body คือ <body background=bg.jpg> เป็นต้น แต่ผลของการที่จะเกิดพื้นหลังจะไม่ fix คือพอสิ้นสุดความสูงของพื้นหลังแล้วก็จะมีรอยต่อ เริ่มต้นจากหัวพื้นหลังดังภาพ วิธีการแก้แบบเก่าคือ ต้องคำนวนให้ความสูงของภาพที่มาเป็นพื้นหลังให้เยอะๆ เข้าใว้ ผลที่ออกมาคือ ทำให้เว็บโหลดช้า
ขั้นตอนที่ 2.
วิธีการแก้ไขโดยใช้คำสั่ง css มาประยุกต์ เนื่องจากเรามีภาพที่จะมาเป็นพื้นพื้นหลังในการออกแบบเว็บที่มีความสูงจำกัดและต้องการให้ Fix จากด้านบนสุด เราก็สามารถใช้โคด css มาใส่ในตำแหน่งด้านบนของ html ดังตัวอย่าง แล้วทำการเปลี่ยนที่อยู่ของภาพ จากนั้นก็ลองรันหน้าเว็บใน Browser ดู พื้นหลังก็จะทำการ Fix ด้านบนสุดดั่งใจ
สรุป เป็นเทคนิควิธีการใส่โคด css เข้า html ทำให้เกิดจาก Fix ของภาพที่เรามาทำพื้นหลังนั้นเอง เทคนิควิธีการง่ายๆ แต่ก็ทำให้งานออกแบบเว็บเราดูเนียนขึ้นเยอะ
ขอปัญญาเกิดแด่ท่าน
ไทยกราฟ ดอท คอม
by อ.ธนวิสุทธิ์
| 
สมาชิก VIP (รายเดือน)
โพสต์เมื่อ 2-10-2010 12:38
โพสต์เมื่อ 10-12-2010 22:43
ขอบคุณค่ะ 