Haii . . . . . selamat pagi . . . :D
Ini adalah part kedua, setelah kita memiliki design yang kita inginkan untuk belajar merancang website buatan sendiri.
Apabila desain nya sudah siap, maka langkah selanjutnya
adalah mengatur tata letak atau layout dari desain. jika belum silakan, pelajari kembali part 1 nya : disini. Jika sudah di pelajari, silahkan lanjutkan ke tutorial ini.
Silahkan buka dreamweaver kamu :
Create file php, liat gambar :
Lalu Beri judul : mamu.com,
dan langsung klik file > save as dan simpan dengan nama :
index.php
masih di index.php, masukan code program ini :
<body>
<div id="wrapper">
<div id="header"></div>
<div id="leftcontent"></div>
<div id="rightcontent"></div>
<div id="clearer"></div>
<div id="footer"></div>
</div>
</body>
Setelah memasukan kode diatas, pada panel css yang terletak
di kanan paling atas, klik tombol new css rule, lihat gambar :
Lalu muncul kotak dialog, dan sesuaikan datanya , lalu klik
ok seperti gambar :
Setelah itu, kamu disuruh untuk menyimpan file tersebut,
simpan dengan nama style.css, pastikan terletak di folder yang sama dengan
index.html
Dan akan muncul kotak dialog lagi dan sesuaikan dengan
gambar :
0 Response to "Belajar merancang website buatan sendiri part2 "
Post a Comment