Bagian 19. Membuat Halaman Website Minimalis

Membuat Design Website Sederhana

Sebelum membuat website sebaiknya terlebih dahulu mengatur konsep dengan membuat kerangka tampilan website, agar website yang ingin di buat dapat terarah, dan terstruktur dengan rapih.

Sekarang kita coba membuat kerangka website sederhana: kerangka website yang akan kita buat terdiri dari Header (kepala website), Leftmenu (menu yang diletakan dikiri), Content (isi dari website yg akan diletakan di sebelah kiri), Footer (kaki dari website).

Untuk lebih jelasnya lihat gambar dibawah ini:

Baca Juga

Sebelum kita membuat kerangka website kita buat dulu folder dengan nama webcss, kemudian buat folder lagi didalam folder webcss dengan nama style dan images.

Selanjutnya kita buat document html seperti dibawah ini, berinama index.html dan simpan pada folder webcss.




<html>
<head>
<title>My Web</title>
<link rel="stylesheet" type="text/css" href="style/style.css"/>
</head>
<body>
<div id="site-container">
<div id="header"></div><!-- End header -->
<div id="menu-content">
<div id="menu"></div><!-- End menu -->
<div id="content"></div><!-- End Content -->
</div><!-- End menu-content -->
<div id="footer"></div><!-- End Footer -->
</div><!-- End site container -->
</body>
</html>

Download source code latihan

Untuk ebook selengkapnya silahkan download disini