Pemrograman Web Modul 2


.

1. Kreasi Grafik Batang Statis dengan Memanfaatkan Elemen Tabel


Ini script nya :

<!DOCTYPE html>
<html lang="en">
<head>
<title>Tugas Praktikum 1</title>
</head>
<body background="bintang.jpg">
<h1 align="left">Membuat Grafik Sederhana Dengan Tabel</h1>
<hr align="left" width="520" style="color:brown"/>
<table width="500" border="0" >
<tr>
<th width="166" ><strong>Perusahaan</strong></th>
<th width="400" ><strong>Penghasilan</strong></th>
</tr>
<!--galoch PTI'09-D-->
</table>
<hr align="left" width="520" style="color:brown"/>
<table width="500" border="0">
<tr>
<th >Angin Reboot, Ltd </th>
<th width="37" ></th>
<th width="40" ></th>
<th width="40" ></th>
<th colspan="4" bgcolor="red"></th>
<th width="49" >+150%</th>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th >Command Prompt, Inc </th>
<th colspan="2"></th>
<th width="40" ></th>
<th colspan="2" bgcolor="yellow" ></th>
<th width="41" >+55%</th>
<th width="33" ></th>
<th >
</th>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th >Hibernate, Ltd </th>
<th >
</th>
<th >-23%</th>
<th width="41" bgcolor="green">
</th>
<th width="41">
</th>
<th colspan="3" >
</th>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th >Shutdown, Ltd </th>
<th >-75%</th>
<th colspan="2" bgcolor="violet" ></th>
<th colspan="4"></th>
</tr>
<!--galoch PTI'09-D-->
</table>
<hr align="left" width="520" style="color:brown"/>
</body>
</html>

dan Hasil nya.. walaaaaaa ^^



2. Desain Tabel Perbandingan Item Dengan Memanfaatkan Fitur Pengelompokan
ini script nya :
<!DOCTYPE html>
<html  lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head>
<body background="monyet.jpg">
<h1 align="center">PERBANDINGAN FITUR</h1>
<table width="500" border="0" align="center" >
<tr>
<td colspan="10" style="border-top:#000000 solid;"><div align="center" ></div></td>
</tr> 
<tr> 
<th >No</th> 
<td width="0" rowspan="10" style="border-left:#000000 solid ;"></td> 
<th >Fitur</th> 
<td width="0" rowspan="10" style="border-left:#000000 solid ;"></td> 
<th >Enterprise</th> 
<td width="0" rowspan="10" style="border-left:#000000 solid ;"></td>
<th colspan=1>Pro</th>
<th >Free</th>
</tr>
<!--galoch PTI'09-D-->
<tr>
<td colspan="10" style="border-top:#000000 solid ;"></td>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th>1</th>
<td>Garansi Seumur Hidup </td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td>
<td><div align="center">-</div></td>
</tr> 
<tr>
<th>2</th>
<td>Multiuser </td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td> 
<td><div align="center">-</div></td> 
</tr> 
<!--galoch PTI'09-D-->
<tr>
<th>3</th>
<td>Update Otomatis </td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td>
</tr> 
<!--galoch PTI'09-D-->
<tr>
<th>4</th>
<td>Cetak Laporan </td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td>
</tr> 
<tr>
<th>5</th>
<td>Notifikasi Error </td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
</tr>
<!--galoch PTI'09-D-->
<tr>
<td colspan="10" style="border-top:#000000 solid ;"><div align="center" ></div></td>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th>6</th>
<td nowrap>Ubah Tema </td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
</tr>
<!--galoch PTI'09-D-->
<tr>
<th>7</th>
<td>Try Ikon </td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
</tr>
<!--galoch PTI'09-D-->
<tr>
<td colspan="10" style="border-top:#000000 solid ;"><div align="center" ></div></td>
</tr>
</table>
<p align="right">Galoch PTI'09-D</p>
</body>
</html>

dan hasil nya.. hmmmmm


Your Reply