Hari ini kita akan belajar membuat layout website dengan
table.
Hasil akhir dari pembelajaran ini :
Oke langsung saja, buat di atas kertas layout yang akan kita
buat seperti ini :
Sebelum memulai membuat table, kamu harus mengetahui
fungsi-fungsi berikut ini :
Header berfungsi untuk judul dari halaman web yang akan kita
buat nanti, bisa berupa foto atau pun tulisan ( bisa menggunakan image src dan
teks).
Menu berfungsi untuk memudahkan pengunjung website agar
berpindah ke halaman lain (disini digunakan perintah a href).
Content merupakan tempat untuk mengisi informasi yang akan
disajikan ke pengunjung website (disini menggunakan valign, agar tulisan kita
berada di awal, bukan ditengah).
Setelah mengetahui fungsi-fungsi nya, mari langsung saja
buka notepad dan silahkan ketikan kode berikut ini :
<html>
<head>
<title>table</title>
</head>
<body>
<center>
<table width="1030" height="653"
border="1">
<tr>
<th height="107"
colspan="2">Header</th>
</tr>
<tr ><th width="196"
height="483">Menu</th>
<th width="818" height="483"
>Content</th>
</tr>
<th height="53" colspan="2"
>footer</th>
</tr>
</table>
</center>
</body>
</html>
Buat folder di dalam folder htdocs dengan nama layoutbuatanku, lalu simpan kode
diatas ke dalam layoutbuatanku dengan
nama layout.html.
Coba buka modzilla firefox kamu, lalu ketik di web
addressnya localhost/layoutbuatanku/layout.html
Maka hasilnya :
Setelah berhasil membuat layout, sekarang kita lanjut dengan
membuat isi nya, jika ingin mengetahui fungsi-fungsi dari programnya, bisa
berkomentar di bawah.
Silahkan klik link dibawah ini, untuk melanjutkan :
0 Response to "Cara membuat Layout website dengan menggunakan table part 1"
Post a Comment