Membuat Layout Website Menggunakan CSS

Sebuah website bisa kita bagi menjadi 4 bagian utama yaitu Header, Menu, Content dan Footer. Setiap bagian utama website tersebut harus ada dan bisa kita atur penempatannya dengan berbagai desain, namun pada umumnya desain layout adalah seperti blog saya ini.

Untuk membuat sebuah layout website yang baik, kita bisa menggunakan CSS (Cascading Style Sheets). Dengan memanfaakan CSS kita bisa dengan mudah mengatur tampilan layout website yang akan kita buat.

Sebelum masuk ke proses ngetik coding CSS, kita perlu ngetik coding HTML nya terlebih dahulu, kira-kira seperti coding berikut :

Dilihat dari coding diatas, terdapat perintah <div></div> dengan class yang berbeda-beda, ini digunakan untuk membagi tiap bagian dari layout website yang nantinya dapat diatur menggunakan coding CSS.

Nah, setelah kita ngetik coding HTML diatas, sekarang kita tinggal ngetik coding CSS nya untuk mengatur container serta footer agar tetap berada di bawah. Codingnya seperti dibawah ini :

Coding CSS nya kok hanya mengatur class Container dan Footer saja? Iya, nantinya kalian bisa sisipkan bagian lain seperti Header, Menu,  Content, dan sejenisnya ke dalam Container yang sudah kita atur dengan CSS diatas.

Bagaimana? mudah bukan membuat layout website dengan CSS? Bila kalian masih bingung, silahkan berkomentar ya, nanti saya bantu.