Mengenal CSS Style

Cascade Style Sheets (atau biasa disebut CSS Style) adalah suatu aturan yang digunakan untuk menentukan font pada tulisan yang akan ditampilkan dalam bentuk HTML atau dokumen web lainnya. Font tulisan dapat diatur dalam satu paket CSS style. Dalam format teks pada web, diperlukan beberapa CSS Style, yaitu :

1.       Logo (Jika diperlukan)

2.       Head

3.       Subhead

4.       Navigation (jika diperlukan)

5.       Body

6.       Link (jika diperlukan)

 Jika kita membuat sebuah CSS style dalam bentuk kode HTML, itu akan memakan waktu lama. Dengan fasilitas – fasilitas pada Dreamweaver, kita dapat membuat CSS Style dengan mudah. Caranya :

1.       Pada tab CSS Style, Klik New.

2.       Lakukan pengaturan seperti gambar dibawah, Ketik nama CSS yang akan dibuat. klik Ok, lalu klik Ok (jika masih ada kotak dialog lain).

3.       Pada kotak dialog selanjutnya, lakukan pengaturan pada CSS Head seperti gambar dibawah. Klik Apply dan/atau klik Ok.

4.       Untuk membuktikan CSS Style siap digunakan, lakukan pengetikan pada dokumen.

5.       Pada tab Properties (Tab yang berada dibawah), klik tanda panah pada kotak Class, lalu pilih CSS yang dibuat tadi (contoh : head)

6.       Maka hasilnya akan seperti gambar dibawah.

Lakukan langkat - langkah diatas untuk membuat beberapa CSS Style berikut ini.

Class	Format
subhead	Font family : Arial, Helvetical, Sans-serif Font size : 14 Font weight : Bold Text transform : Capitalize Color : #000000
body	Font family : Arial, Helvetical, Sans-serif Font size : 12 Font weight : Normal Text transform : Capitalize Color : #000000

Demikian tutorial CSS Style ini. Jangan lupa untuk membaca artikel saya lebih lanjut info Dreamweaver disini.

Thanks for reading & sharing Dreamweaver Tutorial