HOME   KNOWLEDGE   REMAINS   GALLERY   WEB TIPS    Profile   
   

 
แนะนำโค๊ดง่ายๆ สำหรับตกแต่งหน้าเว็บเพจ : การทำฉากหลังให้อยู่กึ่งกลางเว็บเพจ


มีคำแนะนำง่ายๆ ให้ลองไปทำกันดูค่ะ

1. เริ่มด้วยการเปิดหน้าต่าง Dreamweaver ขึ้นมา เลือกหน้าเพจที่ต้องการ
เลือกให้การแสดงการทำงานเป็นแบบ Show Code and Design Views

2. ไปที่เมนู Modify เลือก Page Properties จะปรากฏหน้าต่าง Page Properties
จากนั้นให้เลือกไฟล์ภาพที่ต้องการจะทำเป็น background จากไฟล์ภาพที่มีอยู่ในคอมพิวเตอร์ของเรา

 

3. จากนั้นให้ไปดูที่หน้าต่างแสดงโค๊ดด้านบน จะเห็นข้อความแสดงว่า
ขณะนี้เว็บเพจของเราใช้สีพื้นหลังเป็นสีใด และมีภาพใดเป็นฉากหลัง ดังตัวอย่าง

 

4. ให้ก็อปปี้โค๊ดต่อไปนี้ ไปวางในบรรทัดถัดไป

 

จะปรากฏโค๊ดในหน้าเว็บเพจของเราดังนี้



5. กด F12 เพื่อดูผลในเว็บบราวเซอร์

เท่านี้ก็เรียบร้อยแล้วค่ะ ^ ^

 

หมายเหตุ.- 1) ชื่อไฟล์ในโค๊ดที่เอาไปแปะเพิ่ม ต้องแก้ไขให้ตรงกับไฟล์รูปที่เราตั้งให้เป็น background นะคะ
                  2) สำหรับตำแหน่งของฉากหลัง สามารถแก้ไขตำแหน่งได้ตามต้องการ ด้วยการแก้ไขตรงคำว่า
                       center center ให้เป็น ชิดขวา และอยู่ทางด้านล่างของเพจด้วยการแก้ไขเป็น bottom right
                  3) ไฟล์ภาพที่ทำมาใช้เป็นฉากหลัง ควรปรรับแต่งให้อยู่ในโทนสีอ่อน ทั้งนี้ เพื่อไม่ให้สีของฉากหลัง
                       เด่นกว่าสีของตัวอักษรในเว็บเพจค่ะ ^ ^


 
Copyright@2005. All rigths reserved by www.deewrite.com