Kamis, 26 Januari 2017

TUGAS PRAKTIKUM WEBSITE

TUGAS PRAKTIKUM WEBSITE

ADVISER : UMAM
DEVELOPER : LAILATUL QOMARIYAH
 
LATIHAN & TUGAS PRAKTIKUM
PEMBUATAN WEBSITE
STUDY KASUS
 
kode - kode
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center">

<tr>
<td bgcolor="ffcb87" width=200 align="center"><a href="load1.html">Film</a></td>
<td bgcolor="grey" width=200 align="center"><a href="load2.html">Dokumen</a></td> 
<td bgcolor="grey" width=200 align="center"><a href="load3.html">Music</a></td>
</tr>

<tr>
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#Movie 1" title="Download this file">Promise</a></li>
<li><a href="#Movie 2" title="Download this file">London Love Story</a></li>
<li><a href="#Movie 3" title="Download this file">Magic Hour</a></li>
<li><a href="#Movie 4" title="Download this file">AADC</a></li>
<li><a href="#Movie 5" title="Download this file">AADC 2</a></li>
</ol></td>
</tr>
</table> 
</body>
</HTML>
 
kode - kode
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center"> 

<tr> 
<td bgcolor="grey" width=200 align="center"><a href="load1.html">Pilem</a></td> 
<td bgcolor="#ffcb87" width=200 align="center"><a href="load2.html">Dokumen</a></td> 
<td bgcolor="grey" width=200 align="center"><a href="load3.html">Music</a></td> 
</tr> 

<tr> 
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#Tutorial Photoshop CS5 (E-book)" title="Download this file">Tutorial Make Up (E-book)</a></li>
<li><a href="#Tuturial Flash CS5 (E-book)" title="Download this file">Tuturial Berhijab (E-book)</a></li>
<li><a href="#Tutorial CorelDraw X5 (E-book)" title="Download this file">Tutorial Berpakaian (E-book)</a></li>
<li><a href="#Sejarah MotoGP(PDF)" title="Download this file">Sejarah Bunga Sakura(PDF)</a></li>
<li><a href="#Simple to Perfect Tips (PDF)" title="Download this file">Make Up Tips (PDF)</a></li>
</ol>
</td>
</tr>
</table> 
</body>
</HTML>
  
kode - kode
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi kasus II</title>
</head>
<body>
<font face="arial">
<h1 align="center" size="25">Download Dataku</h1>
<table border="0" width="400" align="center">

<tr> 
<td bgcolor="grey" width=200 align="center"><a href="load1.html">Pilem</a></td> 
<td bgcolor="grey" width=200 align="center"><a href="load2.html">Dokumen</a></td> 
<td bgcolor="#ffcb87" width=200 align="center"><a href="load3.html">Music</a></td> 
</tr> 

<tr> 
<td colspan="3" bgcolor="#ffcb87">
<ol>
<li><a href="#September Ends" title="Download this file">Jessy J - Flashlight</a></li>
<li><a href="#Perfect" title="Download this file">Bastian - Juara Hati</a></li>
<li><a href="#Saat bahagia" title="Download this file">Bastian - Lelah</a></li>
<li><a href="#My Immortal" title="Download this file">Vierra - Kesepian</a></li>
<li><a href="#Bayang Ilusi" title="Download this file">Vierra - Bersamamu</a></li>
</ol>
</td>
</tr>
</table> 
</body>
</HTML>
 
kode - kode
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Grafik Zn Mode</title>
</head>

<body>
<table align = "center" width = 1200 cellpadding = 15 background="graf.gif">
<tr>
<th align = "center" colspan = 50>
<h1>GRAFIK BATANG PENDUDUK di KALIMANTAN BARAT Thn.2015</h1>
</th>
</tr>

<tr>
<td background="rating.jpg" rowspan=15 width=100></td>
</tr>


<tr><!-- 11 -->
<td bgcolor="black" rowspan=12 width=0></td>
<td rowspan=11></td>
<td colspan=30></td>
</tr>

<tr><!-- 10 -->
<td colspan=30></td>
</tr>

<tr><!-- 9 -->
<td colspan=13></td>
<td rowspan=9 bgcolor="blue"></td>
<td colspan=9></td>
<td rowspan=9 bgcolor="blue"></td>
<td colspan=3></td>

</tr>

<tr><!-- 8 -->
<td></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td rowspan=8 bgcolor="red"></td>
<td></td>
<td rowspan=8 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 7 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="green"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=7 bgcolor="yellow"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 6 -->
<td></td>
<td></td>
<td></td>
<td></td>
<td rowspan=6 bgcolor="red"></td>
<td colspan=12></td>
<td rowspan=6 bgcolor="blue"></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 5 -->
<td></td>
<td rowspan=5 bgcolor="yellow"></td>
<td colspan=12></td>
<td rowspan=5 bgcolor="red"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 4 -->
<td></td>
<td rowspan=4 bgcolor="blue"></td>
<td></td>
<td rowspan=4 bgcolor="yellow"></td>
<td colspan=12></td>
</tr>

<tr><!-- 3 -->
<td></td>
<td></td>
<td rowspan=3 bgcolor="blue"></td>
<td></td>
<td></td>
<td rowspan=3 bgcolor="yellow"></td>
<td></td>
<td rowspan=3 bgcolor="yellow"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>

<tr><!-- 2 -->
<td rowspan=2 bgcolor= "red"></td>
<td colspan=13></td>
</tr>

<tr><!-- 1 -->
<td></td>
<td></td>
<td bgcolor="red"></td>
<td colspan=12></td>
</tr>

<tr>
<td bgcolor="black" colspan = 31></td>
</tr>

<tr>
<td bgcolor="grey" colspan = 31 background="racer.jpg"></td>
</tr>

</table>
<h2>
<table align= "center" width=500 cellpadding=15>
<tr>
<th><h3>Keterangan:</h3></th>
<th></th>
<th></th>
</tr>

<tr>
<td width=75 bgcolor="red"></td>
<td>: Pekerjaan</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="yellow"></td>
<td>: Pendidikan</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="green"></td>
<td>: Kelahiran</td>
<td></td>
</tr>

<tr>
<td></td>
<td></td>
<td></td>
</tr>

<tr>
<td bgcolor="blue"></td>
<td>: Kematian</td>
<td></td>
</tr>
</h2>
</table>
</body>
</html>
 
kode - kode
<!DOCTYPE html >
<html lang="en">
<head>
<title>Form Pemesanan</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function jumlah() {
var myForm = document.form1;
var mie bledeg = 10000 * eval(myForm.order1.value);
var sate ayam = 8000 * eval(myForm.order2.value);
var nasi goreng = 10000 * eval(myForm.order3.value);
var es jeruk = 5000 * eval(myForm.order4.value);
var es cendol = 3000 * eval(myForm.order5.value);
var hasil = mie bledeg+sate ayam+nasi goreng+es jeruk+es cendol;
if (hasil > 50000) {
    myForm.total.value = hasil;
    myForm.diskon.value = 10000;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
 } else {
    myForm.total.value = hasil;
    myForm.diskon.value = 0;
    myForm.bayar.value = hasil - eval(myForm.diskon.value);
 }
}
function resetForm(){
document.form1.reset();
}
</script>
<form name="form1" action="#" >
<font   size="7" color="brown" >Form Pemesanan Foods Berbasis JavaScript</font>
<table border="3" cellspacing=0 cellpadding=5 >
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<thead valign="middle">
<tr>
<th width="35"><font color="black" size="4">No</font>
<th width="200"><font color="black" size="4">Makanan/Minuman</font>
<th width="180"><font color="black" size="4">Harga Satuan</font>
<th width="100"><font color="black" size="4">Pesan</font>
</tr>
<tbody>
<tr>
<td>1<td>Mie Bledeg<td>@<input  type="text"    value="12000" readonly /><td>
<input  type="text"  name="order1" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td>2<td>Sate Ayam<td>@<input  type="text"    value="10000" readonly /><td>
<input  type="text"  name="order2" value="0" onChange="jumlah()" />
</tr>
<tr>
<td>3<td>Nasi Goreng<td>@<input  type="text"   value="15000" readonly /> <td>
<input  type="text"  name="order3" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td>4<td>Es Jeruk<td>@<input  type="text"   value="5000" readonly />
<td><input  type="text"  name="order4" value="0" onChange="jumlah()" />
</tr>
<tr>
<td>5<td>Es Cendol<td>@<input  type="text"   value="7000" readonly /> <td>
<input  type="text"  name="order5" value="0" onChange="jumlah()"/>
</tr>
<tr>
<td colspan=3 align="right">Jumlah Total<td><input  type="text"  name="total"  readonly />
</tr>
<tr>
<td colspan=3 align="right">Diskon<td><input  type="text"  name="diskon" readonly />
</tr>
<tr>
<td colspan=3 align="right">Jumlah Bayar<td><input  type="text"  name="bayar"  readonly />
</tr>
<tr>
<td colspan=4 align="right"><input type="button" value="BATAL" onClick="resetForm()" /><td/>
</tr>
</table>
<br/>
</form>
</body>
</html>
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)