Cara Membuat Gambar Sebagai Background Website

Daftar Isi:

Cara Membuat Gambar Sebagai Background Website
Cara Membuat Gambar Sebagai Background Website

Video: Cara Membuat Gambar Sebagai Background Website

Video: Cara Membuat Gambar Sebagai Background Website
Video: CSS Dasar - 6 - Background 2024, Mungkin
Anonim

Banyak pemilik situs menghadapi pertanyaan tentang bagaimana memperbarui situs atau membawa sesuatu yang baru ke dalamnya. Anda dapat mengubah banyak hal di situs: font, skema warna, lokasi blok informasi, latar belakang umum. Pada artikel ini, Anda akan mempelajari cara mengatur gambar sebagai latar belakang situs web.

Cara membuat gambar sebagai background website
Cara membuat gambar sebagai background website

Itu perlu

Editor kode HTML

instruksi

Langkah 1

Ada dua cara untuk mengubah tampilan sumber daya Anda. Yang pertama adalah menghubungi spesialis (master web) dan dia akan membuat semua perubahan yang diperlukan dengan biaya tertentu. Cara lain adalah dengan melakukannya sendiri. Untuk mengubah tampilan situs Anda secara mandiri, Anda harus mempelajari dasar-dasar kode html dan menggunakan salah satu editornya.

Langkah 2

Hal pertama yang harus diperhatikan sebelum mengatur gambar di situs sebagai latar belakang adalah tata letak lebar situs: tetap atau membentang ke layar penuh. Jika lebarnya tetap, maka jangan ragu untuk menempatkan gambarnya. Ini akan ditampilkan sama baiknya untuk semua pengguna. Jika situsnya "karet", maka gambar untuk setiap pengguna akan disesuaikan dengan lebar layar dan mungkin tidak ditampilkan dengan benar.

Langkah 3

Jadi, Anda tahu lebar tata letak situs. Siapkan gambar Anda untuk diposting. Unggah ke server tempat situs Anda berada. Gambar harus disimpan dalam salah satu dari tiga format: jpeg, gif, atau png. Untuk tampilan yang benar, latar belakang harus sama lebarnya dengan lebar halaman.

Langkah 4

Buka halaman tempat Anda ingin mengubah latar belakang di editor kode html. Temukan baris "background-image". Jika tidak ada baris seperti itu, tulis di kolom tag "body". Seperti pada gambar.

Dalam kode ini, "url ('images / bg.jpg')" adalah jalur ke gambar latar Anda. Tuliskan. Simpan perubahan Anda.

Langkah 5

Buka situs Anda di salah satu browser. Jika jalur ke gambar benar, Anda akan melihat perubahannya.

Disarankan untuk menggunakan Dreamweaver untuk mengedit halaman html. Ini adalah editor yang kuat yang akan memungkinkan Anda untuk mengubah banyak hal di situs Anda.

Direkomendasikan: