Membuat template disain web dengan memanfaatkan table. Pertama kali yang diperhatikan dalam membuat desain dengan metode ini yakni menentukan banyaknya kolom yang akan digunakan.
Untuk bagian header membutuhkan tiga buah kolom kemudian dari kolom tersebut di gabung untuk menjadi satu kolom.
Untuk penggabungan kolom tersebut dengan memanfaatkan script sebagai berikut.
<th width="1000" colspan=3 >header</th>
Dalam pembuatan bagian footer sama juga halnya membuat header, yaitu penggabungan tiga kolom menjadi satu kolom.
Untuk pembuatan left menu, right menu dan content membutuhkan tiga table, scripnya sebagai berikut.
<th width="200" height="500" >left menu</th>
<th width="600" height="500" >Contens</th>
<th width="200" height="500" >right menu</th>
Dalam pembuatan template desain web dengan table seperti tampilan gambar diatas yakni script keseluruhannya sebagai berikut.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Tugas1</title>
</head>
<body>
<table border=3 align="center" cellspacing=0 cellpadding=15>
<tr>
<!-- Gabung kolom paling atas -->
<th width="1000" colspan=3 >header</th>
</tr>
<!-- Baris data kedua -->
<tr>
<th width="200" height="500" >left menu</th>
<th width="600" height="500" >Contens</th>
<th width="200" height="500" >right menu</th>
</tr>
<tr>
<!-- Gabung kolom paling bawah -->
<th width="1000" colspan=3 >Footer</th>
</tr>
</table>
</body>
</html>
0 komentar:
Posting Komentar