Bagaimana Mengubah Latar Belakang Situs

Daftar Isi:

Bagaimana Mengubah Latar Belakang Situs
Bagaimana Mengubah Latar Belakang Situs

Video: Bagaimana Mengubah Latar Belakang Situs

Video: Bagaimana Mengubah Latar Belakang Situs
Video: CSS Dasar - 6 - Background 2024, Mungkin
Anonim

Jika latar belakang halaman situs Anda terdiri dari satu gambar, yang memiliki lebar situs dan dikalikan secara vertikal, maka Anda dapat mengubahnya hanya dengan mengedit gambar ini di editor grafis. Dan jika latar belakang dibentuk dalam kode halaman, maka mereka dapat diubah menggunakan instruksi di bawah ini.

Bagaimana mengubah latar belakang situs
Bagaimana mengubah latar belakang situs

instruksi

Langkah 1

Untuk mengubah latar belakang, Anda harus terlebih dahulu menentukan cara pengaturannya di versi halaman situs saat ini. Untuk melakukan ini, buka kode sumber halaman di server. Ini dapat dilakukan dengan editor teks biasa, Notepad standar akan melakukannya. Dan jika Anda menggunakan sistem manajemen konten apa pun, maka halaman dapat diedit langsung di browser menggunakan editor halaman bawaan. Kode HTML halaman (HTML - HyperText Markup Language, "hypertext markup language") terdiri dari baris dengan instruksi untuk browser yang menjelaskan jenis, tampilan, dan tata letak setiap elemen halaman web. Instruksi ini disebut "tag" dan dikelompokkan ke dalam blok, salah satunya dimulai dengan tag awal dan diakhiri dengan tag akhir. Menurut standar HTML, Anda dapat mengatur parameter latar belakang halaman di tag pembuka. Ini dilakukan dengan menempatkan atribut bgcolor di dalamnya: Di sini warna latar belakang halaman ini diatur ke hijau. Beberapa warna menurut standar HTML memiliki namanya sendiri - misalnya, Cokelat atau Gainsboro, tetapi biasanya menggunakan kode warna heksadesimal: Jika warna latar belakang ditentukan dengan cara ini, Anda harus menemukan tag tubuh di kode halaman dan mengganti atribut bgcolor nilai dengan yang Anda inginkan.

Langkah 2

Halaman dengan desain yang lebih kompleks sering menggunakan CSS (Cascading Style Sheets) untuk menggambarkan tampilannya. CSS adalah bahasa yang dirancang khusus untuk menggambarkan tampilan elemen dalam dokumen html. Blok kode CSS dapat dimasukkan dalam kode halaman, terdapat dalam file terpisah dengan ekstensi "css" dan terhubung ke halaman dengan instruksi khusus dalam kode sumber halaman. Anda harus menemukan tag di kode halaman - jika itu akan merujuk ke file eksternal, maka Anda perlu membuka file ini untuk diedit. Tautan tersebut mungkin terlihat seperti ini: @import "style.css"; Dan jika tag segera diikuti oleh instruksi, dan bukan tautan ke file, maka Anda perlu mengedit gaya di sini. Dalam kedua kasus, Anda perlu mencari bagian dari deskripsi gaya yang mengacu pada badan dokumen - badan. Namun dalam bahasa CSS, ini tidak lagi disebut "tag" tetapi "pemilih", dan mungkin terlihat, misalnya, seperti ini:

tubuh {

warna latar belakang: Hijau;

warna putih;

}

Anda perlu mengganti nilai parameter warna latar - ini mengatur warna latar belakang halaman. Dan di sini juga, dimungkinkan untuk menunjukkan beberapa corak warna berdasarkan nama, tetapi lebih baik menggunakan nilai heksadesimal. Misalnya, nilai heksadesimal untuk bayangan Cokelat = # D2691E. Dimungkinkan untuk menentukan tidak hanya warna, tetapi juga gambar untuk latar belakang: body {

latar belakang: Url hijau (img / bg.jpg) repeat-x;

warna putih;

} Di sini url (img / bg.jpg) artinya gambar yang bernama bg.jpg

Direkomendasikan: