Video: Dreamweaver CC - How to Add Images and Backgrounds [COMPLETE] 2024
Penguji Properti Dreamweaver Property digunakan untuk menerapkan tag HTML dan membuat kelas CSS untuk memformat warna teks, wajah, ukuran, dan karakteristik lainnya. Property inspector terbagi menjadi dua tampilan: HTML dan CSS. Anda bisa mengaktifkannya dengan menggunakan tombol di sisi kiri panel.
Inilah yang semua tombol pada Property inspector berarti:
-
Format (HTML): Gunakan daftar drop-down Format untuk menerapkan tag HTML yang memformat seluruh paragraf, termasuk tag judul (Pos 1 sampai Pos 6) yang umumnya diterapkan pada header dan judul, tag paragraf, dan tag teks terformat. Anda dapat dengan mudah menyempurnakan masing-masing atribut tag ini nanti dengan menggunakan CSS.
Pilihan terakhir dalam daftar drop-down Format adalah Preformatted, memungkinkan browser Anda menampilkan teks persis seperti Anda menyusunnya.
-
ID (HTML): Setelan ini menerapkan gaya CSS ID ke elemen. ID adalah jenis aturan CSS (atau pemilih) tertentu yang digunakan untuk menyimpan informasi pemformatan yang unik ke satu item pada halaman (misalnya, memposisikan informasi untuk sebuah wadah).
-
Kelas (HTML): Daftar drop-down ini menerapkan gaya kelas yang ada pada pilihan pada halaman. Gaya kelas dapat dibuat dengan inspektur Properti atau langsung dari panel gaya CSS.
-
Link (HTML): Ketik hyperlink (seperti www wiley.com) atau klik ikon folder untuk browse dan link ke halaman lain dalam situs Anda.
-
Target (HTML): Pilih dimana target yang tertaut akan muncul.
-
Bold (HTML / CSS): Bold teks yang dipilih.
-
Italic (HTML / CSS): Italicize selected text.
-
Alignment (CSS): Anda bisa mengklik tombol alignment pada toolbar untuk menerapkan alignment kiri, tengah, dan kanan. Untuk kembali ke pelurusan kiri default, klik tombol penyelarasan yang dipilih lagi.
-
Daftar Unordered (HTML): Masukkan peluru di depan daftar item secara otomatis. Seiring kemajuan penggunaan Cascading Style Sheets, Anda bisa menerapkan lebih banyak atribut ke daftar, termasuk menyesuaikan peluru.
-
Ordered List (HTML): Secara otomatis memasukkan setiap baris teks tambahan setiap kali Anda menekan tombol Enter (Windows) atau Return (Mac).
Untuk memaksa teks ke baris lain tanpa menambahkan penomoran otomatis, tekan Shift + Enter (Windows) atau Shift + Return (Mac).
-
Text Outdent (HTML): Undo menekan tombol Indent dengan Text Outdent. Opsi ini menghapus tag
yang diciptakan oleh tombol Teks Indent.
-
Text Indent (HTML): Gunakan opsi ini untuk indentasi teks. Cukup letakkan kursor di paragraf teks yang ingin Anda indent dan tekan tombol Text Indent. Tag
diterapkan.
-
Aturan Target (CSS): Ubah aturan CSS yang ada atau buat yang baru. Daftar drop-down ini menjelaskan apakah Anda sedang membuat peraturan baru atau memodifikasi yang sudah ada di Property inspector.
-
Edit tombol Rule / CSS Panel (CSS): Untuk aturan yang ditunjukkan pada daftar drop-down Targeted Rule, Anda dapat mengedit properti dan nilai untuk aturan itu di kotak dialog Definisi Aturan CSS atau melihatnya di panel CSS Styles di sebelah kanan, masing-masing.
-
Font (CSS): Font adalah jenis huruf yang Anda pilih untuk menampilkan teks. Ingatlah bahwa font apa yang dilihat pemirsa didasarkan pada ketersediaan font pada komputer pengguna itu. Untuk alasan ini, rangkaian font terbatas pada font sistem dasar yang diinstal pada hampir semua komputer, terlepas dari sistem operasi.
Penonton mungkin tidak memiliki font yang Anda muat di perangkat font Anda, jadi cobalah untuk tetap menggunakan tipografi umum seperti yang sudah disertakan dalam paket font Dreamweaver yang ada.