Bissmillah Hirahmanirahim
Assalamualaikum
Pertemuan minggu ini sebetulnya perkembangan materi pada minggu ketiga pada tanggal 15 November 2010, yang sedikit membahas tentang pembuatan tabel. Dapat diliat disini
Namun, pada pertemuan minggu ini bentuk tabel dimodifikasi dengan menggabungkan beberapa elemen baris/kolom yang di-merge(digabungkan menjadi satu). Adapun trik atau cara dalam pembuatannya. Namun, sebelum masuk dalam barisan sourcecode ada baiknya liat tampilan website yang sudah jadi, sebagai berikut.
Sebenarnya kalau dilihat dari tampilan hasil akhir, tabel tersebut cukuplah sederhana. Namun, dibutuhkan trik agar hasil akhirnya bisa seperti itu. Caranya dengan menggabungkan beberapa jumlah row (baris) atau column (kolom) menjadi satu kesatuan yang kuat dan tegak (hahahah...kaya jaman reformasi nih...MERDEKA). Okeh...berikut ini adalah sourcecode lengkapnya.
<html>
<head>
<title>Data Mahasiswa TI 7</title>
</head>
<body>
<center>
<h1>Data Mahasiswa TI 7</h1>
<table width= 80% height= 20% border="1">
<tr>
<td rowspan="2" bgcolor="blue" align="center"><b>No.</b></td>
<td rowspan="2" bgcolor="blue" align="center"><b>Data Mahasiswa</b></td>
<td colspan="3" bgcolor="blue" align="center"><b>Persetujuan</b></td>
</tr>
<tr>
<td bgcolor="blue" align="center"><b>Ada</b></td>
<td bgcolor="blue" align="center"><b>Tidak Ada</b></td>
<td bgcolor="blue" align="center"><b>Keterangan</b></td>
</tr>
<tr>
<td align="center">1.</td>
<td>Wisnu Jati Primadana</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">WNI</td>
</tr>
<tr>
<td align="center">2.</td>
<td>107091002272</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3.</td>
<td>021-5914723</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">Telpon Rumah</td>
</tr>
<tr>
<td align="center">4.</td>
<td>085693096966</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">Nokia 3230</td>
</tr>
<tr>
<td align="center">5.</td>
<td>demongpok@gmail.com</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">Email</td>
</tr>
<tr>
<td align="center">6.</td>
<td>klintink.blogspot.com</td>
<td align="center">Ada</td>
<td align="center">-</td>
<td align="center">Blog</td>
</tr>
<tr>
<td align="center">7.</td>
<td>Jl. Sarangan Raya/No.6 Perumnas 2 Tangerang</td>
<td align="center">-</td>
<td align="center">-</td>
<td align="center">Alamat Rumah</td>
</tr>
<tr>
<td align="center">8.</td>
<td>sempax_zone</td>
<td align="center">-</td>
<td align="center">-</td>
<td align="center">YM</td>
</tr>
</table>
</center>
</body>
</html>
Langkah terakhir dalam pengerjaan pertemuan 6 ini adalah simpel, yaitu Jangan lupa setiap file disimpan dengan ekstensi .html. hehehe...
Sekian tulisan saya, terkait tentang Praktikum Pemodelan dan SImulasi pertemuan ke-6 ini. Mohon maaf kalau ada kekurangan atau kesalahan dalam pengetikan kata-kata dan juga sourcecode yang digunakan. Bila ada tanggapan, Anda dapat mengetikan komentar diakhir dari tulisan ini.
Mau tidak repot dan tidak capek
>>Download Disini<<
Terimakasih
Wassalamualaikum...
0 comments:
Post a Comment