Halo apakabah semua kawan-kawanku yang ada diindonesia dan didunia, pada kali ini saya ingin memposting terntang desain dasar sebuah web responsif yang sangat mudah untuk dipelajari..
Pertama anda persiapkan peralatan aplikasinya yaitu :
1. Dreamwever 8
2. XAMPP
3. Mozillax Fire Fox atau Google Crome
ok kalau sudah siap anda buka Dreamwevernya kemudian anda ketikkan di Kode Editor Dreamwever seperti dibawah ini,
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>TWD Responsive Layout</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="header"> header.. </div> <!--/ .header -->
<div class="main">
<div class="left"> kolom kiri..</div> <!--/ .header -->
<div class="middle"> kolom tengah.. </div> <!--/ .middle -->
<div class="right">kolom kanan..</div> <!--/ .right -->
</div><!--/ .main -->
<div class="footer">untuk kolom footer..</div> <!--/ .footer -->
</div>
</body>
</html>
Kemudia setelah itu lihat tampilan desainnya atau anda juga bisa memilih pada tab Desain disamping Tab menu Code..
ok ini adalah hasil dari kode yang kita ketikkan tadi diatas, yaitu Header, Kolom kiri, kolom kanan, kolom tengah dan Footer..ini adalah tahap pertama dalam mendesain web responsif..dan masih tahap selanjutnya untuk membentuk layoutnya dengan CSS, kita lanjut pada posting berikutnya ok
Terima kasih ..
0 komentar:
Posting Komentar