dyataja.files.wordpress.com€¦ · web viewnama: dyat sulistyowarni. npm: 1157201000981. kelas:...
TRANSCRIPT
Nama : Dyat Sulistyowarni
NPM : 1157201000981
Kelas : D/MALAM/fikom
M K : IMK
Sistem Pemesanan Keramiku
Disini saya membuat sebuah “ Sistem Pemesanan Keramiku “
Berikut tampilanya,
1. Home
Ini codingnya,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
.style3 {font-size: 24px}
.style4 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
.style2 {color: #000000}
body {
background-image: url(keramik.jpg);
}
.style5 {
-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;
box-shadow: 1px 1px 23px #FFFF00;
}
.style7 {
font-size: 24px;
font-family: "comic Sans MS";
color: #FF0000;
}
-->
</style>
</head>
<body>
<table width="600" height="122" border="1" align="center" class="style1">
<tr bgcolor="#FFFFFF">
<th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113" /></th>
<th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p>
<p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th>
</tr>
</table>
<table width="600" border="1" align="center" class="style4">
<tr bgcolor="#FF9900" class="style4">
<th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th>
<th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th>
<th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th>
</tr>
</table>
<table width="600" height="460" border="1" align="center" class="style5">
<tr>
<th width="600" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><table width="567" height="375" border="1" align="center" class="style5">
<tr>
<th width="184" height="174" scope="row"><div align="center"><img src="a1.jpg" width="150" height="150" /></div></th>
<th width="197" scope="row"><div align="center"><img src="a.jpg" width="150" height="150" /></div></th>
<th width="225" scope="row"><div align="center"><img src="kerami 3.jpg" width="150" height="150" /></div></th>
</tr>
<tr>
<th height="145" scope="row"><div align="center"><img src="a3.jpg" width="150" height="150" /></div></th>
<th scope="row"><div align="center"><img src="a4.jpg" width="150" height="150" /></div></th>
<th scope="row"><div align="center"><img src="a5.jpg" width="150" height="150" /></div></th>
</tr>
</table>
<table width="559" align="center">
<tr>
<th width="551" scope="row"><marquee>
<span class="style7">Selamat Memesan Keramik dari Toko kami</span>
</marquee> </th>
</tr>
</table></th>
</tr>
</table>
</body>
</html>
Berikut tampilan,
2. Pesan
Ini codingnya,
<html> <head><title>Form</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"><!--body {
background-image: url(keramik.jpg);}.style2 {color: #000000}.style3 {font-size: 24px}
.style7 {border-radius: 5px; border: inset 5px #FFFF00;}
.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}
--> </style></head> <body> <form action="cetak.php" method="post"> <table width="600" height="122" border="1" align="center" class="style1"> <tr bgcolor="#FFFFFF"> <th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113"></th> <th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p> <p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th> </tr> </table> <table width="600" border="1" align="center" class="style1"> <tr bgcolor="#FF9900" class="style1"> <th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th> <th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th> <th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th> </tr> </table> <table width="600" height="456" align="center" class="style1"> <tr>
<th width="120" height="49" bgcolor="#FFFFFF" scope="row"><div align="left">Nama</div></th> <th width="10" bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th width="459" bgcolor="#FFFFFF" scope="row"><div align="left"> <input name="nama" type="text" size="35"/> </div></th> </tr> <tr> <th height="70" bgcolor="#FFFFFF" scope="row"><div align="left">Alamat</div></th> <th bgcolor="#FFFFFF" scope="row"> <div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <textarea name="alamat" cols="30" rows="3"></textarea> </div></th> </tr> <tr> <th height="48" bgcolor="#FFFFFF" scope="row"><div align="left">Jenis Kelamin </div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <input type="radio" name="sex" value="Laki-laki"/> laki - laki <input type="radio" name="sex" value="Perempuan"/> Perempuan </div></th> </tr> <tr> <th height="49" bgcolor="#FFFFFF" scope="row"><div align="left">Ukuran Keramik</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <select name="pekerjaan"> <option value="20X20">20X20</option> <option value="20X30">20X30</option> <option value="30X30">30X30</option>
<option value="40X40">40X40</option> </select> </div></th> </tr> <tr> <th height="198" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><div align="left">Jenis Kramik </div></th> <th valign="top" bgcolor="#FFFFFF" scope="row"><div align="left">:</div></th> <th bgcolor="#FFFFFF" scope="row"><p align="left">
<input type="checkbox" name="hobby" value="Sandimas"/> Sandimas </p> <p align="left"> <input type="checkbox" name="hobby" value="Platinum"/> Platinum</p> <p align="left"> <input type="checkbox" name="hobby" value="Ikad"/> Ikad</p>
<p align="left"> <input type="checkbox" name="hobby" value="Granito"/> Granito</p>
<p align="left"> <input type="checkbox" name="hobby" value="Salsa"/> Salsa</p> </th> </tr> <tr> <th height="26" bgcolor="#FFFFFF" scope="row"><div align="left"></div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"></div></th> <th bgcolor="#FFFFFF" scope="row"><div align="left"> <table width="395"> <tr> <th width="234" scope="row"><input name="submit" type="submit" value="Pesan"/></th> <th width="209" scope="row"><input name="reset" type="reset" value="ulangi"/></th> </tr> </table> </div></th> </tr> </table> <p> </p><p> </p> <p> </p></form></body></html>
Berikut tampilan jika link Pesan diisi,
Jika kita klik cetak maka ia akan tercetak atau terprint, jika kita klik batal maka dia akan kembali ke halaman Home.
Berikut tampilan,
3. Profil
berikut codingnya,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--.style1 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}.style3 {font-size: 24px}.style4 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}.style2 {color: #000000}.style5 {-moz-box-shadow: 1px 1px 23px #FFFF00;
-webkit-box-shadow: 1px 1px 23px #FFFF00;box-shadow: 1px 1px 23px #FFFF00;
}.style6 {
font-family: "comic Sans MS";font-size: 24px;
}body {
background-image: url(keramik.jpg);}--></style></head>
<body><table width="600" height="122" border="1" align="center" class="style1"> <tr bgcolor="#FFFFFF"> <th width="139" align="left" valign="top" scope="row"><img src="a2.jpg" width="140" height="113" /></th> <th width="445" align="left" valign="top" scope="row"><p align="center" class="style3">Sistem Pemesanan "Kramikku" </p> <p align="center">Jl.R.A Kartini, Perkutut V No 27 </p></th> </tr></table><table width="600" border="1" align="center" class="style4"> <tr bgcolor="#FF9900" class="style4"> <th width="192" scope="row"><a href="http://localhost/coba/Home.html"><span class="style2">Home</span></th> <th width="180" scope="row"><a href="http://localhost/coba/Pesan.html"><span class="style2">Pesan</span></th> <th width="206" scope="row"><a href="http://localhost/coba/Profil.html"><span class="style2">Profil</span></th> </tr></table><table width="600" height="417" border="1" align="center" class="style5"> <tr> <th width="669" height="411" align="left" valign="top" bgcolor="#FFFFFF" scope="row"><p> </p> <p align="center" class="style6">Biodata</p>
<table width="589"> <tr> <th width="161" scope="row"><div align="left">NPM</div></th> <th width="11" scope="row"><div align="left">:</div></th> <th width="401" scope="row"><div align="left"> 1157201000981 </div></th> </tr> <tr> <th scope="row"><div align="left">Nama</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">Dyat Sulistyowarni </div></th> </tr> <tr> <th scope="row"><div align="left">Kelas</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">D ( malam ) </div></th> </tr> <tr> <th scope="row"><div align="left">Mata Kuliah</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">IMK ( Interaksi Manusia dengan Komputer ) </div></th> </tr> <tr> <th scope="row"><div align="left">Fakultas</div></th> <th scope="row"><div align="left">:</div></th> <th scope="row"><div align="left">Ilmu Komputer </div></th> </tr> <tr> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> </tr> <tr> <th scope="row"> <p align="center">Universitas Darwan Ali </p> <p align="center">Sampit</p></th> <th scope="row"><div align="center"></div></th> <th scope="row"><div align="center"></div></th> </tr> <tr> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th> <th scope="row"><div align="left"></div></th>
</tr> </table> <p> </p> <p> </p> </th> </tr></table></body></html>
Demikian tugas yang dapat saya kerjakan jika ada kekurangannya saya minta maaf sekian dan terimakasih.
Dyat.s