 |
| 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 :
ngape baqu sampai setok dhil die?
ReplyDeletepakai aplikasi DW lebih enak dhil
oh gitu ya gan, ane share buat yg belom tau gan, bukan sejauh mana ane ngerti yang ane share :)
Deleteterimakasih ataas kunjungannya .. haha