Bissmillah Hirahmanirahim
Assalamualaikum
Pertemuan pada tanggal 13 Desember 2010 terbagi menjadi 2 part. Sebab pada pertemuan ini mempraktekan dua metode pembuatan daftar isi dalam frame berkolom-kolom atau berbaris-baris.
Untuk part 1-nya bisa dilihat disini. Untuk part ke-2 ini Kita juga akan membahas mengenai pembuatan daftar isi dengan menggunakan frame-frame. Namun berbeda dengan part 1, pada part ke-2 ini Kita tidak membutuhkan meng-link-kan sebuah file HTML.
Untuk lebih memahami apa yang akan Kita buat, baiknya lihat gambar-gambar berikut ini terlebih dahulu.
Gambar 1 : Isi dari frame-frame pada daftar isi
- Tag HTML Untuk Gambar 1:
<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>
- Tag HTML Untuk Gambar 2:
<html>
<head>
<title>INDEX
</title>
</head>
<frameset rows="40%, 40%, 40%">
<frame src=datamahasiswa.html cols="40%">
<frameset cols="50%, 50%">
<frame src=datamahasiswa.html cols="50%">
<frame src=datamahasiswa.html name="kanan" cols="50%">
</frameset>
<frame src=datamahasiswa.html cols="40%">
<noframes>
Browser anda tidak bisa menampilkan from, sekalipun demikian anda masih dapat melihat isi pada <a href="isi.html">DAFTAR ISI</a>
</frameset>
</html>
Langkah terakhir dalam pengerjaan pertemuan 7 ini adalah simpel, yaitu Jangan lupa setiap file disimpan dengan ekstensi .html. hehehe...
Dari tag HTML pada setiap gambar, tidak ada yang begitu menyulitkan. Hanya saja Kita harus teliti dalam penamaan file, peletakan file, meng-link-kan suatu file dan mengatur ukuran dari baris dan kolom untuk tabel/frame tersebut.
Sekian tulisan saya, terkait tentang Praktikum Pemodelan dan SImulasi pertemuan ke-7 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