พื้นหลังในซอร์สโค้ดของหน้าเว็บ ขึ้นอยู่กับการออกแบบที่ใช้ สามารถตั้งค่าได้โดยการระบุสี หรือโดยการลิงก์ไปยังไฟล์รูปภาพด้วยการเพิ่มพารามิเตอร์การวางตำแหน่ง ซึ่งสามารถทำได้โดยตรงในแท็ก HTML ในบล็อก CSS แยกต่างหากในส่วนหัวของแหล่งที่มา หรือในไฟล์แยกต่างหากที่มีคำอธิบายลักษณะ
คำแนะนำ
ขั้นตอนที่ 1
เปิดซอร์สโค้ดของบล็อกที่ใช้ในไซต์ของคุณเพื่อกำหนดพื้นหลังของหน้าเว็บ เมื่อใช้ระบบควบคุมใด ๆ ตามกฎแล้วบล็อกนี้จะถูกจัดสรรในไฟล์แยกต่างหาก ระบบควบคุมมีเครื่องมือสำหรับแก้ไขโดยตรงในเบราว์เซอร์ ขึ้นอยู่กับระบบเฉพาะ โพรซีเดอร์นี้สามารถจัดระเบียบได้หลายวิธี - ตัวอย่างเช่น ผ่านตัวแก้ไขเพจ หากคุณไม่ได้ใช้ระบบควบคุม จะต้องดาวน์โหลดไฟล์ที่เกี่ยวข้องลงในคอมพิวเตอร์ของคุณและเปิดขึ้นในโปรแกรมแก้ไขใดๆ จะดีกว่าถ้าใช้โปรแกรมแก้ไข HTML เฉพาะ แต่คุณสามารถใช้ Notepad ที่ง่ายที่สุดได้เช่นกัน
ขั้นตอนที่ 2
เพิ่มแอตทริบิวต์ bgcolor ให้กับแท็กเนื้อหาเพื่อระบุเฉดสีหากพื้นหลังของหน้าควรเป็นสี ไม่ใช่รูปภาพ ตัวอย่างเช่น:
นี่คือสีส้มเข้มเป็นพื้นหลัง ไม่ใช่ทุกชื่อที่เป็นข้อความ ("ช่วยในการจำ") ของเฉดสีที่เบราว์เซอร์จะจดจำได้ ดังนั้นจึงควรใช้รหัสสีฐานสิบหก ตัวอย่างเช่น รหัส FF8C00 ตรงกับสีส้มเข้ม:
ขั้นตอนที่ 3
ใช้แอตทริบิวต์ background แทน bgcolor บนแท็ก body หากพื้นหลังถูกกำหนดโดยรูปภาพแทนที่จะเป็นสี ตัวอย่างเช่น หากไฟล์ที่มีภาพพื้นหลังเรียกว่า bgPic
ขั้นตอนที่ 4
วางคำอธิบายสไตล์ในส่วนหัวของซอร์สโค้ดของคุณ หากคุณต้องการตั้งค่าพื้นหลังของหน้าโดยใช้ CSS ตัวอย่างเช่น คำอธิบายสไตล์ CSS ที่แทนที่สีส้มเข้มที่ระบุในแท็กเนื้อหา เนื่องจากพื้นหลังอาจมีลักษณะดังนี้:
ร่างกาย {สีพื้นหลัง: DarkOrange;}
และคุณสามารถตั้งค่าภาพพื้นหลังด้วยคำอธิบายลักษณะดังต่อไปนี้:
เนื้อหา {พื้นหลัง: # FF8C00 url (รูปภาพ / bgPic.gif) ซ้ำ-y;}
ที่นี่ นอกจากลิงก์ไปยังรูปภาพแล้ว ยังมีการระบุสีพื้นหลัง (# FF8C00) ด้วย - หากมีตำแหน่งบนหน้าที่ไม่ได้ภาพพื้นหลัง พวกเขาจะทาสีด้วยเฉดสีที่ระบุที่นี่ พารามิเตอร์ repeat-y ระบุการทำซ้ำของภาพพื้นหลังในแนวตั้ง (ตามแนวแกน Y) หากคุณต้องการดูภาพซ้ำในแนวนอน คุณควรใช้ค่า repeat-x และห้ามไม่ให้รูปแบบซ้ำ - ห้ามทำซ้ำ คุณสามารถวางคำอธิบายลักษณะก่อนแท็กที่ปิดส่วนหัวของโค้ด HTML
ขั้นตอนที่ 5
บันทึกการเปลี่ยนแปลงที่ทำในโปรแกรมแก้ไขเพจ หรือบันทึกและอัปโหลดไฟล์ที่ดาวน์โหลดกลับไปยังเซิร์ฟเวอร์ หากรหัสถูกแก้ไขในไฟล์บนคอมพิวเตอร์ของคุณ