Bissmillah Hirahmanirahim
Assalamualaikum
Pada pertemuan kali ini, lebih memusatkan pada pendalaman materi-materi pada pertemuan-pertemuan sebelumnya. Pertemuan ini pun dijadikan UTS, sebab dalam pertemuan ini memasukan/menerapkan semua metode HTML dimateri-materi lalu. Untuk melihat materi-materi lalu dapar diliat disini.
Pada tulisan ini sudah tidak membahas lagi mengenai materi-materi yang lalu, hanya saja akan melanjutkan materi mengenai pembuatan daftar isi yang pada pertemuan minggu kemarin.
Kalau dijelaskan secara terperinci, sebenarnya fungsi daftar isi ini tidak jauh berbeda dengan penerapan hyperlink ke halaman blog/situs lainnya. Dengan cara meng-klik suatu tulisan, kita dilarikan/diantarkan ke suatu alamat yang berhubungan dengan judul/tulisan tersebut.
Tahapan Pengerjaan UTS
- Siapkan source HTML pada pertemuan yang lalu, yakni content1(intro), content2, content3 dan content4.
- Lakukan modifikasi pada masing-masing source HTML tersebut. Dengan menambahkan coding seperti ini.
<a name="pre"></a> tambahkan pada content2, sebelum <h2><center>< PRE ></center></h2>
<a name="blockquote"></a> tambahkan pada content2, sebelum <h2><center>< BLOCKQUOTE ></center></h2>
<a name="format teks"></a> tambahkan pada content2, sebelum <h1>Format Teks</h1>
<a name="font"></a> tambahkan pada content2, sebelum <h2><font color="blue"> < FONT > </font></h2>
<a name="ukuran font"></a> tambahkan pada content2, sebelum <h3><font color="red">Ukuran Font</font></h3>
<a name="warna font"></a> tambahkan pada content2, sebelum <h3><font color="red">Warna Font</font></h3>
<a name="jenis font"></a> tambahkan pada content2, sebelum <h3><font color="red">Jenis Font</font></h3>
<a name="list/daftar"></a> tambahkan pada content2, sebelum <h1>Daftar/List</h1>
<a name = "gambar"></a> tambahkan pada content3, sebelum <h1><font color =green>Gambar</font></h1>
<a name="tabel"></a> tambahkan pada content3, sebelum <h1>Tabel</h1>
Setelah mempersiapkan tahapan-tahapan diatas, untuk lebih mudahnya kalian dapat melihat gambar-gambar hasil tampilan source HTML ini secara utuh. Berikut tampilannya.<a name = "form"></a> tambahkan pada content4, sebelum <h1><font color =green>Form</font></h1>
Langkah berikutnya adalah pembuatan file HTML index.html, isi.html dan logo.html. Berikut ini adalah sourcecode tiap-tiap filenya.
Sourcecode index.html
<html>
<head>
<title>INDEX
</title>
</head>
<frameset rows="14%,*">
<frame src=logo.html></frame>
<frameset cols="40%, 60%">
<frame src=isi.html cols="40%">
<frame src=intro.html name="kanan" cols="60%">
</frameset>
<noframes>
Browser anda tidak bisa menampilkan from, sekalipun demikian anda masih dapat melihat isi pada <a href="isi.html">DAFTAR ISI</a>
</frameset>
</html>
Sourcecode isi.html
<html>
<head>
<title>
</title>
</head>
<body>
<h1><center>DAFTAR ISI</center></h1>
<ol>
<li><a href="content2.html" target="kanan">Membuat Homepage dengan HTML</a>
<ul>
<li><a href="content2.html#pre" target="kanan">Pre</a>
<li><a href="content2.html#blockquote" target="kanan">Blockquote</a>
<li><a href="content2.html#format teks" target="kanan">Format teks</a>
</ul>
<li><a href="content2.html#font" target="kanan">Font</a>
<ul>
<li><a href="content2.html#ukuran font" target="kanan">Ukuran Font</a>
<li><a href="content2.html#warna font" target="kanan">Warna Font</a>
<li><a href="content2.html#jenis font" target="kanan">Jenis Font</a>
</ul>
<li><a href="content2.html#list/daftar" target="kanan">Daftar / List</a>
<li><a href="content3.html#gambar" target="kanan">Menambahkan Gambar pada Web Page</a>
<li><a href="content3.html#tabel" target="kanan">Tabel</a>
<li><a href="content4.html#form" target="kanan">Form</a>
</body>
</html>
Sourcecode logo.html
<html>
<head>
<title>LOGO
</title>
</head>
<body>
<h2><font color=red><center>Wisnu Jati Primadana</center></font></h2>
</body>
</html>
Langkah terakhir dalam pengerjaan UTS ini adalah simpel, yaitu Jangan lupa setiap file disimpan dengan ekstensi .html, jangan lupa juga satukan dalam satu folder semua file-file HTML tersebut, beserta gambar-gambar yang terkait. hehehe...
Sekian tulisan saya, terkait tentang UTS Praktikum Pemodelan dan SImulasi 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
Terimakasih...
Wassalamualaikum...
1 comments:
luar biasa mas bro, ane juga lagi bejar yangkayak ginian by jasa website pekanbaru
Post a Comment