Dalam sebuah halaman pastinya kita mebutuhkan beberapa tampilan yang menjadi pembeda antara pilihan satu dengan pilihan lain. Diantaranya adalah bagian kepala atau _header, diskripsi, navigasi, menu pilihan, tombol button, dan footer. Berarti kita harus membuat setidak-tidaknya 7 css class. Sekarang kamu masuk ke file " global_stylessheet.css". Kita mulai dengan css untuk judul header wap kita.
untuk tampilan judul wap kita, kita akan menggunakan dua css classes, 1 css untuk latar keseluruhan yang meliputi judul wap, dan diskripsi. Untuk percobaan kita gunakan warna hitam, biru, dan putih.
salin css berikut
Selanjutnya salin kode html berikut di file "_header".
Hasilnya akan seperti dibawah ini
JUDUL WAP KAMU
DISKRIPSI KAMU DISINI
Bagaimana hasil yang kamu buat, sekarang kamu sesuaikan saja warna yang kamu inginkan
Untuk menu navigasi, kita akan memanfaatkan tombol button. Agar menjadi satu dengan header. Kita akan membuat 3 warna button yang diaktifkan dengan tag html
Salin kode css dan simpan di file "global_stylesshet.css".
Sekarang kembali ke file " _header " dan edit kembali dan masukan kode berikut:
