Bagaimana Mengubah Gaya Tautan dengan Properti Halaman di Dreamweaver - dummies

Jika Anda menyukai banyak desainer yang menggunakan Dreamweaver, Anda mungkin tidak menyukai garis bawaan yang secara otomatis muncul di bawah semua teks terkait di halaman web. Ini sangat mudah untuk menghapus garis bawahi dan mengubah warna, font, dan ukuran tautan Anda dengan kotak dialog Halaman Properti Dreamweaver. Anda juga dapat mengubah pengaturan seluruh halaman lainnya, seperti warna latar belakang dan margin halaman, dari kotak dialog Page Properties.

Cara termudah untuk mengubah semua gaya tautan Anda sekaligus adalah dengan mengubahnya di kotak dialog Page Properties. Bila Anda menggunakan opsi ini, Dreamweaver menciptakan gaya pemilih tag yang sesuai secara otomatis dan mencantumkannya di panel Gaya CSS. Pengaturan seluruh halaman lainnya dalam kotak dialog ini bekerja dengan cara yang sama, dan Anda dapat mengedit semua opsi ini dengan menggunakan alat CSS.

Untuk mengubah hyperlink dan gaya lainnya dengan kotak dialog Page Properties, buka halaman yang ada atau buat yang baru dan ikuti langkah-langkah ini:

1. Pilih Ubah → Properti Halaman.

   Atau, Anda bisa mengklik tombol Page Properties di Property inspector. Kotak dialog Page Properties muncul.

2. Di sebelah kiri kotak dialog Page Properties, pilih kategori Links (CSS).

   

3. Tentukan font dan ukuran untuk link Anda.

   Jika Anda ingin menggunakan ukuran font dan wajah yang sama untuk link Anda seperti yang Anda gunakan di sisa teks di halaman Anda, sebaiknya biarkan pilihan ini kosong. Kemudian, jika Anda mengubah pengaturan teks untuk halaman tersebut, Anda juga tidak perlu mengingat untuk mengubahnya untuk tautan Anda.

4. Tentukan warna untuk setiap status hyperlink dengan mengklik warna yang sesuai dengan baik dan memilih warna dari kotak dialog Color.

   Anda dapat mengubah semua atau semua pengaturan warna link. Jika Anda tidak menentukan warna link, browser menggunakan warna link default. Berikut penjelasan masing-masing dari keempat link tersebut:

   • Link Color: Warna di mana link Anda muncul saat halaman pertama kali dimuat dan halaman yang terhubung belum dikunjungi oleh browser. Tag HTML yang sesuai adalah.

   • Tautan yang Dikunjungi: Warna tautan Anda berubah setelah browser melihat-lihat halaman yang terhubung. Tag HTML yang sesuai adalah.

   • Rollover Links: Warna link berubah menjadi sebagai pengguna menggulung kursor di atas sebuah link. Tag HTML yang sesuai adalah.

   • Tautan Aktif: Warna tautan berubah karena pengguna secara aktif mengeklik tautan. Tag HTML yang sesuai adalah.

5. Pilih gaya dari daftar turun Gaya Underline Style.

   Secara default, tautan yang ditampilkan di browser web digarisbawahi. Banyak desainer lebih memilih untuk menghapus garis bawahi yang secara otomatis muncul di bawah teks yang terhubung dengan memilih Never Underline. Anda bisa memberi pengunjung isyarat visual dari garis bawah, tapi hanya saat mereka menggulung kursor di atas sebuah link, maka pilih opsi Show Underline Only on Rollover.

6. Klik OK.

   Kotak dialog Properti Halaman akan ditutup, pengaturan gaya diterapkan secara otomatis ke setiap tautan pada halaman, dan gaya yang sesuai ditambahkan ke panel Styles CSS.

Untuk sepenuhnya menguji gaya tautan, lihat pratinjau halaman Anda di browser web atau klik tombol Live View di bagian atas ruang kerja. Praktik bagus untuk menguji setelan tautan di browser saat Anda melakukan perubahan seperti latihan sebelumnya. Lihatlah bagaimana link Anda muncul.

Misalnya, periksa apakah warna link yang aktif dan yang dikunjungi terlihat bagus dengan warna latar belakang halaman. Ingat bahwa setiap gaya yang Anda buat dengan menggunakan kotak dialog Page Properties memengaruhi semua di halaman Anda kecuali Anda secara khusus menerapkan gaya yang berbeda ke setiap tautan yang menggantikan gaya tag yang didefinisikan ulang.

Jika Anda ingin menggunakan gaya tautan yang berbeda di berbagai bagian halaman yang sama, Anda dapat membuat gaya majemuk untuk menciptakan gaya tautan yang berbeda.