Senin, 07 Maret 2011

Membuat Form Pemesanan makanan dan minuman ( Tugas Praktikum Modul 5 )

yang pertama membuat file javascriptnya
function jumlah(){
    var total = parseInt(document.warung.total.value);
    var diskonwarung = parseInt(document.warung.diskonwarung.value);
    var bayar = total - diskonwarung;
  
    document.warung.bayar.value = bayar;
}

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 06 Maret 2011

Membuat kalkulator sederhana (MODUL 5)

Script Programnya adalaaahhh ....
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Kalkulator</title>
    </head>
    <body background="http://localhost/modul%205%20new/1600x1200_black.jpg">
    <script language="JavaScript" type="text/javascript" >
    <!--
    function aritmetika(){
    var MyForm = document.kalkulator;
    var nilai1 = parseInt(MyForm.nilai1.value);
    var nilai2 = parseInt(MyForm.nilai2.value);  
    var hitung = MyForm.hitung.value;
    var hasil;
  
Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 27 Februari 2011

TUGAS PRAKTIKUM MODUL 4

Scriptnya :
body {
margin: 10px auto;
width: 1024px;
}

header,nav,section,footer {
display:block;
}

button input{
height:30px;
width:50px;
border: 1px solid blue;
}

right :hover{
color : blue;
background-color : white;
text-align : center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

STUDI KASUS MODUL 4

Script PROGRAM .

body{
margin:10px auto;
width:850px;
}
header{
display:block;
height:80px;
border:5px dashed purple;
}
kanan{
float: right;
margin-right: 15px;
}
nav{
float:left;
height:30px;
width:803px;
border:5px solid blue;
padding:20px 20px 20px 20px;
}
section{
float:left;
display:block;
height:470px;
border:10px solid red;
padding:20px 20px 20px 20px;
}

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 20 Februari 2011

TUGAS PRAKTIKUM MODUL 3 (cascading Style Sheet)

Script Program
Script pertama simpan dengan nama design.css
#header {
height : 80px;
background: #3366cc;
font-family: times new roman;
font-size:14px;
color: white;
}
#logo{
padding: 30px 400px 20px 200px;
float: left;
}
#footer{
padding: 20px;
background: #3366cc;
height:40px;
clear:both;
font-family: arial;
color: white;
font-size:12px
}
#isi{
float:left;
height : 430px;
weight : 100%;
background-image: URL(bg.jpg);
}
#isi-huruf{
float:left;
padding: 51px 0px 50px 360px;
font-family: arial;
color: #3366cc;
}
#isi-textbox{
float:left;
padding : 106px 50px 100px 0px;
font-family: arial;
color : #3366cc;
}
#peta{
float: left;
padding: 50px 50px 0px 50px;
font-family: arial;
font-weight: bold;
color: #3366cc;
width: 500px;
}

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

STUDI KASUS MODUL 3 (CASCADING STYLE SHEET)

Script Program

<!DOCTYPE html>
<html lang="en">

<head>
<title>Study Kasus</title>
<style type="text/css">
<!--
.round {
margin-top: 10px;
margin-left: 10px;
width: 200px;
height: 200px;
background: #ff33ff;
border: 4px solid #ffff00;
-moz-border-radius : 200px;
-moz-border-radius : 200px;
padding : 35px 35px 35px 35px;
}

.box2 {
margin-top: 10px;
margin-left: 10px;
background-color :#f5f805;
padding: 5px;
width: 400px;
height: 120px;
border: 3px solid #3aea0b;
-moz-border-radius-topleft : 39px;
-moz-border-radius-bottomright : 39px;
-web-kid-radius : 200 px;
}

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 13 Februari 2011

TUGAS PRAKTIKUM MODUL 2 NOMER 1

Sintaks Program 
<!DOCTYPE HTML>
<html lang="eng">
<head>
<title>GRAFIK HASIL TES SD NEGERI PENDTIUM</title>
</head>

<body >
<table width="600" height="300" border="0" cellspacing="0" bgcolor="#726e6e" frame="hsides" rules="groups">
<caption><b>GRAFIK HASIL TES SD NEGERI PENDTIUM</b></caption>
<tr>
<td width="15">100</td>
<td width="5"></td>
<td bgcolor="#000000"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
<td width="15"></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td></td>
<td bgcolor="#0000FF"></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></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td >50</td>
<td ></td>
<td width="5" bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td></td>
<td bgcolor="#00FFFF"></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></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td height="50" bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></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></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td></td>
<td></td>
<td></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td></td>
<td bgcolor="#0000FF"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td bgcolor="#000000"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
<td bgcolor="#FF0000"></td>
<td bgcolor="#0000FF"></td>
<td bgcolor="#00FF00"></td>
<td bgcolor="#FFFF00"></td>
<td bgcolor="#00FFFF"></td>
<td></td>
</tr>
<tr>
<td height="5">0</td>
<td width="5" height="5" bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
<td bgcolor="#000000"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="5"><div align="center">Herlambang</div></td>
<td></td>
<td colspan="5"><div align="center">Nidhom</div></td>
<td></td>
<td colspan="5"><div align="center">Bian</div></td>
<td></td>
<td colspan="5"><div align="center">Sonny</div></td>
<td></td>
</tr>
</table>
<p><i>Keterangan :</i></p>
<table border=0>
<tr>
<td colspan=3 bgcolor="#ff0000" width=60></td>
<td></td>
<td></td>
<td>:</td>
<td></td>
<td></td>
<td><i> Kemampuan Membaca </i></td>
</tr>
<tr>
<td colspan=3 bgcolor="#002aff" width=60></td>
<td></td>
<td></td>
<td>:</td>
<td></td>
<td></td>
<td><i> Kemampuan Menulis </i></td>
</tr>
<tr>
<td colspan=3 bgcolor="#00FF00" width=60></td>
<td></td>
<td></td>
<td>:</td>
<td></td>
<td></td>
<td><i> Kemampuan Mendengar </i></td>
</tr>
<tr>
<td colspan=3 bgcolor="#FFFF00" width=60></td>
<td></td>
<td></td>
<td>:</td>
<td></td>
<td></td>
<td><i> Kemampuan Berbicara </i></td>
</tr>
<tr>
<td colspan=3 bgcolor="#00FFFF" width=60></td>
<td></td>
<td></td>
<td>:</td>
<td></td>
<td></td>
<td><i> Kemampuan Menggambar </i></td>
</tr>
</table>
</body>
</html>

PrintScreen
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)