Video: CSS Dasar - 6 - Background 2024
Gambar latar belakang dapat menambahkan kedalaman dan kekayaan ke desain halaman Dreamweaver. Digunakan dengan cerdik, gambar latar belakang yang mengunduh dengan cepat dan efisien membantu menciptakan ilusi bahwa keseluruhan halaman adalah satu gambar besar.
Caranya adalah dengan menggunakan gambar dengan ukuran file kecil yang menciptakan kesan gambar besar. Salah satu cara ini bekerja di web adalah dengan menggunakan setelan default untuk gambar latar belakang, yang menyebabkan gambar ubin (ulangi) di seluruh dan di bawah halaman.
Teks yang ditempatkan pada latar belakang tertentu bisa sulit dibaca. Pilih gambar latar belakang Anda dengan hati-hati dan pastikan latar belakang Anda dan teks Anda memiliki banyak kontras. Membaca di layar komputer cukup sulit.
Dengan CSS, Anda dapat memiliki kontrol yang jauh lebih besar terhadap tampilan gambar latar belakang. Bila Anda membuat gaya latar belakang CSS, Anda dapat menyisipkan gambar latar belakang yang tidak berulang atau yang berulang hanya melintasi sumbu Y atau ke sumbu X halaman.
Untuk memasukkan gambar latar di Dreamweaver, pilih Modify → Page Properties, klik tombol Browse di sebelah kanan bidang Background Image, dan pilih gambar yang ingin Anda gunakan sebagai latar belakang Anda. Jika gambarnya belum ada di folder situs lokal Anda, Dreamweaver menawarkan untuk menyalinnya di sana saat Anda mengklik OK.
Saat Anda menyisipkan gambar menggunakan fitur Page Properties Dreamweaver, Anda dapat menggunakan daftar turun Ulangi untuk menentukan bagaimana pengulangan gambar pada halaman. Saat Anda menentukan opsi ulangi, Dreamweaver secara otomatis membuat gaya untuk halaman dengan setelan latar ini. Jika Anda menggunakan kotak dialog Definisi CSS untuk mengedit opsi latar belakang dalam gaya tubuh, Anda dapat menentukan di mana gambar latar belakang ditampilkan.
