Postingan
LAPORAN
PRAKTIKUM
Pemograman WEB 1
Modul I
“PENGENALAN HTML DASAR”
Nama : Radea Nurlaila
NIM :
2015091083
Prodi :
SI 2015 C
LABORATORIUM
KOMPUTER
FAKULTAS
ILMU KOMPUTER
UNIVERSITAS
KUNINGAN
2017
Jl.
Cut NyakDien, No.36A CijohoKuninganTelp/Faks : 0232-974824
1. TUGAS
Membuat design web dengan tag tabel dengan design seperti
ini dan menampilkan informasi riwayat hidup
1. Script nya adalah :
<html>
<head>
<title> Radea Nurlaila </title>
</head>
<body>
<table border="2" color="black" align="center" width="60%">
<tr>
<td colspan="3" align="center"><img src="radea.png" height="259" width="1350"></td>
</tr>
<tr>
<td width="15%" valign="top" bgcolor="#E9967A">
<ul type=”disc”>
<li><a href=”tugas.html” target=”main”> Home </a></li>
<li><a href=”stories.html” target=”blank”> Stories </a></li>
<li><a href=”Videos.html” target=”blank”> Videos </a></li>
</ul>
</td>
<td width="50%"><center>
<h3> UNIVERSITAS KUNINGAN </h3>
<h3> Fakultas Ilmu Komputer </h3>
<h3> Program Studi Sistem Informasi Jenjang S1 </h3><br><br>
</center>
<pre>
NIM : 201509183 <br>
Nama : Radea Nurlaila <br>
Tempat, Tanggal Lahir : Kuningan, 25 Januari 1995 <br>
<br>
<b> Pendidikan </b>
<ol>
<blockquote><li> SD : SDN 5 Kuningan </li></blockquote>
<blockquote><li> SMP : SMPN 2 Kuningan </li></blockquote>
<blockquote><li> SMA : SMKN 2 Kuningan </li></blockquote>
</ol>
</pre>
</td>
<td width="15%" valign="top" bgcolor="#E9967A">
<ul type="disc">
<li><a href=”tag.html” target=”main”> Tags </a></li>
<li><a href=”kat.html” target=”blank”> Kategories </a></li>
</ul>
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#E9967A"> ©Copyright : Radea Nurlaila </td>
</tr>
</table>
</body>
</html>
<head>
<title> Radea Nurlaila </title>
</head>
<body>
<table border="2" color="black" align="center" width="60%">
<tr>
<td colspan="3" align="center"><img src="radea.png" height="259" width="1350"></td>
</tr>
<tr>
<td width="15%" valign="top" bgcolor="#E9967A">
<ul type=”disc”>
<li><a href=”tugas.html” target=”main”> Home </a></li>
<li><a href=”stories.html” target=”blank”> Stories </a></li>
<li><a href=”Videos.html” target=”blank”> Videos </a></li>
</ul>
</td>
<td width="50%"><center>
<h3> UNIVERSITAS KUNINGAN </h3>
<h3> Fakultas Ilmu Komputer </h3>
<h3> Program Studi Sistem Informasi Jenjang S1 </h3><br><br>
</center>
<pre>
NIM : 201509183 <br>
Nama : Radea Nurlaila <br>
Tempat, Tanggal Lahir : Kuningan, 25 Januari 1995 <br>
<br>
<b> Pendidikan </b>
<ol>
<blockquote><li> SD : SDN 5 Kuningan </li></blockquote>
<blockquote><li> SMP : SMPN 2 Kuningan </li></blockquote>
<blockquote><li> SMA : SMKN 2 Kuningan </li></blockquote>
</ol>
</pre>
</td>
<td width="15%" valign="top" bgcolor="#E9967A">
<ul type="disc">
<li><a href=”tag.html” target=”main”> Tags </a></li>
<li><a href=”kat.html” target=”blank”> Kategories </a></li>
</ul>
</td>
</tr>
<tr>
<td colspan="3" align="center" bgcolor="#E9967A"> ©Copyright : Radea Nurlaila </td>
</tr>
</table>
</body>
</html>
Siapkan juga gambar dengan nama radea.png
lalu hasilnya adalah :
2. POST TEST
Buatlah Tampilan web sebagai berikut :
Buatlah Tampilan web sebagai berikut :
Untuk membuat halaman web dengan tampilan seperti diatas,
kita membutuhkan 4 file html, yaitu:
a. frameset.html, yang akan digunakan untuk menampilkan halaman
web tersebut
b. header.html, yang akan digunakan untuk membuat dan mengatur
header
c. menu.html, yang akan digunakan dalam pengaturan menu
d. main.html, yang digunakan untuk menampilkan isi dari halaman
web tersebut
Serta 1 file foto yang akan kita gunakan sebagai logo. Lalu
kemudian semua file tersebut disimpan dalam satu folder yang sama.
a. frameset.html
<title> UNIKU </title>
<frameset rows="30%,70%" border="0">
<frame name="header" src="header.html"/>
<frameset cols="20%,80%">
<frame name="menu" src="menu.html"/>
<frame name="main" src="main.html" />
</frameset>
</frameset>
b. header.html
<html>
<head>
<title> UNIKU </title>
</head>
<body>
<table border="0″ align="center" width="100%">
<tr>
<td width="20%" align="center"><img src="uniku1.jpg" height="150" width="150"></td>
<td width="80%" align="center"><h1>UNIVERSITAS KUNINGAN</h1>
<h2>FAKULTAS ILMU KOMPUTER</h2>
Kampus 1 : Jln Raya Tjut Nyak Dhien No.36 Kuningan</td>
</tr>
</table>
<hr size=”4″ color=”black”>
</body>
</html>
c. menu.html
<html>
<head>
<title> UNIKU </title>
</head>
<body>
<ol type="1">
<li> Home </li>
<li> Fakultas </li>
<ul type="disc">
<li title="Fakultas Ilmu Komputer">FKOM</li>
<li title="Fakultas Keguruan dan Ilmu Pendidikan">FKIP</li>
<li title="Fakultas Ekonomi">FE</li>
<li title="Fakultas Kehutanan">FHUT</li>
<li title="Fakultas Hukum">FH</li>
<li title="Pendidikan Guru Sekolah Dasar">PGSD</li>
</ul>
<li> Fasilitas </li>
</ol>
</body>
</html>
<html>
<head>
<title> UNIKU </title>
</head>
<body>
<ol type="1">
<li> Home </li>
<li> Fakultas </li>
<ul type="disc">
<li title="Fakultas Ilmu Komputer">FKOM</li>
<li title="Fakultas Keguruan dan Ilmu Pendidikan">FKIP</li>
<li title="Fakultas Ekonomi">FE</li>
<li title="Fakultas Kehutanan">FHUT</li>
<li title="Fakultas Hukum">FH</li>
<li title="Pendidikan Guru Sekolah Dasar">PGSD</li>
</ul>
<li> Fasilitas </li>
</ol>
</body>
</html>
d. main.html
html>
<head>
<title> UNIKU </title>
</head>
<body>
<center><b> Data Repository Software </b>
<table border="1" align="center" width="45%">
<tr align="center">
<td> Nomor </td>
<td> Nama Software </td>
<td> Link Download </td>
</tr>
<tr align="center">
<td> 1 </td>
<td> SO W7 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td> 2 </td>
<td> SO W8 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td> 3 </td>
<td> Office 2010 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td colspan="3"> ©Copyright : FKOM UNIKU </td>
</tr>
</table>
</body>
</html>
html>
<head>
<title> UNIKU </title>
</head>
<body>
<center><b> Data Repository Software </b>
<table border="1" align="center" width="45%">
<tr align="center">
<td> Nomor </td>
<td> Nama Software </td>
<td> Link Download </td>
</tr>
<tr align="center">
<td> 1 </td>
<td> SO W7 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td> 2 </td>
<td> SO W8 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td> 3 </td>
<td> Office 2010 </td>
<td><a href="1.html" target="blank"> Download </a></td>
</tr>
<tr align="center">
<td colspan="3"> ©Copyright : FKOM UNIKU </td>
</tr>
</table>
</body>
</html>
Maka Hasilnya adalah :
ok
BalasHapus