Senin, 14 Februari 2011

Praktikum Pemrograman Web (Bab II) TABEL PENGELOMPOKAN


Berikut adalah Script dari Tabel diatas

<!DOCTYPE HTML>
<html lang="en">
<head>
<title> PERBANDINGAN SIKAP </title>
</head>
<body>
<font face="Arial">
<table width="1000" border="9" cellspacing=1 frame="hsides" rules="groups" align="center" background="skin.gif">
<h1 align="center"><b>PERBANDINGAN SIKAP<b></h1>
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<tr bgcolor="grey">
<th width="35">No.
<th width="250">Spesifikasi Sikap
<th width="75">Poin
<th width="200">Riko
<th width="200">Adhiem
<th width="200">Criss
<th width="200">Gadieng</tr>

<tbody>
<tr><td align="center">1
<td>Kerja Keras
<td align="center">9
<td align="center">x
<td align="center">-
<td align="center">-
<td align="center">x
</tr>
<tr><td align="center">2
<td>Tekun
<td align="center">9
<td align="center">x
<td align="center">x
<td align="center">-
<td align="center">x
</tr>

<tr>
<td align="center">3
<td>Tidak Sombong
<td align="center">7
<td align="center">x
<td align="center">-
<td align="center">x
<td align="center">-
</tr>
<tr><td align="center">4
<td>Sabar
<td align="center">7
<td align="center">x
<td align="center">x
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">5
<td>Pemaaf
<td align="center">10
<td align="center">x
<td align="center">-
<td align="center">x
<td align="center">-
</tr>
<tbody>
<tr><td align="center">6
<td>Pemalas
<td align="center">-5
<td align="center">x
<td align="center">-
<td align="center">x
<td align="center">x
</tr>
<tr><td align="center">7
<td>Ceroboh
<td align="center">-3
<td align="center">-
<td align="center">x
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">8
<td>Konyol
<td align="center">-5
<td align="center">x
<td align="center">x
<td align="center">-
<td align="center">x
</tr>
<tr><td align="center">9
<td>Pendendam
<td align="center">-7
<td align="center">-
<td align="center">-
<td align="center">x
<td align="center">-
</tr>
<tr><td align="center">10
<td>Kurang Tidur
<td align="center">-1
<td align="center">-
<td align="center">x
<td align="center">x
<td align="center">-
</tr>
<tbody>
<tr>
<td colspan=3 align="center">
<b>Jumlah Poin</b></td>
<td align="center" bgcolor="yellow">32</td>
<td align="center" bgcolor="yellow">7</td>
<td align="center" bgcolor="yellow">4</td>
<td align="center" bgcolor="yellow">8</td>
</tr>
</table>
</font>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Praktikum Pemrograman Web (Bab II) GRAFIK BATANG PEMBALAP MOTOGP 2011


Berikut adalah Script Program diatas :

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Grafik Zn Mode</title>
</head>

<body>
<table align = "center" width = 1200 cellpadding = 15 background="graf.gif">
<tr>
<th align = "center" colspan = 50>
<h1>GRAFIK KEMAMPUAN "THE BIG FIVE" MOTOGP 2011</h1>
</th>
</tr>

<tr>
<td background="rating.jpg" rowspan=15 width=100></td>
</tr>


<tr><!-- 11 -->
<td bgcolor="black" rowspan=12 width=0></td>
<td rowspan=11></td>
<td colspan=30></td>
</tr>

<tr><!-- 10 -->
<td colspan=30></td>
</tr>

<tr><!-- 9 -->
<td colspan=13></td>
<td rowspan=9 bgcolor="blue"></td>
<td colspan=9></td>
<td rowspan=9 bgcolor="blue"></td>
<td colspan=3></td>

</tr>

<tr><!-- 8 -->
<td></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="red"></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 7 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="yellow"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 6 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=6 bgcolor="red"></td>
<td colspan=12></td>
<td rowspan=6 bgcolor="blue"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 5 -->
<td></td>
<td rowspan=5 bgcolor="yellow"></td>
<td colspan=12></td>
<td rowspan=5 bgcolor="red"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 4 -->
<td></td>
<td rowspan=4 bgcolor="blue"></td>
<td></td>
<td rowspan=4 bgcolor="yellow"></td>
<td colspan=12></td>
</tr>

