Tugas Praktikum(Blok Diagram Table)
On Selasa, 08 Februari 2011
0
komentar
STUDI KASUS 1:
Code :
Studi Kasus 2:
Code:
Tugas Praktikum 1:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>GRAFIK BERBASIS TABEL</title>
</head>
<body>
<!--
Nama : Yogi Tri Wasono
NIM : 209533421951
OFF : C -->
<table width="600" >
<tr>
<td width="600" colspan="2">
<table rules="rows" frame="hsides" align="left" cellspacing="0" cellpadding="10">
<tr><!-- Mengatur lebar kolom -->
<th width="200">PERUSAHAAN</th>
<th width="500">PENDAPATAN</th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="3">
<tr><!-- Mengatur lebar kolom -->
<td width="164">Angin Reboot Ltd</td>
<td width="0"></td>
<td width="40"></td>
<td width="46"></td>
<td width="26"></td>
<td colspan="5" >
<table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<th width="150" height="16" colspan="5" bordercolor="#000000" bgcolor="#008000"></th>
</tr>
</table>
</td>
<td >+150%</td>
<td width="18"></td>
<td width="18"></td>
<td width="24"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="164">Command Prompt Inc</td>
<td width="0"></td>
<td width="40"></td>
<td width="46"></td>
<td width="26"></td>
<td colspan="2"><table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="50" height="16" colspan="2" bordercolor="#000000" bgcolor="#008000">
</td>
</tr>
</table>
</td>
<td width="38">+55%</td>
<td width="8"></td>
<td width="21"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="164">Hibernate Ltd</td>
<td width="0"></td>
<td width="40"></td>
<td align="right">-23%</td>
<td><table border="1" align="right" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="23" height="16" bordercolor="#000000" bgcolor="#FFFF00"> </td>
</tr>
</table></td>
<td width="5"></td>
<td width="52"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="164">Shutdown Ltd</td>
<td width="0"></td>
<td width="40">-75%</td>
<td colspan="2"><table border="1" bordercolor="#000000" bgcolor="#000000">
<tr>
<td width="100" height="16" colspan="3" bordercolor="#000000" bgcolor="#FF0000">
</td>
</tr>
</table></td>
<td width="5"></td>
<td width="52"></td>
<td width="38"></td>
<td width="8"></td>
<td width="21"></td>
<td width="46"></td>
<td width="18"></td>
<td width="18"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Tugas Praktikum 2:
Code :
<!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">
<!--
Nama : yogi tri wasono
Nim : 209533421951
Off : c
-->
<head>
<title>TUGAS PRAKTIKUM 2</title>
</head>
<body>
<table width="480" height="400" border="0">
<tr>
<td colspan="8" style="border-bottom:#ff0000 solid;"><p align="center"><font color="black" face="Times New Roman" size="3">PERBANDINGAN FITUR</font></td>
</tr>
<tr>
<td width="31"align="center">No</td>
<td width="0" rowspan="10" style="border-left:#ff0000 solid thin;"> </td>
<td width="208" align="center">Fitur</td>
<td rowspan="10" style="border-left:#ff0000 solid thin;padding-left:-5px;" width="0"></td>
<td width="92" align="center">Enterprise</td>
<td width="0" rowspan="10" style="border-left:#ff0000 solid thin;"> </td>
<td width="0"align="center">Pro</td>
<td width="0"align="center">Free</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
<tr>
<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#ff0000 solid thin;"></td>
</tr>
</table>
</body>
</html>
