MODUL 2
Praktikum 1
Ketiklah script di bawah ini :
modul_2a.html
<frameset rows="30%,65%,5%" border="1">
<frame name="header" src="modul_2b.html" />
<frameset cols="20%,80%">
<frame name="menu" src="modul_2c.html" />
<frame name="main" src="modul_2pretest.html" />
</frameset>
<frame name="footer" src="modul_2d.html" />
</frameset>
Tampilan yang dihasilkan:
Praktikum 2
Ketiklah script di bawah ini :
modul_2b.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table border="0" align="center" width="100%">
<tr>
<td width="19%" align="center"><img src="FKOM-Warna.png"></td>
<td width="81%" align="center"><h1>UNIVERSITAS KUNINGAN</h1>
<h2>FAKULTAS ILMU KOMPUTER</h2>
Kampus 1 : Jln Raya Tjut Nyak Dhien No.36 Kuningan</td>
</tr>
</table>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 3
Ketiklah script di bawah ini :
modul_2c.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<ul>
<li><a href="modul_2b.html" target="blank">Home</a></li>
<li><a href="modul_2d.html" target="main">Fakultas</a></li>
<li>Akreditasi</li>
<li>SIAMIK</li>
</ul>
<p> </p>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 4
Ketiklah script di bawah ini :
modul_2d.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<center>
©Copyright FKOM UNIKU 2017
</center>
</body>
</html>
Tampilan yang dihasilkan:
Praktikum 5
Ketiklah script di bawah ini :
modul_2e.html
<p>Pukul 15.<sup>30</sup><br>
20<sup>0</sup> <sub>Celcius</sub></p>
<p> </p><br>
<pre>Don't Join To NATO
NO Action
Talk Only</pre>
<strike>Jangan Jadi Orang
yang hanya Banyak Bicara
Tanpa Aksi/Bukti Nyata</strike><br>
<ol type="1"><b>FKOM</b>
<li>Teknik Informatika S1</li>
<li>Sistem Informasi S1</li>
<li>Teknik Informatika D3</li>
<li>Management Informatika D3</li>
</ol>
<ul type="circle"><b>Matakuliah</b>
<li>PTI</li>
<li>Algoritma</li>
<li>Kalkulus</li>
</ul>
<dl>
<dt><i>Definisi 1</i></dt>
<dd>Penjelasn definisi 1</dd>
<dt><i>Definisi ke-n</i></dt>
<dd>Penjelasan definisi ke-n</dd>
</dl>
Tampilan yang dihasilkan:
Praktikum 6
Ketiklah script di bawah ini :
modul_2f.html
<b><center>Input Data Mahasiswa</center></<b>
<form name="form1" method="post" action="tampil_post.php">
<table width="456" border="0" align="center">
<tr>
<td>NIM</td>
<td><label>
<input type="text" name="nim" value="Masukan NIM"/>
</td>
</tr>
<tr>
<td>NAMA</td>
<td><label>
<input type="text" name="nama" value="Masukan Nama"/>
</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>
<input type="radio" name="jkl" id="jkl" value="L"/>Laki-laki<br/>
<input type="radio" name="radio" id="jkp" value="P"/>Perempuan</label></td>
</tr>
<tr>
<td>Hobi</td>
<td><label>
<input type="checkbox" name="hb1" id="checkbox">Sepak Bola<br/>
<input type="checkbox" name="hb2" id="checkbox2">Berenang<br/>
<input type="checkbox" name="hb3" id="checkbox3">Membaca<br/>
</label></td>
</tr>
<tr>
<td>
<td><label>
<select name="prodi" id="select">
<option value="Teknik Informatika S1">TI S1</option>
<option value="Sistem Informasi S1">SI S1</option>
<option value="Manajemen Informatika D3">MI D3</option>
<option value="Teknik Informatika D3">TI D3</option>
</select>
</label>
</td>
</tr>
<tr>
<td>File Foto</td>
<td><input type="file" name="file1"></td>
</tr>
<tr>
<td>Alamat</td>
<td><label>
<textarea name="almt" id="textarea" cols="45" rows="5"></textarea>
</label></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" name="OK" id="OK" value="OK"/>
<input type="reset" name="reset" value="CANCEL"/>
</td>
</tr>
</table></form>
Tampilan yang dihasilkan:
Praktikum 7
Ketiklah script di bawah ini :
modul_2g.html
<form id="form1" name="form1" method="post" action="">
<p><strong>Property Readonly</strong></p>
<p>NIM :
<input type="text" name="nim" id="nim" readonly value="2013081002"/>
</p>
<p><strong>Readonly dan Tittle di TextArea</strong></p>
<p>Komentar : <textarea cols="40" rows="10" readonly title="Ini Komentarnya">
Komentar di Text Area Tidak Bisa Dihapus</textarea></p>
<p><strong>Cheked</strong></p>
<p>Jenis Kelamin : <input type="radio" name="jk" value="L" />L
<input type="radio" name="jk" value="P" checked="checked" />P</p>
<p><strong>Maximal Character</strong></p>
<p>NIM :
<input type="text" maxlength="10" size="20" />
Maximal 10 Karakter
</p>
</form>
Tampilan yang dihasilkan:
Praktikum 8
Ketiklah script di bawah ini :
modul_2h.html
<form name="login">
<table width="21%" border="0" align="center">
<tr>
<td colspan="2" bgcolor="#CCCCCC" align="center"><b>FORM LOGIN</b></td>
</tr>
<tr>
<td>Username</td>
<td>
<label>
<input type="text" name="textfield" id="textfield" size="20" maxlength="15" title="Masukan Username"/>
</label></td>
</tr>
<tr>
<td>Password</td>
<td>
<label>
<input type="password" name="textfield2" id="textfield2" size="20" maxlength="15" title="Masukan Password"/>
</label></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="button" name="Login" value="Login"/></td>
</tr>
</table>
</form>
Tampilan yang dihasilkan:
Post Test Praktikum
Ketiklah script di bawah ini :
modul_2posttest.html
<form id="form1" name="form1" method="post" action="">
<p><strong>Property Readonly</strong></p>
<p>NIM :
<input type="text" name="nim" id="nim" readonly value="2013081002"/>
</p>
<p><strong>Readonly dan Tittle di TextArea</strong></p>
<p>Komentar : <textarea cols="40" rows="10" readonly title="Ini Komentarnya">
Komentar di Text Area Tidak Bisa Dihapus</textarea></p>
<p><strong>Cheked</strong></p>
<p>Jenis Kelamin : <input type="radio" name="jk" value="L" />L
<input type="radio" name="jk" value="P" checked="checked" />P</p>
<p><strong>Maximal Character</strong></p>
<p>NIM :
<input type="text" maxlength="10" size="20" />
Maximal 10 Karakter
</p>
</form>
Tampilan yang dihasilkan:
Pre Test Praktikum
Ketiklah script di bawah ini :
modul_2pretest.html
<b><center>Input Data Mahasiswa</center></b>
<form name="form1" method="post" action="tampil_post.php">
<table width="456" border="0" align="center">
<tr>
<td>NIM </td>
<td><input type="text" name="nim" value="Masukan NIM"></td>
</tr>
<tr>
<td>Nama </td>
<td><input type="text" name="nama" value="Masukan Nama"></td>
</tr>
<tr>
<td>Jenis Kelamin </td>
<td>
<input type="radio" name="jkl" id="jkl" value="L">Laki-laki
<input name="jkp" type="radio" id="jkp" value="P">Perempuan
</td>
</tr>
</table></form>
Tampilan yang dihasilkan:
Tugas Praktikum
Ketiklah script di bawah ini :
modul_2tugas.html
<frameset rows="35%,50%,15%" border="1">
<frame name="header" src="header.html"/>
<frameset cols="15%,70%,15%">
<frame name="leftmenu" src="leftmenu.html"/>
<frame name="main" src="main.html"/>
<frame name="rightmenu" src="rightmenu.html"/>
</frameset>
<frame name="footer" src="footer.html"/>
</frameset>
header.html
<html>
<head>
<center><body><h2>
Header
<h2></body></center>
</html>
main.html
<html>
<body bgcolor="grey">
<center><h2>
Utama
<h2></body></center>
</html>
leftmenu.html
<html>
<head>
<center><body><h2>
Menu
<h2></body></center>
</html>
rightmenu.html
<html>
<head>
<center><body><h2>
Menu
<h2></body></center>
</html>
footer.html
<html>
<head>
<center><body><h2>
Footer
<h2></body></center>
</html>
Tampilan yang dihasilkan:
0 Response to "Laporan Praktikum Pemrograman Web 1 Modul 2"
Posting Komentar