<tr><!-- 3 -->
<td></td>
<td></td>
<td rowspan=3 bgcolor="blue"></td>
<td></td>
<td></td>
<td rowspan=3 bgcolor="yellow"></td>
<td></td>
<td rowspan=3 bgcolor="yellow"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 2 -->
<td rowspan=2 bgcolor= "red"></td>
<td colspan=13></td>
</tr>

<tr><!-- 1 -->
<td></td>
<td></td>
<td bgcolor="red"></td>
<td colspan=12></td>
</tr>

<tr>
<td bgcolor="black" colspan = 31></td>
</tr>

<tr>
<td bgcolor="grey" colspan = 31 background="racer.jpg"></td>
</tr>

</table>
<h2>
<table align= "center" width=500 cellpadding=15>
<tr>
<th><h3>Keterangan:</h3></th>
<th></th>
<th></th>
</tr>

<tr>
<td width=75 bgcolor="red"></td>
<td>: Respon</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="yellow"></td>
<td>: Performa</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="green"></td>
<td>: Skill</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="blue"></td>
<td>: Feelling</td>
<td></td>
</tr>
</h2>
</table>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Minggu, 13 Februari 2011

Praktikum Pemrograman Web (Bab II) STUDI KASUS


Berikut adalah Script dari tampilan diatas

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center">  

<tr>
<td bgcolor="#ffcb87" width=200 align="center"><a href="load1.html">Pilem</a></td>  
<td bgcolor="grey" width=200 align="center"><a href="load2.html">Dokumen</a></td>  
<td bgcolor="grey" width=200 align="center"><a href="load3.html">Music</a></td>  
</tr>  

<tr>  
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#Movie 1" title="Download this file">Fight of The Road</a></li>
<li><a href="#Movie 2" title="Download this file">Fight of The Road 2</a></li>
<li><a href="#Movie 3" title="Download this file">Memory in the Jungle</a></li>
<li><a href="#Movie 4" title="Download this file">Memory in the Jungle 2</a></li>
<li><a href="#Movie 5" title="Download this file">Ayahab 1,2,3</a></li>
</ol>
</td>
</tr> 
</table>  
</body>
</HTML>



<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center">  

<tr>  
<td bgcolor="grey" width=200 align="center"><a href="load1.html">Pilem</a></td>  
<td bgcolor="#ffcb87" width=200 align="center"><a href="load2.html">Dokumen</a></td>  
<td bgcolor="grey" width=200 align="center"><a href="load3.html">Music</a></td>  
</tr>  

<tr>  
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#Tutorial Photoshop CS5 (E-book)" title="Download this file">Tutorial Photoshop CS5 (E-book)</a></li>
<li><a href="#Tuturial Flash CS5 (E-book)" title="Download this file">Tuturial Flash CS5 (E-book)</a></li>
<li><a href="#Tutorial CorelDraw X5 (E-book)" title="Download this file">Tutorial CorelDraw X5 (E-book)</a></li>
<li><a href="#Sejarah MotoGP(PDF)" title="Download this file">Sejarah MotoGP(PDF)</a></li>
<li><a href="#Simple to Perfect Tips (PDF)" title="Download this file">Simple to Perfect Tips (PDF)</a></li>
</ol>
</td>
</tr> 
</table>  
</body>
</HTML>



<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center"> 

<tr>  
<td bgcolor="grey" width=200 align="center"><a href="load1.html">Pilem</a></td>  
<td bgcolor="grey" width=200 align="center"><a href="load2.html">Dokumen</a></td>  
<td bgcolor="#ffcb87" width=200 align="center"><a href="load3.html">Music</a></td>  
</tr>  

<tr>  
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#September Ends" title="Download this file">Sabrina - When September Ends (Acoustic)</a></li>
<li><a href="#Perfect" title="Download this file">Sabrina - Perfect</a></li>
<li><a href="#Saat bahagia" title="Download this file">Ungu - Saat Bahagia</a></li>
<li><a href="#My Immortal" title="Download this file">Evanescence - My Immortal (Acoustic Version)</a></li>
<li><a href="#Bayang Ilusi" title="Download this file">Anggun - Bayang-bayang Ilusi</a></li>
</ol>
</td>
</tr> 
</table>  
</body>
</HTML>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)