Video: CSS3 Full Screen Background Image - Dreamweaver CS6 Tutorial 2024
Mewujudkan latar belakang untuk laman web dalam Adobe Creative Suite 5 (Adobe CS5) Dreamweaver 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.
-
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 belakang untuk membuat campuran.
Gunakan alat Gradient untuk Shift + seret dari atas ke bahagian bawah kawasan imej untuk mencipta kecerunan mengisi.
-
Pilih Fail → Simpan untuk web.
Simpan imej sebagai fail JPEG dalam folder kandungan web tapak anda, dan kemudian tutup imej.
-
Buka halaman Dreamweaver anda.
Dalam Dreamweaver, pilih Modify → Page Properties atau klik butang Laman Properties di pemeriksa Hartanah untuk meletakkan imej sebagai imej latar belakang di 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.
Klik butang Layari di sebelah kanan imej latar belakang, navigasi ke lokasi imej latar belakang anda yang disimpan, kemudian klik Pilih / OK; klik OK dalam kotak dialog Properties Page.
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.
Imej yang ditetapkan sebagai latar belakang mengulangi secara mendatar dan menegak secara lalai.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.