Video: CSS Dasar - 6 - Background 2024
Mewujudkan latar belakang untuk halaman web dalam Adobe Dreamweaver CS6 adalah menyeronokkan dan boleh dilakukan dengan lebih banyak cara daripada yang dibayangkan oleh kebanyakan orang. Anda boleh membuat corak yang berulang dengan satu imej kecil, membuat watermark, atau menggunakan imej yang besar untuk mengisi keseluruhan latar belakang.
Sebagai lalai, latar belakang HTML mengulangi imej yang dipilih sehingga ia mengisi skrin. Bersempena dengan sifat CSS, anda boleh mengawal atau menghapuskan tingkah laku yang berulang dan juga menetapkan kedudukan yang tepat untuk satu imej latar belakang.
Jika anda mengisi latar belakang dengan corak, pastikan anda membuat imej corak yang tidak mempunyai tepi yang boleh dibezakan.
Untuk menggunakan kelebihan anda lalai, ubin yang berulang untuk imej latar belakang, ikuti langkah berikut:
-
Di Photoshop, pilih Fail → Baru untuk membuat imej baru.
-
Dalam kotak dialog Baru yang muncul, buat imej yang jauh lebih luas daripada yang tinggi, pilih RGB, pilih 72 dpi, dan kemudian klik OK.
Sebagai contoh, masukkan 1000 dalam medan teks Lebar dan 20 dalam medan teks Ketinggian.
-
Pilih warna latar depan dan latar untuk mencipta campuran; kemudian gunakan alat Gradien untuk Shift + seret dari atas ke bahagian bawah kawasan imej untuk mencipta kecerunan mengisi.
-
Pilih Fail → Simpan untuk web, simpan imej itu sebagai fail JPEG dalam folder kandungan web tapak anda, dan kemudian tutup imej.
-
Dalam Dreamweaver, pilih Modify → Page Properties atau klik butang Laman Properties di pemeriksa Property untuk meletakkan imej sebagai imej latar belakang pada halaman web anda.
Jika butang Laman Properties tidak dapat dilihat, klik halaman - pastikan anda tidak memilih elemen lain, seperti imej.
Kotak dialog Properties Page muncul.
-
Dalam kotak dialog Properties Page, klik butang Layari di sebelah kanan imej latar belakang. Dalam tetingkap yang muncul, navigasi ke lokasi imej latar belakang anda yang disimpan, dan kemudian klik OK.
-
Kembali ke dalam kotak dialog Properties Page, klik OK.
Imej muncul di latar belakang, mengulangi dan mencipta kecerunan latar belakang yang sejuk di seluruh halaman!
Bergantung kepada saiz dan resolusi monitor pengguna, imej latar belakang anda mungkin dipaksa untuk diulangi. Mengulangi imej latar belakang boleh menghasilkan beberapa hasil kreatif.
Dalam kes tertentu, anda mungkin tidak melihat latar belakang anda sehingga anda mengklik butang Preview / Debug dalam Browser dan pratonton halaman dalam penyemak imbas lalai anda.
