Cara membuat Layout website dengan menggunakan table part 1

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 :




Mari Belajar Teknologi Informasi

0 Response to "Cara membuat Layout website dengan menggunakan table part 1"

Post a Comment