Membuat Layout Website

Setelah lebih dari 2 tahun saya ngk posting apapun juga. kali ini saya mencoba untuk posting artikel lagi. dunia sekarang semua berbasis web, sistem administrasi, perbankan dan sistem informasi semua berbasis web. pembuatan sebuah website sebenarnya sangat mudah dengan ketekunan dan keuletan diri kita masing masing.
tahap awal pembuatan web kita harus merancang layout web yang akan dibuat. komponen komponen apa yang akan dipasan di rancanagan web yang akan dibuat.

dari rancangan tersebut tampak struktur web yang akan dbuat terdiri dari kontainer, header, menu, menu navigasi kiri, konten web dan footer.
dalam pembuatan ini saya menggunakan komponen class bukan id, sebenarnya sama aja cuma beda dalam pemanggilan di css kalau class pemanggilan dengan "." sedangkan id pemanggilan dengan "#".
langsung aja . dengan membuka adobe dreamweaver andalan saya . pilih html lalu saya tulis scripnya seperti ini

lalu simpan dengan nama index.html dan ketika dijalankan di mesin browser hasilnya terlihat seperti gambar dibawah ini

tampilan web serasa tidak indah karena belum di atur file cssnya , maka pada dreamweaver klik file new dan pilih css kemudian simpan dengan nama style.css.
tulislah code program dihalaman css seperti ini :

kemudian koneksikan antara file index.html dengan style.css dibawah title

untuk lebih jelasnya bisa dilihat divideo di bawah ini: