Pembuatan Gaya Kelas di Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver mendukung pembuatan gaya kelas untuk memungkinkan kontrol yang lebih tepat terhadap halaman Anda. format Anda dapat membuat penyeleksi kelas, yang diberi nama gaya untuk tubuh, teks, judul, subjudul, dan elemen lainnya. Berbeda dengan pemilih tag, Anda dapat memilih hampir semua nama untuk kelas dan menerapkan gayanya secara selektif ke item jika dan kapan Anda mau.

Anda juga dapat membuat peraturan baru Anda tersedia untuk lebih dari satu halaman di situs Anda dengan menentukan lembar gaya eksternal baru. Metode ini menyimpan aturan Anda di file eksternal yang dapat dilampirkan ke beberapa halaman dalam satu waktu.

1Buka kotak dialog New CSS Rule.

Cari panel CSS, ke kanan, dan klik tombol New CSS Rule di bagian bawah atau pilih Format → CSS Styles → New.

2Pilih Kelas (Bisa Terapkan untuk Setiap Elemen HTML).

Pilihan ini ditemukan dalam daftar drop-down Selector Type.

3Name kelas baru Anda.

Di kotak teks Selector Name, masukkan nama untuk kelas baru Anda. Anda bisa memasukkan nama yang Anda inginkan, tapi pastikan tidak memiliki spasi dan deskriptif bagaimana Anda akan menggunakannya. Reallycoolstyle adalah nama yang buruk; headlinestyle adalah nama yang lebih baik Dreamweaver memasukkan periode di depan nama gaya karena ini adalah konvensi penamaan yang diperlukan.

4Pilih (File Stylesheet Baru).

Ini adalah pilihan dalam daftar drop-down Rule Definition di bagian bawah. Klik OK

5Simpan Style Sheet File Sebagai kotak dialog muncul.

Cari folder situs Anda (atau jika Anda belum menentukan situs, folder tempat Anda menyimpan semua informasi yang relevan, seperti file gambar dan halaman untuk situs Anda).

6Masukkan nama untuk style sheet.

Masukkan nama yang sesuai, seperti main. css atau dasar css jika itu adalah rangkaian gaya utama yang Anda buat untuk situs web Anda. (Dreamweaver akan menambahkan ekstensi css wajib di akhir nama file.)

7Simpan Gaya Anda.

Tinggalkan URL seperti apa adanya dan daftar drop-down Relative To ke Document. Klik Simpan.

Anda telah membuat yang baru. css file, atau stylesheet eksternal. Kotak dialog Definisi Aturan CSS muncul di tempat Anda dapat lebih menyempurnakan lembar gaya baru Anda.