Bagaimana Mengubah Warna Latar dan Teks di Dreamweaver - dummies

Di Dreamweaver, Anda dapat mengubah latar belakang dan warna teks yang tersedia dari kategori Penampilan. Perhatikan bahwa opsi CSS direkomendasikan melalui pilihan HTML. Bila Anda menggunakan opsi Appearance (CSS), Dreamweaver menciptakan gaya yang sesuai untuk tag bodi secara otomatis. Bila Anda menggunakan opsi CSS di kotak dialog Page Properties, Dreamweaver menciptakan gaya yang sesuai secara otomatis dan mencantumkannya di panel Gaya CSS.

Meskipun Anda dapat menerapkan pengaturan global, seperti ukuran dan warna teks, di kotak dialog Page Properties, Anda dapat mengganti pengaturan tersebut dengan opsi pemformatan lainnya dalam kasus tertentu. Misalnya, Anda bisa mengatur semua teks Anda ke Helvetica di Page Properties dan kemudian mengubah font untuk tajuk utama ke Arial menggunakan CSS.

Untuk mengubah pengaturan font, warna latar belakang, warna teks, dan margin halaman untuk keseluruhan halaman, ikuti langkah-langkah ini:

1. Pilih Ubah → Properti Halaman.

   Kategori Appearance (CSS) pada kotak dialog Page Properties muncul.

2. Pada daftar drop-down Halaman Font, tentukan font yang Anda inginkan untuk teks pada halaman Anda.

   Dalam contoh ini, wajah font diatur ke koleksi yang dimulai dengan font Cambria. Jika Anda tidak menentukan font, teks Anda akan muncul di font yang ditentukan di browser pengguna Anda, yang biasanya Times.

3. Jika Anda ingin semua teks pada halaman Anda tampil bold atau italic, pilih opsi font yang sesuai di daftar drop-down di sebelah kanan pilihan Font Halaman.

   Jika memilih salah satu dari pilihan ini, semua teks Anda tampil tebal atau miring pada halaman. Kebanyakan perancang meninggalkan kedua bidang ini kosong karena mereka ingin membatasi penggunaan huruf tebal atau miring untuk menarik perhatian khusus pada kata atau kata-kata.

4. Pada daftar drop-down Size, tentukan ukuran font yang Anda inginkan untuk teks pada halaman Anda.

   Sekali lagi, Anda dapat mengganti pengaturan ini untuk teks tertentu di halaman, seperti headline.

5. Klik kotak swatch Warna Teks untuk menampilkan palet warna. Pilih warna yang Anda suka.

   Warna yang Anda pilih mengisi kotak warna swatch namun tidak akan mengubah warna teks pada halaman Anda sampai Anda mengklik tombol Apply atau OK.

6. Klik kotak Batch Warna Latar Belakang untuk menampilkan palet warna. Pilih warna yang Anda suka.

   Warna yang Anda pilih mengisi kotak swatch warna, namun warnanya tidak mengisi latar belakang sampai Anda mengklik tombol Apply atau OK.

7. Jika Anda ingin memasukkan gambar atau foto ke latar belakang halaman Anda, klik tombol Browse di sebelah kotak Background Image dan pilih gambar di kotak dialog Select Image Source.

   Bila Anda menyisipkan gambar latar belakang, secara otomatis mengulang, atau ubin, di sepanjang dan bawah halaman kecuali Anda memilih opsi dari daftar turun Ulangi. No-Repeat mencegah gambar latar belakang dari pengulangan sama sekali. Ulangi-X dan Ulangi-Y ulangi gambar secara vertikal (sumbu x) atau secara horisontal (sumbu y), di sepanjang halaman.

8. Gunakan opsi margin di bagian bawah kotak dialog untuk mengubah margin kiri, kanan, atas, atau bawah halaman Anda.

   Sebagian besar web browser menambahkan sedikit ruang ke sisi atas dan kiri jendela browser di sekitar halaman web manapun. Memasuki 0 di keempat kolom ini akan menghapus ruang margin default, memungkinkan Anda membuat desain yang mulai flush dengan tepi browser.

9. Klik tombol Apply untuk melihat bagaimana tampilan warna pada halaman Anda.

10. Klik OK untuk menyelesaikan dan menutup kotak dialog Page Properties.