Membuat Layout Web 2 Kolom Dengan CSS

MEMBUAT LAYOUT WEB 2 KOLOM DENGAN CSS

Membuat layout web 2 kolom bisa kita buat dengan notepad atau dreamweaver, tetapi disini saya akan menjelaskan membuat dengan notepad, sebelumnya saya pernah memposting tentang cara membuat menu navigasi dengan css.

membuat kolom dengan css sangat mudah, anda pertama membuat file berisi struktur htmlnya terlebih dahulu, lalu anda bisa mendisain warna dengan css, langsung saja saya jelaskan langkah-langkahnya.

Pertama anda buat dulu file html, copi kode berikut ini:

membuat layout web 2 kolom

Judul website bisa diganti dengan judul website yang anda mau, menu1 sampai menu4 bisa anda ganti juga sesuai anda inginkan, sedangkan link anda juga bisa ubah sendiri.

Berikutnya file css, yang bisa anda lihat dibawah ini scriptnya:

cara membuat layout web dengan css

Anda bisa merubah background sesuai keinginan anda, dan hasilnya anda bisa lihat seperti gambar dibawah ini:

membuat layout dengan css

Ok mudah bukan cara membuat layout web dengan css, jika ada yang kurang jelas silahkan berkomentar, semoga bermanfaat.

This entry was posted in Uncategorized by admin. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*


+ 7 = 13

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>