 |
| contoh template |
awas! newbie lagi berbagi 😂
Untuk membuat template dengan design seperti diatas, Pertama-tama buat atribut table.
Scripnya seperti dibawah ini
<table width="1200" height="580" border="1" align="center" cellspacing=0 cellpadding=5>
Scrip diatas membuat ukuran table dengan ukuran 980 x 550. Dengan posisi di tengah.
Untuk membuat template dengan design seperti diatas, Pertama-tama buat atribut table.
Scripnya seperti dibawah ini
<table width="1200" height="580" border="1" align="center" cellspacing=0 cellpadding=5>
Scrip diatas membuat ukuran table dengan ukuran 980 x 550. Dengan posisi di tengah.
Untuk membuat design seperti diatas dibutuhkan 4 tabel, yaitu header, footer, left menu, contens dan right menu.
Pembuatan Header menggunakan script sebagai berikut :
<td height="104"colspan=3 align ="center" >Header</td>
Script diatas menggabungkan 3 tabel menjadi satu
Pembuatan Header menggunakan script sebagai berikut :
<td height="90"colspan=3 align ="center" >Footer</td>
Script diatas menggabungkan 3 tabel menjadi satu
Pembuatan Header menggunakan script sebagai berikut :
<td height="104"colspan=3 align ="center" >Header</td>
Script diatas menggabungkan 3 tabel menjadi satu
Pembuatan Header menggunakan script sebagai berikut :
<td height="90"colspan=3 align ="center" >Footer</td>
Script diatas menggabungkan 3 tabel menjadi satu
Pembuatan left menu, contens dan right menu dibutuhkan 3 tabel. Scripnya seperti berikut :
<td width="180" valign="top">left menu</td>
<td width="600" valign="top">contens</td>
<td width="180" valign="top">right menu</td>
<td width="180" valign="top">left menu</td>
<td width="600" valign="top">contens</td>
<td width="180" valign="top">right menu</td>
Script keseluruhannya seperti ini :
<!DOCTYPE html
<head>
<title>Template Desain Web</title>
</head>
<body>
<table width="980" height="530" border="1" align="center" cellspacing=0 cellpadding=5>
<tr>
<td height="104"colspan=3 align ="center" >Header</td>
</tr>
<tr>
<td width="180" valign="top">left menu</td>
<td width="600" valign="top">contens</td>
<td width="180" valign="top">right menu</td>
</tr>
<tr>
<td height="90"colspan=3 align ="center" >Footer</td>
</tr>
</table>
<p align = center> © Copyright By @fadhil_anambas</p>
</body>
</html>
nah, tambahkan warna sesuai kesukaan anda dengan cara menambahkan code warna pada bagian kolom yang ingin anda isi seperti dibawah ini :
<table width="300" border="1">
<tr><td bgcolor="#0000FF"> #0000FF</td><td bgcolor="#FF0000"> #FF0000</td><td bgcolor="#00FF00"> #00FF00</td></tr>
<tr>
<td bgcolor="#CCCCCC"> #CCCCCC</td>
<td bgcolor="#FFFF00"> #FFFF00</td>
<td bgcolor="#00FFFF"> #00FFFF</td>
</tr>
<tr>
<td bgcolor="#0099FF"> #0099FF</td>
<td bgcolor="#FF33CC"> #FF33CC</td>
<td bgcolor="#CCFF33"> #CCFF33</td>
</tr>
<tr>
<td bgcolor="#666666"> #666666</td>
<td bgcolor="#FFCC00"> #FFCC00</td>
<td bgcolor="#000066"> #000066</td>
</tr>
<tr>
<td colspan="3" bgcolor="#000011"> </td>
</tr>
<tr> <td colspan="3" align="center"> @fadhil_anambas</td> </tr>
<tr> <td colspan="3" align="center"> ini contoh code warna Dasar </td> </tr>
</table>
dan hasilnya sebagai berikut :
