วิธีเปลี่ยนพื้นหลังของเว็บไซต์

สารบัญ:

วิธีเปลี่ยนพื้นหลังของเว็บไซต์
วิธีเปลี่ยนพื้นหลังของเว็บไซต์

วีดีโอ: วิธีเปลี่ยนพื้นหลังของเว็บไซต์

วีดีโอ: วิธีเปลี่ยนพื้นหลังของเว็บไซต์
วีดีโอ: ภาษา HTML คำสั่งใส่สีพื้นหลัง,ใส่ภาพพื้นหลังเว็บไซต์ 2024, อาจ
Anonim

หากพื้นหลังของหน้าต่างๆ ในไซต์ของคุณประกอบด้วยรูปภาพหนึ่งรูป ซึ่งมีความกว้างของไซต์และคูณในแนวตั้ง คุณสามารถเปลี่ยนรูปภาพได้โดยการแก้ไขรูปภาพนี้ในโปรแกรมแก้ไขกราฟิกเท่านั้น และหากพื้นหลังถูกสร้างขึ้นในโค้ดของหน้า พวกเขาสามารถเปลี่ยนแปลงได้โดยใช้คำแนะนำด้านล่าง

วิธีเปลี่ยนพื้นหลังของเว็บไซต์
วิธีเปลี่ยนพื้นหลังของเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

ในการเปลี่ยนพื้นหลัง ก่อนอื่นคุณต้องกำหนดวิธีตั้งค่าในหน้าเว็บไซต์เวอร์ชันปัจจุบัน ในการดำเนินการนี้ ให้เปิดซอร์สโค้ดของเพจบนเซิร์ฟเวอร์ สิ่งนี้สามารถทำได้ด้วยโปรแกรมแก้ไขข้อความธรรมดา Notepad มาตรฐานจะทำ และถ้าคุณใช้ระบบจัดการเนื้อหาใด ๆ หน้าจะสามารถแก้ไขได้โดยตรงในเบราว์เซอร์โดยใช้ตัวแก้ไขหน้าในตัว รหัส HTML ของหน้า (HTML - HyperText Markup Language, "hypertext markup language") ประกอบด้วยบรรทัดที่มี คำแนะนำสำหรับเบราว์เซอร์ที่อธิบายประเภท ลักษณะที่ปรากฏ และเลย์เอาต์ของแต่ละองค์ประกอบของหน้าเว็บ คำแนะนำเหล่านี้เรียกว่า "แท็ก" และจัดกลุ่มเป็นบล็อค โดยหนึ่งในนั้นเริ่มต้นด้วยแท็กเริ่มต้นและลงท้ายด้วยแท็กปิด ตามมาตรฐาน HTML คุณสามารถตั้งค่าพารามิเตอร์พื้นหลังของหน้าในแท็กเปิดได้ ทำได้โดยการวางแอตทริบิวต์ bgcolor ในนั้น: ที่นี่สีพื้นหลังของหน้านี้ถูกตั้งค่าเป็นสีเขียว บางสีตามมาตรฐาน HTML จะมีชื่อเป็นของตัวเอง เช่น Chocolate หรือ Gainsboro แต่มักใช้รหัสสีฐานสิบหก: หากระบุสีพื้นหลังด้วยวิธีนี้ คุณควรหาแท็ก body ในโค้ดของหน้าและแทนที่แอตทริบิวต์ bgcolor คุณค่ากับสิ่งที่คุณต้องการ

ขั้นตอนที่ 2

หน้าที่มีการออกแบบที่ซับซ้อนมากขึ้นมักใช้ CSS (Cascading Style Sheets) เพื่ออธิบายลักษณะที่ปรากฏ CSS เป็นภาษาที่ออกแบบมาเพื่ออธิบายลักษณะที่ปรากฏขององค์ประกอบในเอกสาร html โดยเฉพาะ บล็อกของโค้ด CSS สามารถรวมไว้ในโค้ดของเพจ ซึ่งอยู่ในไฟล์แยกต่างหากที่มีนามสกุล "css" และเชื่อมต่อกับเพจด้วยคำสั่งพิเศษในซอร์สโค้ดของเพจ คุณควรพบแท็กในโค้ดของเพจ - ถ้ามันอ้างถึงไฟล์ภายนอก คุณต้องเปิดไฟล์นี้เพื่อทำการแก้ไข ลิงก์ดังกล่าวอาจมีลักษณะดังนี้: @import "style.css" และหากแท็กได้รับการปฏิบัติตามคำแนะนำในทันที ไม่ใช่ลิงก์ไปยังไฟล์ คุณจะต้องแก้ไขสไตล์ที่นี่ ในทั้งสองกรณี คุณต้องค้นหาส่วนของคำอธิบายลักษณะที่อ้างถึงเนื้อหาของเอกสาร - เนื้อหา แต่ในภาษา CSS สิ่งนี้จะไม่เรียกว่า "แท็ก" อีกต่อไป แต่เป็น "ตัวเลือก" และอาจมีลักษณะเช่นนี้

ร่างกาย {

พื้นหลังสี: สีเขียว;

สี: ขาว;

}

คุณต้องแทนที่ค่าของพารามิเตอร์สีพื้นหลัง - ตั้งค่าสีพื้นหลังของหน้า และที่นี่ก็เช่นกัน เป็นไปได้ที่จะระบุเฉดสีบางเฉดตามชื่อ แต่ควรใช้ค่าเลขฐานสิบหกจะดีกว่า ตัวอย่างเช่น ค่าฐานสิบหกสำหรับเฉดสี Chocolate = # D2691E ไม่เพียงแต่ระบุสีเท่านั้นแต่ยังสามารถระบุรูปภาพสำหรับพื้นหลัง: body {

พื้นหลัง: url สีเขียว (img / bg.jpg) ทำซ้ำ x;

สี: ขาว;

} ที่นี่ url (img / bg.jpg) หมายความว่ารูปภาพที่ชื่อ bg.jpg