Bab ini menjelaskan fasilitas yang disediakan lingkungan pengembangan Novell exteNd Director untuk bekerja dengan file CSS. Ini berisi topik-topik berikut
CSS (Cascading Style Sheets) adalah mekanisme untuk menerapkan gaya (seperti font, warna, dan spasi) ke dokumen Web (termasuk file HTML, XHTML, dan XML). Anda menentukan style sheet untuk menentukan gaya yang Anda inginkan untuk dokumen. Lembar gaya itu dapat disematkan dalam dokumen, atau disimpan secara eksternal dalam file CSS terpisah dan dilampirkan ke dokumen. Keuntungan dari file CSS adalah memungkinkan Anda untuk menggunakan kembali style sheet dengan banyak dokumen
Di dalam style sheet Style sheet terdiri dari aturan, yang mengidentifikasi bagian tertentu dari dokumen dan gaya yang diterapkan padanya. Inilah aturan tipikal
.glossaryitem {font-weight: bold; color: slategray;}Dalam aturan ini
.glossaryitem adalah pemilih yang menentukan kelas entitas dalam dokumen; . CSS menyediakan beberapa jenis pemilih yang berbeda untuk memberi Anda fleksibilitas saat menargetkan gaya Anda
font-weight adalah properti gaya untuk diatur. CSS menyediakan banyak properti berbeda untuk memberi Anda kendali atas setiap aspek gaya
bold adalah nilai yang ditetapkan untuk properti
Beberapa aturan dalam style sheet dapat diterapkan pada entitas tertentu dalam dokumen. Saat ini terjadi, penataan gaya yang ditentukan oleh aturan tersebut mengalir untuk memengaruhi beberapa properti entitas
Contoh style sheet Style sheet berikut menentukan beberapa aturan yang berbeda;
body {margin-top: 0pt;} h1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12pt; text-align: left; margin-top: 0pt; margin-bottom: 9pt; padding-top: 0pt; padding-bottom: 0pt; } p, ol, ul, dl, dt, dd, table, td, th, select, input { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; } p.tablepara { padding-top: 0pt; padding-bottom: 0pt; margin-top: 1pt; margin-bottom: 1pt; } .glossaryitem {font-weight: bold; color: slategray;} #title { position: absolute; top: 25px; left: 4px; width: 208px; visibility: visible } _Lingkungan pengembangan exteNd Director menyediakan alat berikut untuk bekerja dengan CSS
CSS File Wizard untuk membuat file CSS (style sheet).
Editor CSS untuk memeriksa dan mengedit file CSS
Pengelola Gaya CSS, sebuah dialog yang dapat Anda akses dari alat Direktur tambahan lainnya saat gaya CSS diperlukan
Anda dapat membuat file CSS baru atau bekerja dengan yang sudah ada
Pilih File>Baru>File
Pada tab Portlet, pilih file CSS
Untuk membuat file CSS kosong, batalkan pilihan Use Wizard dan klik OK. File CSS kosong dibuat dan ditampilkan di Editor CSS
Untuk menggunakan CSS File Wizard, pilih Use Wizard dan klik OK. Wizard File CSS ditampilkan. Pergi melalui wizard sebagai berikut
Tentukan nama file CSS
Pilih halaman wizard mana yang ingin Anda lihat untuk menentukan fitur style sheet
Templat
Kosakata
Penampilan dasar
Penampilan tombol
Penampilan tautan
Penampilan judul
Hal ini memungkinkan Anda untuk fokus hanya pada fitur style sheet yang ingin Anda tentukan saat ini. (Anda selalu dapat menentukan yang lain nanti di Editor CSS. )
Klik Berikutnya
Tentukan lokasi file CSS dan klik Next
Wizard sekarang menampilkan halaman yang Anda pilih, secara berurutan. Lengkapi setiap halaman dan klik Berikutnya
Saat Anda menyelesaikan halaman terakhir, klik Selesai
Editor CSS ditampilkan dengan file CSS baru Anda terbuka
Pilih File>Buka
Dalam dialog Buka, pilih file CSS dan klik Buka
Ekstensi file harus. CSS. File yang dipilih terbuka di Editor CSS dan menu Editor CSS muncul di bilah menu
Editor CSS menyediakan dua tampilan untuk bekerja dengan file CSS
Tab CSS View memungkinkan Anda untuk mengembangkan dan memeriksa style sheet Anda dengan cara grafis. Kamu bisa
Memanipulasi daftar aturan untuk style sheet
Tentukan pemilih untuk aturan apa pun
Tetapkan properti untuk aturan apa pun
Tab Tampilan Sumber menampilkan editor sumber yang dapat Anda gunakan untuk memeriksa dan mengedit kode CSS Anda secara langsung. Tampilan Sumber menawarkan fitur pengeditan teks standar yang sama yang tersedia di Tampilan Sumber Editor XML (untuk detailnya, lihat )
Berikut adalah contoh penggunaan Tampilan CSS Editor CSS untuk mengembangkan lembar gaya sederhana
CSS Style Manager adalah dialog yang dapat Anda akses dari alat Direktur extend lainnya saat gaya CSS dipanggil (seperti saat Anda mengedit file XML atau file XHTML). Dialog ini memungkinkan Anda untuk
Lampirkan style sheet baru atau yang sudah ada
Lepaskan lembar gaya
Edit lembar gaya (baik dalam dialog atau dengan membuka Editor CSS)
Hak Cipta © 2003 Novell, Inc. Seluruh hak cipta. Hak Cipta © 1997, 1998, 1999, 2000, 2001, 2002, 2003 SilverStream Software, LLC. Seluruh hak cipta. lagi