Membuat CSS Stylesheet dengan Dreamweaver

Langkah 4: Dreamweaver CS3 Tutorial - Membuat CSS Stylesheet

CSS Styles membantu dalam konsistensi dan pemeliharaan. Ini adalah ide yang baik untuk sentralisasi gaya teks sebanyak mungkin dalam rangka menjaga konsistensi dan mudah di update.

Dalam hal layout dirancang dengan tag div (bukan tabel ) atau menggunakan salah satu prebuilt layout dengan Dreamweaver CS 3 sobat akan menciptakan stylesheet css dan ditugaskan properti posisi ke tag div. Berbagai CSS website template juga tersedia yang dapat disesuaikan agar situs terlihat profesional.

Beberapa gaya sobat dapat memusatkan dalam stylesheet css eksternal meliputi:

• H1 tag didefinisikan kembali
• H2 tag didefinisikan kembali
• p tag didefinisikan kembali
• tag redefinisi (menentukan tampilan link)
• menu gaya
• gaya teks footer

Untuk membuat eksternal stylesheet ikuti langkah berikut:

1. File> New 
2. Page Type> CSS
3. Simpan file di folder website. Sobat dapat nama 'styles' atau apapun judul yang tepat. Ini akan mendapatkan disimpan sebagai file css..

Setelah sobat membuat file css sobat harus melampirkannya ke file template Dreamweaver. Sobat dapat melakukan ini dari panel Styles CSS [Window> CSS Styles]. Klik  ikon (attach style sheet), pilih file css dan klik OK.

Sobat dapat membuat aturan css baru dengan mengklik ikon "New CSS Rule".

Pada kotak dialog yang muncul,

Jika Sobat ingin menciptakan gaya kustom yang dapat diterapkan untuk setiap tag:

1. Pilih selector type "Class"
2. Nama itu dengan "." pada awal seperti .heading
3. Tentukan di: styles.css (atau nama file css)

Jika anda ingin mendefinisikan kembali tampilan tag html yang ada::

1. Pilih jenis pemilih "Tag"
2. Pilih Tag dari drop down menu misalnya "h1"
3. Tentukan di: styles.css (atau nama file css)

Pada kotak dialog yang muncul, tentukan sifat-sifat gaya dan klik ok.

Pergi ke Langkah 5>>