Full Face
Selasa, 15 Maret 2011
Sign Up Form-UTS
<br /> <!doctype html><br /> <html lang="en"><br /> <head><br /> <title>UTS</title><br /> </head><br /> <body><br /> <h3>.:: Sign Up Form ::.<h3><br /> <?php if($_POST){ $nama = $_POST['nama']; $email = $_POST['email']; $alamat = $_POST['alamat']; $kota = $_POST['kota']; $kodePos = $_POST['kode_pos']; $error = array(); if(empty($nama)){ $error['nama'] = 'Nama tidak boleh kosong'; } if(empty($email)){ $error['email'] = 'Email tidak boleh kosong'; } if(empty($alamat)){ $error['alamat'] = 'Alamat tidak boleh kosong'; } if(empty($kota)){ $error['kota'] = 'Kota tidak boleh kosong'; } if(empty($kodePos)){ $error['kode_pos'] = 'Kode pos tidak boleh kosong'; } if(empty($error)){ //prosess data } } ?> <br /> <form name="form-name" method="post" action=""> <dl> <dt>Nama:</dt> <dd> <input name="nama" id="nama" type="text" value="<?php echo isset($_POST['nama']) ? $_POST['nama'] : '';?>" /> <div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div> </dd> <dt>Email:</dt> <dd> <input name="email" id="email" type="text" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" /> <div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div> </dd> <dt>Alamat:</dt> <dd> <input name="alamat" id="alamat" type="text" value="<?php echo isset($_POST['alamat']) ? $_POST['alamat'] : '';?>" /> <div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div> </dd> <dt>Kota:</dt> <dd> <input name="kota" id="kota" type="text" value="<?php echo isset($_POST['kota']) ? $_POST['kota'] : '';?>" /> <div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div> </dd> <dt>Kode POS:</dt> <dd> <input name="kode_pos" id="kode_pos" type="text" value="<?php echo isset($_POST['kode_pos']) ? $_POST['kode_pos'] : '';?>" /> <div style="color:red"><?php echo isset($error['kode_pos']) ? $error['kode_pos'] : '';?></div> </dd> <dt></dt> <dd> <input name="submit" id="submit" type="Submit" value="Submit" /> </dd> </dl> </form> <br /> </body><br /> </html><br />
Senin, 28 Februari 2011
Tugas praktikum modul5
<br /> function totalHarga(){<br /> var harga;<br /> var pesanan;<br /> var total = 0;<br /> for(i = 0; i < 12; i += 2){ harga = parseInt(document.pemesanan[i].value); pesanan = parseInt(document.pemesanan[i + 1].value); if(pesanan > 0){<br /> total = total + (harga * pesanan);<br /> }<br /> document.pemesanan.total.value = total;<br /> }<br /> }<br /> <br /> function diskon(){<br /> var total = parseInt(document.pemesanan.total.value);<br /> var diskon = 0;<br /> if(total >= 100000){<br /> diskon = 7.5 / 100 * total;<br /> }<br /> else if(total >= 50000){<br /> diskon = 5 / 100 * total;<br /> }<br /> else if(total >= 25000){<br /> diskon = 2.5 / 100 * total;<br /> }<br /> document.pemesanan.diskon.value = diskon;<br /> }<br /> <br /> function jumlahBayar(){<br /> var total = parseInt(document.pemesanan.total.value);<br /> var diskon = parseInt(document.pemesanan.diskon.value);<br /> var bayar = total - diskon;<br /> document.pemesanan.bayar.value = bayar;<br /> }<br /> <br /> function proses(){<br /> totalHarga();<br /> diskon();<br /> jumlahBayar();<br /> }<br /> <br /> function reset(){<br /> var elemen = document.pemesanan;<br /> elemen.pesan1.value = "";<br /> elemen.pesan2.value = "";<br /> elemen.pesan3.value = "";<br /> elemen.pesan4.value = "";<br /> elemen.pesan5.value = "";<br /> elemen.pesan6.value = "";<br /> elemen.total.value = "";<br /> elemen.diskon.value = "";<br /> elemen.bayar.value = "";<br /> }<br />
<br /> <!DOCTYPEhtml><br /> <html lang="en"><br /> <head><br /> <title>Form Pemesanan</title><br /> <script language="JavaScript" type="text/javascript" src="pemesanan.js"></script><br /> <br /> </head><br /> <body><br /> <br /> <h2><font face="Comic Sans MS" color="purple">.::Form Pemesanan Berbasis Java Script::.</font></h2><br /> <form name="pemesanan" action="#"><table border="3"><tr bgcolor=#eed0ea> <th>No</th> <th>Makanan / Minuman</th> <th>Harga</th> <th>Pesan</th> </tr> <tr> <td align="center">1</td> <td>Bakso Super</td> <td>@<input type="text" name="harga1" value="12000" onchange="proses()" /></td> <td><input type="text" name="pesan1" onchange="proses()" /></td> </tr> <tr> <td align="center">2</td> <td>Soto Madura</td> <td>@<input type="text" name="harga2" value="10000" onchange="proses()" /></td> <td><input type="text" name="pesan2" onchange="proses()" /></td> </tr> <tr> <td align="center">3</td> <td>Mie Ayam Istimewa</td> <td>@<input type="text" name="harga3" value="15000" onchange="proses()" /></td> <td><input type="text" name="pesan3" onchange="proses()" /></td> </tr> <tr> <td align="center">4</td> <td>Es Degan Cihuy</td> <td>@<input type="text" name="harga4" value="5000" onchange="proses()" /></td> <td><input type="text" name="pesan4" onchange="proses()" /></td> </tr> <tr> <td align="center">5</td> <td>Es Campur Merapi</td> <td>@<input type="text" name="harga5" value="7000" onchange="proses()" /></td> <td><input type="text" name="pesan5" onchange="proses()" /></td> </tr> <tr> <td align="center">6</td> <td>Gorengan Campur</td> <td>@<input type="text" name="harga6" value="500" onchange="proses()" /></td> <td><input type="text" name="pesan6" onchange="proses()" /></td> </tr> <tr> <td colspan="3" align="right" bgcolor=#eed0ea>Jumlah Total</td> <td><input type="text" name="total" readonly /></td> </tr> <tr> <td colspan="3" align="right" bgcolor=#eed0ea>Diskon</td> <td><input type="text" name="diskon" readonly /></td> </tr> <tr> <td colspan="3" align="right" bgcolor=#eed0ea>Jumlah Dibayar</td> <td><input type="text" name="bayar" readonly /></td> </tr> </table><br><br /> <input type="button" name="batal" value="Batal" onclick="reset()" /><br /> </form></body><br /> </html><br />
Studi Kasus modul 5-Kalkulator
<br /> function jumlah(){<br /> var komponen = document.calc;<br /> var angka1 = parseInt(komponen.angka1.value);<br /> var angka2 = parseInt(komponen.angka2.value); <br /> var op = komponen.op.value;<br /> var hasil;<br /> hasil = angka1 + angka2;<br /> komponen.hasil.value = hasil;<br /> }<br /> <br /> function kurang(){<br /> var komponen = document.calc;<br /> var angka1 = parseInt(komponen.angka1.value);<br /> var angka2 = parseInt(komponen.angka2.value); <br /> var op = komponen.op.value;<br /> var hasil;<br /> hasil = angka1 - angka2;<br /> komponen.hasil.value = hasil;<br /> }<br /> <br /> function kali(){<br /> var komponen = document.calc;<br /> var angka1 = parseInt(komponen.angka1.value);<br /> var angka2 = parseInt(komponen.angka2.value); <br /> var op = komponen.op.value;<br /> var hasil;<br /> hasil = angka1 * angka2;<br /> komponen.hasil.value = hasil;<br /> }<br /> <br /> function bagi(){<br /> var komponen = document.calc;<br /> var angka1 = parseInt(komponen.angka1.value);<br /> var angka2 = parseInt(komponen.angka2.value); <br /> var op = komponen.op.value;<br /> var hasil;<br /> hasil = angka1 / angka2;<br /> komponen.hasil.value = hasil;<br /> }<br /> <br /> function reset(){<br /> var elemen = document.calc;<br /> elemen.angka1.value = "";<br /> elemen.angka2.value = "";<br /> elemen.hasil.value = "";<br /> }<br />
<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br /> <title>My Kalkulator</title><br /> <script language="JavaScript" type="text/javascript" src="kalku.js"></script><br /> </head><br /> <br /> <font face="Comic Sans MS" size="6" color="purple">Kalkulator Sederhana </font><br /> <br><br /> <br><br /> <form name="calc" action="#"><font face="Comic Sans MS" color="purple">Bilangan Pertama :</font><br /> <input type="text" size="25" name="angka1" /><br><br /> <br><br /> <font face="Comic Sans MS" color="purple">Bilangan Kedua :</font><br /> <input type="text" size="25" name="angka2" /><br><br /> <br><br /> <input name="op" type="button" value="+" onclick="jumlah()" /><br /> <input name="op" type="button" value="-" onclick="kurang()" /><br /> <input name="op" type="button" value="x" onclick="kali()" /><br /> <input name="op" type="button" value="/" onclick="bagi()" /><br><br /> <br><br /> <font face="Comic Sans MS" color="purple">Hasil :</font> <br /> <input type="text" size="25" name="hasil" readonly /><br><br /> <br><input name="op" type="button" value="Reset" onclick="reset()" /><br><br /> <br /> </body><br /> </html><br />
Selasa, 22 Februari 2011
Tugas Praktikum modul4
<br /> body { <br /> width: 800px;<br /> border: 2px solid #a68428 <br /> }<br /> header, nav, section, footer {<br /> display: block;<br /> }<br /> header {<br /> height: 100px;<br /> border: none;<br /> background-color: #ebbbae;<br /> background-image: url(121.jpg);<br /> }<br /> atas{<br /> position: relative;<br /> left: 20px;<br /> }<br /> header <br /> #bagian{<br /> float: left;<br /> margin: 10px;<br /> }<br /> nav {<br /> height: 40px;<br /> background-color: #d6a23f;<br /> }<br /> nav <br /> #search{<br /> float : left;<br /> margin: 10px;<br /> }<br /> nav <br /> #box{<br /> position: relative;<br /> top: 10px;<br /> width: auto;<br /> height: auto;<br /> border: 1px solid;<br /> float: left; <br /> }<br /> nav <br /> #kanan{<br /> position: relative;<br /> top: 5px;<br /> width: 400px;<br /> height: 30px;<br /> float: right;<br /> }<br /> #kanan span{<br /> position: relative;<br /> padding:3px 10px 3px 10px;<br /> margin:5px;<br /> top:5px;<br /> }<br /> section {<br /> height: 480px;<br /> }<br /> #article {<br /> float: left;<br /> margin: 10px;<br /> width: 185px;<br /> height: 460px;<br /> background-image: url(cookies.jpg);<br /> border: 5px solid black<br /> }<br /> aside {<br /> float: left;<br /> width: 585px;<br /> height: 450px;<br /> }<br /> aside <br /> #pertama {<br /> border: 0px solid pink;<br /> height:70%;<br /> }<br /> aside <br /> #kedua {<br /> border: 1px solid #f776bc;<br /> height:30%;<br /> background-color:#d6a23f;<br /> margin: 5px;<br /> }<br /> #link {<br /> margin: 10px;<br /> }<br /> footer {<br /> height: 40px;<br /> border: none;<br /> background-color: #d6a23f;<br /> }<br /> footer <br /> #bawah {<br /> position: relatif;<br /> float:right;<br /> margin: 10px;<br /> }<br /> footer <br /> #tengah {<br /> position:relative;<br /> left:300px;<br /> } <br />
<br /> <doctype><br /> <html lang="en"><br /> <br /> <head><br /> <title>homeWork</title><br /> <link rel="stylesheet" href="tprak.css" type="text/css"><br /> </head><br /> <br /> <body><br /> <header><br /> <atas><img src="feel_good.png" align ="left" /><br /> <span id="bagian" align="left"><br /> <span style="color:orange;"><h1>Full Box Brownies</h1><span><br /> </span><br /> </atas><br /> </header><br /> <br /> <nav><br /> <span id="search"><br /> search<br /> </span><br /> <span id="box"><br /> <input type="text"><br /> </span><br /> <div id="kanan"><a href="#"><span>Jendela</span></a><br /> <a href="#"><span>Paling Populer</span></a><br /> <a href="#"><span>Tips</span></a><br /> <a href="#"><span>intip</span></a><br /> </div></nav><br /> <br /> <section><br /> <div id="article"></div><br /> <aside><br /> <div id="pertama"><h2>Tau gag sih???</h2><p>Cokelat dapat menyebabkan timbulnya jerawat.<br /> Para ahli yakin bahwa timbulnya jerawat lebih dipengaruhi oleh <br /> stres dan hormon yang menyebabkan kondisi kulit mengalami berlebihnya <br /> aktivitas jaringan minyak.<br /> <br /> Cokelat menyebabkan obesitas.<br /> Para ahli gizi berpendapat bahwa tidak ada sesuatu makanan pun <br /> yang dapat menyebabkan kegemukan. Berat badan seseorang bertambah <br /> ketika kalori yang masuk ke dalam tubuh lebih besar daripada kalori <br /> yang dibuang/dikeluarkan melalui aktifitas fisik. Penelitian yang <br /> dilakukan pada asupan diet rata-rata di Amerika menunjukkan bahwa <br /> cokelat hanya berkontribusi 0,7 รข€“ 1,0% dari total kalori. Oleh <br /> karena itu, tetap dianjurkan untuk mengontrol jumlah asupan kalori <br /> dan yang terbuang.<br /> </div><br /> <div id="kedua"><span>Coba buka : </span><br /> <div id="link"><a href="#"><li>Resep khas thailand</li></a><br /> <a href="#"><li>Keuntungan cokelat</li></a><br /> <a href="#"><li>Negara penghasil cokelat</li></a><br /> <a href="#"><li>Mandiri dengan cokelat</li></a><br /> </div></div></aside><br /> </section><br /> <br /> <footer><br /> <span id="bawah"><br /> @<br /> <a href = " http://lintul.blogspot.com/">Ika Amalia Rahmawati </a><br /> </span> <br /> Jendela | Paling Populer | Tips | Intip<br /> </span><br /> </footer><br /> </body><br /> </html><br />
studi kasus modul 3
<br /> .lingkaran{<br /> -moz-border-radius : 100px;<br /> -webkit-border-radius :100px;<br /> border: 2px solid #8bb874;<br /> width: 200px;<br /> height: 200px;<br /> background-color: #7ff247;<br /> <br /> }<br /> #isi-lingkaran {<br /> font: 20px Comic Sans MS;<br /> text-align : center;<br /> position : relative;<br /> border : none;<br /> width : 100px;<br /> height : 50px;<br /> top : 50px;<br /> }<br /> <br /> .kotak{<br /> font: 20px Comic Sans MS;<br /> border: 3px solid #5490d4;<br /> width: 300px;<br /> height: 50px;<br /> padding : 10px;<br /> Border-bottom-right-radius: 40px;<br /> Border-top-left-radius:40px;<br /> }<br /> <br /> .bayangan{<br /> font: 20px Comic Sans MS;<br /> padding : 20px;<br /> border : 2px solid #f28c47;<br /> width : 300px;<br /> height: 50px;<br /> -moz-box-shadow : -5px -5px 3px rgba(255, 30, 1 ,3);<br /> -webkit-box-shadow : -5px -5px 3px rgba (255,0,60,1);<br /> }<br /> <br />
<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <title>sk modul telu</title><br /> <link rel="stylesheet" href="eska3.css" type="text/css"/><br /> </head><br /> <br /> <body><br /> <div class="lingkaran" align="center"> <p id = "isi-lingkaran">Ini adalah lingkaran.</p> </div> <br/><br /> <div class="kotak">Ini persegi yg bersudut lengkung.</div> <br><br /> <div class="bayangan">Ini persegi yang punya sudut bayangan.</div </body></html><br />
studi kasus modul 4
<br /> body{<br /> margin: 10px auto;<br /> width : 1000px;<br /> }<br /> <br /> header,nav, section, footer {<br /> display : block;<br /> }<br /> <br /> #header {<br /> height: 80px;<br /> border: 2px solid purple;<br /> }<br /> <br /> #nav{<br /> height : 30px;<br /> border: 2px solid orange;<br /> }<br /> #section {<br /> height: 400px;<br /> border : 2px solid green;<br /> }<br /> <br /> #article {<br /> float : left;<br /> margin-right: 30px;<br /> margin-top: 15px;<br /> margin-left: 30px;<br /> width: 550px;<br /> height: 350px;<br /> border: 2px dashed red;<br /> }<br /> <br /> #aside{<br /> float: left;<br /> margin-left: 40px;<br /> margin-right: 50px;<br /> margin-top: 15px;<br /> width: 270px;<br /> height: 350px;<br /> border: 2px dashed black;<br /> <br /> }<br /> <br /> #footer{<br /> clear: both;<br /> height:50px;<br /> border: 1px solid blue;<br /> }<br />
<br /> <!DOCTYPE HTML><br /> <html lang="en"><br /> <br /> <head><br /> <title>sk modul papat</title><br /> <link rel="stylesheet" href="papat.css" type="text/css" /><br /> <br /> </head><br /> <br /> <body><br /> <br /> <br /> <div id="header">Header<br /> </div><br /> <div id="nav">Nav<br /> </div><br /> <div id="section"><br /> <div id="article">Article<br /> </div><br /> <div id="aside">Aside<br /> </div>Section<br /> </div><br /> <div id="footer">Footer<br /> </div></div></body><br /> </html><br />
Selasa, 15 Februari 2011
Tugas layout fb
<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br /> <link rel="shortcut icon" href="icon.png"><br /> <title>Selamat Datang di Face-mu - Masuk, ...</title><br /> <br /> <link rel="stylesheet" href="inti.css" type="text/css" /><br /> <br /> </head><br /> <br /> <body><br /> <br /> <div id="atas"><br /> <div class="halaman"><span id="rai"><br /> <img src="facemu.png" /><br /> </span><br /> <div id="logine"> <form method="POST"> <br /> <div id="tulisanbesar"> <span class="masukan1">Email:</span><br /> <span>Password:</span><br /> </div> <span id="input"><br /> <br /> <span class="masukan2"><br /> <input name="email" type="email" value="" /><br /> </span><br /> <span class="masukan2"><br /> <input name="pswd" type="password" value="" /><br /> </span> <br /> </span><br /> <input name="submit" type="submit" value="Masuk" /><br /> <div id="tulisankecil"><br /> <input name="mlebu" type="checkbox" /><br /> <span class="masukan3">Biarkan saya tetap masuk</span><br /> <span><br /> <a href="#">Lupa kata sandi Anda?</a></span> <br /> </div> <br /> </form></div></div></div><br /> <div id="tengah"><br /> </div><br /> <div id="bawah"> <span id="footer"><br /> Face-mu © 2011 - Ika Amalia Rahmawati<br /> </span><br /> </div><br /> </body><br /> </html><br />
<br /> <STYLE> BODY { } #atas { BACKGROUND-COLOR: #4c76cb; HEIGHT: 85px; COLOR: white } #atas A:link { COLOR: white; TEXT-DECORATION: none } #atas A:visited { COLOR: white; TEXT-DECORATION: none } #atas A:hover { COLOR: white; TEXT-DECORATION: underline } #atas A:active { COLOR: white } #rai { POSITION: relative; TOP: 30px } #tengah { POSITION: relative; BACKGROUND: url(Resource tugas praktikum Bab III/bg.jpg); HEIGHT: 400px; TOP: 30px } #bawah { POSITION: relative; BACKGROUND-COLOR: #4c76cb; FONT: 16px Calibri; HEIGHT: 30px; COLOR: white; TOP: 30px } #logine { POSITION: relative; FLOAT: right; TOP: 15px } #logine DIV { POSITION: relative } #logine #tulisanbesar { FONT: 16px Calibri } #logine #tulisankecil { FONT: 11px Calibri } #logine #tulisankecil SPAN { POSITION: relative; TOP: -3px } .halaman #bawah #footer { BORDER-BOTTOM: blue 2px solid; POSITION: relative; BORDER-LEFT: blue 2px solid; BORDER-TOP: blue 2px solid; TOP: 5px; BORDER-RIGHT: blue 2px solid; LEFT: 30px } #input INPUT { BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid } .masukan1 { PADDING-RIGHT: 115px } .masukan2 { PADDING-RIGHT: 10px } .masukan3 { PADDING-RIGHT: 15px } </STYLE><br />
Postingan Lama
Beranda
Langganan:
Postingan (Atom)
