Chyul's Zone

Sabtu, 12 Maret 2011

UTS - Membuat Sign Up Form Sederhana Menggunakan PHP

Code
uts.php

<!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br /> <title>Konsep Sign In</title><br />  <script language="JavaScript" type="text/javascript" src="uts.js"></script><br /> </head><br /> <br /> <body background="b.gif"><br /> <h1>:: Sign Up Form :: </h1><?php        if($_GET){        $nama = $_GET['nama'];        $email = $_GET['email'];        $alamat = $_GET['alamat'];        $kota = $_GET['kota'];        $kode = $_GET['kode'];           $error = array();        if(empty($nama)){            $error['nama'] = 'Maaf, Nama tidak boleh kosong';        }           if(empty($email)){            $error['email'] = 'Maaf, Email tidak boleh kosong';           }           if(empty($alamat)){            $error['alamat'] = 'Maaf, Alamat tidak boleh kosong';           }           if(empty($kota)){            $error['kota'] = 'Maaf, Kota tidak boleh kosong';           }           if(empty($kode)){            $error['kode'] = 'Maaf, Kode pos tidak boleh kosong';           }           if(empty($error)){        }        }   ?><br /> <br /> <form action="<?php $_SERVER['PHP_SELF'];?>" method="GET"><br /> Nama :<br /> <br><input type="text" name="nama" value ="<?php echo isset($_GET['nama']) ? $_GET['nama'] : '';?>"/> <br/><br /> <div style="color:red"><?php echo isset($error['nama']) ? $error['nama'] : '';?></div><br><br /> Email :<br /> <br><input type="text" name="email" value ="<?php echo isset($_GET['email']) ? $_GET['email'] : '';?>"/> <br/><br /> <div style="color:red"><?php echo isset($error['email']) ? $error['email'] : '';?></div><br><br /> Alamat :<br /> <br><input type="text" name="alamat" value = "<?php echo isset($_GET['alamat']) ? $_GET['alamat'] : '';?>"/> <br/><br /> <div style="color:red"><?php echo isset($error['alamat']) ? $error['alamat'] : '';?></div><br><br /> Kota :<br /> <br><input type="text" name="kota" value = "<?php echo isset($_GET['kota']) ? $_GET['kota'] : '';?>"/> <br/><br /> <div style="color:red"><?php echo isset($error['kota']) ? $error['kota'] : '';?></div><br><br /> Kode Pos :<br /> <br><input type="text" name="kode" value = "<?php echo isset($_GET['kode']) ? $_GET['kode'] : '';?>"/> <br/><br /> <div style="color:red"><?php echo isset($error['kode']) ? $error['kode'] : '';?></div><br><br /> <br><input type="submit" value ="PROSES" /> <br /> </form><br><br /> <?php if (isset ($_GET['nama'])) { echo 'Hallo, ' . $_GET['nama']; } ?><br /> <br><br /> <?php if (isset ($_GET['email'])) { echo 'Email Anda :  ' . $_GET['email']; } ?><br /> <br><br /> <?php if (isset ($_GET['alamat'])) { echo 'Alamat Anda :  ' . $_GET['alamat']; } ?><br /> <br><br /> <?php if (isset ($_GET['kota'])) { echo 'Kota Anda :  ' . $_GET['kota']; } ?><br /> <br><br /> <?php if (isset ($_GET['kode'])) { echo 'Kode Pos :  ' . $_GET['kode']; } ?><br /> </body><br /> </html>

Print Screen
Jika Form ada yang tidak diisi maka memunculkan notifikasi error, tampilannya sebagai berikut:

Jika Form diisi semua maka akan menampilkan hasil dari pengisian seperti terlihat dibawah form, tampilannya sebagai berikut :

Rabu, 02 Maret 2011

Modul 5 DHTML dan Java Script

Studi Kasus

kal.css

body {<br /> margin: 20 px;<br /> width: 500px;<br /> }<br /> <br /> titel{<br /> display: block;<br /> }<br /> <br /> titel{<br /> height: 100px;<br /> width: 500px;<br /> text-align: center;<br /> border: 3px solid pink;<br /> }

hitungan.js

function proses(){<br />     var variabel = document.kalkulator;<br />     var a = parseInt(variabel.a.value);<br />     var b = parseInt(variabel.b.value);   <br />     var op = variabel.op.value;<br />     var hasil;<br />    <br />     if(op == "add"){<br />         hasil = a + b;<br />     }<br />     else if(op == "sub"){<br />         hasil = a - b;<br />     }<br />     else if(op == "mpy"){<br />         hasil = a * b;<br />     }<br />     else{<br />         hasil = a / b;<br />     }<br />    <br />     variabel.hasil.value = hasil;<br /> }

kalkulator.html

<!DOCTYPE html><br /> <html lang="en"><br />     <head><br />         <title>Kalkulator Sederhana</title><br />         <script language="JavaScript" type="text/javascript" src="hitungan.js"></script><br />     <link rel="stylesheet" href="kal.css" type=text/css /><br />  </head><br />     <body background = "b.gif"><br />  <titel><br />             <font color="purple" face="cambria" size=12><b> Kalkulator Sederhana </b></font><br />             <form name="kalkulator" action="#">                <input type="text" size="6" name="a"><br />                 <select name="op"><br />                     <option value="add">+</option><br />                     <option value="sub">-</option><br />                     <option value="mpy">*</option><br />                     <option value="div">:</option><br />                 </select><br />                 <input type="text" size="6" name="b"><br />                 <input type="button" value="=" onclick="proses()"/><br />                 <input type="text" size="12" name="hasil" readonly><br />             </form> </titel><br />     </body><br /> </html>

Print Screen :

Fungsi Tambah

Fungsi Kurang

Fungsi Kali

Fungsi Bagi

Tugas Rumah

Kasir.js

function totalHarga(){<br />     var harga;<br />     var pesanan;<br />     var total = 0;<br />    <br />     for(i = 0; i < 10; i += 2){         harga = parseInt(document.kasir[i].value);         pesanan = parseInt(document.kasir[i + 1].value);                 if(pesanan > 0){<br />             total = total + (harga * pesanan);<br />         }<br />        <br />         document.kasir.total.value = total;<br />     }<br /> }<br /> <br /> function diskon(){<br />     var total = parseInt(document.kasir.total.value);<br />     var diskon = 0;<br />    <br />     if(total >= 100000){<br />         diskon = 20 / 100 * total;<br />     }<br />     else if(total >= 50000){<br />         diskon = 10 / 100 * total;<br />     }<br />     else if(total >= 25000){<br />         diskon = 5 / 100 * total;<br />     }<br />    <br />     document.kasir.diskon.value = diskon;<br /> }<br /> <br /> function jumlahBayar(){<br />     var total = parseInt(document.kasir.total.value);<br />     var diskon = parseInt(document.kasir.diskon.value);<br />     var bayar = total - diskon;<br />    <br />     document.kasir.bayar.value = bayar;<br /> }<br /> <br /> function proses(){<br />     totalHarga();<br />     diskon();<br />     jumlahBayar();<br /> }<br /> <br /> function reset(){<br />     var elemen = document.kasir;<br />    <br />     elemen.pesan1.value = "";<br />     elemen.pesan2.value = "";<br />     elemen.pesan3.value = "";<br />     elemen.pesan4.value = "";<br />     elemen.pesan5.value = "";<br />     elemen.total.value = "";<br />     elemen.diskon.value = "";<br />     elemen.bayar.value = "";<br /> }

Kasir.html

<!DOCTYPE html><br /> <html lang="en"><br />     <head><br />         <title>Form kasir - Tugas Praktikum Modul 5</title><br />         <script language="JavaScript" type="text/javascript" src="kasir.js"></script><br />     </head><br />     <body background = "a.jpg"><br />         <hr/>            <div class="title"><h2>Form kasir Berbasis JavaScript</h2></div>        <hr/>            <form name="kasir" action="#">                <table border="1">                    <tr>                         <th>No</th>                         <th>Makanan / Minuman</th>                         <th>Harga</th>                         <th>Pesan</th>                     </tr>                     <tr>                         <td>1</td>                         <td>Bakso Istimewa</td>                         <td>@<input type="text" name="harga1" value="12000" onchange="proses()"/></td>                         <td><input type="text" name="pesan1" onchange="proses()"/></td>                     </tr>                     <tr>                         <td>2</td>                         <td>Soto Spesial</td>                         <td>@<input type="text" name="harga2" value="10000" onchange="proses()"/></td>                         <td><input type="text" name="pesan2" onchange="proses()"/></td>                     </tr>                     <tr>                         <td>3</td>                         <td>Mie Ayam Super</td>                         <td>@<input type="text" name="harga3" value="15000" onchange="proses()"/></td>                         <td><input type="text" name="pesan3" onchange="proses()"/></td>                     </tr>                     <tr>                         <td>4</td>                         <td>Es Degan</td>                         <td>@<input type="text" name="harga4" value="5000" onchange="proses()"/></td>                         <td><input type="text" name="pesan4" onchange="proses()"/></td>                     </tr>                     <tr>                         <td>5</td>                         <td>Es Campur</td>                         <td>@<input type="text" name="harga5" value="7000" onchange="proses()"/></td>                         <td><input type="text" name="pesan5" onchange="proses()"/></td>                     </tr>                     <tr>                         <td colspan="3" align="right">Jumlah Total</td>                         <td><input type="text" name="total" readonly /></td>                     </tr>                     <tr>                         <td colspan="3" align="right">Diskon</td>                         <td><input type="text" name="diskon" readonly /></td>                     </tr>                     <tr>                         <td colspan="3" align="right">Jumlah Dibayar</td>                         <td><input type="text" name="bayar" readonly /></td>                     </tr>                 </table>                <br><br />                 <input type="button" name="Batal" value="Batal" onclick="reset()" color="#ffffff"/><br />             </form>                © Zulfa Rumailah , 2011<br />     </body><br /> </html>

Screen Shot

Selasa, 22 Februari 2011

Modul 4 Praktikum dan Studi Kasus

Praktikum

prak.css

body{<br /> margin : 10px auto;<br /> width : 900px;<br /> }<br /> <br /> header, logo, te, nav, search, box, section, pict, article, event, footer{<br /> display : block;<br /> }<br /> <br /> header{<br /> height: 90px;<br /> width: auto;<br /> background-image : url(header.jpg);<br /> }<br /> <br /> logo{<br /> float : left;<br /> margin-left : 30px;<br /> height : 90px;<br /> width : 90px;<br /> background-image : url(um2.png);<br /> }<br /> <br /> te{<br /> padding: 30px;<br /> font-family : TIMES NEW ROMAN;<br /> font-weight: bold;<br /> font-size : 32px; <br /> color : white;<br /> }<br /> <br /> nav{<br /> width: 900px;<br /> height: 40px;<br /> background-color : #bbdefb;<br /> color : #459dff;<br /> font-family: TIMES NEW ROMAN;<br /> }<br /> <br /> search{<br /> float : left;<br /> margin-top: 2px;<br /> margin-left : 20px;<br /> width : 50px;<br /> height: 20px;<br /> }<br /> <br /> box{<br /> margin-top: 2px;<br /> float: left;<br /> width: 150px;<br /> height: 20px;<br /> border: 1px solid black;<br /> }<br /> <br /> home{<br /> margin-top: 2px;<br /> margin-left: 270px;<br /> float: left;<br /> width: 40px;<br /> height: 20px;<br /> text-align : center ;<br /> background-color:#5753fa;<br /> color:#ffffff;<br /> }<br /> <br /> news{<br /> margin-top: 2px;<br /> margin-left: 5px;<br /> float: left;<br /> width: 110px;<br /> height: 20px;<br /> text-align :  center ;<br /> background-color:#5753fa;<br /> color:#ffffff;<br /> }<br /> <br /> tutor{<br /> margin-top: 2px;<br /> margin-left: 5px;<br /> float: left;<br /> width: 60px;<br /> height: 20px;<br /> text-align :  center ;<br /> background-color:#5753fa;<br /> color:#ffffff;<br /> }<br /> <br /> tips{<br /> margin-top: 2px;<br /> margin-left: 5px;<br /> float: left;<br /> width: 90px;<br /> height: 20px;<br /> text-align :  center ;<br /> background-color:#5753fa;<br /> color:#ffffff;<br /> }<br /> <br /> down{<br /> margin-top: 2px;<br /> margin-left: 5px;<br /> float: left;<br /> width: 75px;<br /> height: 20px;<br /> text-align :  center ;<br /> background-color:#5753fa;<br /> color:#ffffff;<br /> }<br /> <br /> section{<br /> width : 900px;<br /> height : 450px;<br /> background-color : #bbdefb;<br /> }<br /> <br /> pict{<br /> float: left;<br /> margin-right: 10px;<br /> width: 325px;<br /> height: 450px;<br /> background-image : url(kimi.jpg);<br /> }<br /> <br /> article{<br /> margin-left: 300px;<br /> width: 590px;<br /> height: 325px;<br /> background-color : #ffffff;<br /> font-family : Arial Unicode MS<br /> }<br /> <br /> event{<br /> font-family : TIMES NEW ROMAN ;<br /> font-size : 12px;<br /> font-weight: bold;<br /> color : #459dff;<br /> margin-left: 300px;<br /> width: 590px;<br /> height: 125px;<br /> background-color : #bbdefb;<br /> }<br /> <br /> footer{<br /> clear : both;<br /> height : 30px;<br /> background-image : url(footer.jpg);<br /> text-align : center;<br /> font-weight: bold;<br /> font-family: TIMES NEW ROMAN;<br /> color: white;<br /> font-size: 12px;<br /> }

prak.html

<!Doctype HTML><br /> <html lang="en"><br /> <br /> <HEAD><br /> <TITLE>Desain Layout Halaman Web</TITLE><br /> <link rel="stylesheet" href="prak.css" type="text/css" /><br /> </HEAD><br /> <br /> <BODY><br /> <br /> <HEADER><br /> <LOGO></LOGO><br /> <TE>TEKNIK ELEKTRO</TE><br /> </HEADER><br /> <NAV><SEARCH>Search</SEARCH><BOX><br /> <INPUT type="text" size="20" /><br /> </BOX><br /> <home>Home</home><br /> <news>News & Media</news><br /> <tutor>Tutorials</tutor><br /> <tips>Tips & Tricks</tips><br /> <down>Downloads</down><br /> </NAV><br /> <br /> <SECTION><br /> <PICT></PICT><br /> <ARTICLE><br /> Chen Shui-bian (Hanzi: ???, Pinyin: Chén Shuibian lahir 18 Februari 1951; umur 59 tahun) adalah Presiden Republik Cina sejak tahun 2000. Chen Shui-bian lahir di Desa Hsi-chuang, Kecamatan Kuan-tien, Kabupaten Tainan, Taiwan. Dusun tersebut dihuni hanya beberapa ratus keluarga yang memiliki mata pencaharian utama sebagai petani.<br /> <BR><BR><br /> Nama yang disandangnya merupakan nama tradisional Taiwan. Chen Shui-bian adalah anak pertama dari pasangan Chen Sung-ken (ayah) dan Chen Le-chen (ibu). Ia tiga bersaudara. Namanya sendiri mengacu pada arti 'batang bambu' yang biasa digunakan oleh para petani miskin untuk mengangkat dua ember air di ujungnya. Secara harfiah, karakter shui berarti 'air' dan bian berarti 'datar'.<br /> </ARTICLE><br /> <EVENT><br /> <BR><br /> <B> EVENTS :</B><br /> <ul><li><a href="#">Kiminitodoke 1st Season</a></li> <li><a href="#">Kiminitodoke 2nd Season</a></li> <li><a href="#">Kiminitodoke Behind The Scene</a></li> <li><a href="#">Kiminitodoke Live Action Movie</a></li> </ul></EVENT><br /> </SECTION><br /> <FOOTER><br /> Home | News & Media | Tutorial | Tips & Tricks | Download<br /> </br>© Zulfa<br /> </FOOTER><br /> </BODY><br /> </HTML>

printscreen

studikasusku.css

/*#wrapper{<br />  margin : auto;<br />  width : 750px;<br />  border : 1px solid red;<br /> }*/<br /> <br /> body{<br /> margin : 10px auto;<br /> width : 1000px;<br /> border : 1px solid green ;<br /> }<br /> <br /> #header {<br />  height : 80px;<br />  border : 1px solid green;<br /> }<br /> <br /> #nav{<br />  height : 30px;<br />  border : 1px solid blue;<br /> }<br /> <br /> /*#inner{<br />  float : left;<br />  margin : 5px 0;<br />  border : 1px solid red;<br /> }*/<br /> <br /> #section{<br />  height : 340px;<br />  border : 1px solid red;<br />  padding : 30px;<br /> }<br /> <br /> #sidebar{<br />  float : left;<br />  margin-left : 20px;<br />  margin-right : 30px;<br />  width : 600px;<br />  height : 330px;<br />  border : 1px dashed red;<br /> }<br /> <br /> #aside{<br />  float : left;<br />  margin-left : 15px;<br />  width : 250px;<br />  height : 330px;<br />  border : 1px dashed green;<br /> }<br /> <br /> #footer{<br />  clear : both;<br />  height : 30px;<br />  border : 1px solid green;<br /> }

studikasusku.html

<!DOCTYPE HTML><br /> <html lang='en'><br /> <br /> <head><br /> <title>Desain Layout Sederhana</title><br /> <link rel="stylesheet" href ="studikasusku.css" type="text/css"/><br /> <br /> </head><br /> <br /> <body><br /> <br /> <!--<div id="wrapper">--><br /> <br /> <div id="header">Header<br /> </div><br /> <div id="nav">Nav<br /> </div><br /> <div id="section"><br /> <!--<div id="inner">--><br /> <br /> <div id="sidebar">Sidebar<br /> </div><br /> <div id="aside">Aside<br /> </div>Section<br /> </div><br /> <div id="footer">Footer<br /> </div></div></div></body><br /> </html>

screenshot

Selasa, 15 Februari 2011

Tugas Modul 3 Praktikum Web

Tugas Rumah

code.css

#atas{<br /> height:100px;<br /> background-color:#3366cc;}<br /> <br /> #facemu{<br /> float:left;<br /> height:100px;<br /> width:350px;<br /> padding-left:100px;<br /> padding-top:20px;<br /> }<br /> <br /> #kanan{<br /> padding-top:20px;<br /> padding-right:100px;<br /> float:right;<br /> }<br /> <br /> #tombol{<br /> background-color:#4f1cf5;<br /> color:#ffffff;<br /> }<br /> <br /> #tengah{<br /> height:500px;<br /> background-image:URL(bg.jpg);<br /> }<br /> <br /> #bawah{<br /> padding-left:5px;<br /> padding-top:15px;<br /> height:40px;<br /> background-color:#3366cc;}<br />

facemu.html

<!DOCTYPE html> <br /> <html lang="en"><br /> <head><br />   <title>Design Layout face-mu </title><br />   <link rel="stylesheet" href="code.css" type="text/css" /><br />   <link rel="icon" href="icon.png" type="image/x-icon" /><br />   <div id="atas">  <div id="facemu">  <font color="white" face="calibri" size=8><b> face-mu </b></font><br />   </div>  <div id="kanan">  <font color="white" face="cambria" size=2><br />   <table>  <tr>   <td>Email </td>   <td>Password </td>   </tr>     <tr>   <td><br />   <input type="text" maxlength=23><br />   </td>   <td><br />   <input type="password" maxlength=23><br />   </td>   <td><input id="tombol" type="submit" maxlength=8 value="Log In" color="#ffffff"></td>   </tr>   <tr>   <td><input type="checkbox" checked>Keep Me Logged In</td>   <td>Forgot Your Password?</td>   </tr>   </table>  </font><br />   </div>  </div> </head><br />  <body><br />  <div id="tengah"> </div> <div id="bawah"> <font color="white" face="cambria" size=3><br />  <center>face-mu © 2011 - Zulfa Rumailah<br />  <br>109533414510-S1 PTI 2009 A</center><br />  </font><br />  </div> </body><br />  </html>

screenshot

Studi Kasus

studikasus.css

.lingkaran{<br />  width : 200px;<br />  height : 200px;<br />  -moz-border-radius : 100px;<br />  -webkit-border-radius : 100px;<br />  border : 2px solid #000000;<br />  background-color : #c0c0c0;<br /> }<br /> <br /> #dalam-lingkaran{<br />  text-align : center;<br />  position : relative;<br />  border : none;<br />  width : 100px;<br />  heigth : 100px<br /> } <br /> <br /> .daun{<br />  padding : 10px;<br />  border : 5px solid #008000;<br />  width : 500px;<br />  height : 50px;<br />  border-bottom-left-radius : 50px;<br />  border-top-right-radius : 50px;<br /> }<br /> <br /> .bayangan{<br />  padding : 10px;<br />  border : 2px solid #000000;<br />  -moz-box-shadow : 5px 5px 8px rgba(255,0,255,1);<br />  -webkit-box-shadow : -5px -5px 3px rgba (255,0,0,0.5);<br />  width : 500px;<br />  height : 30px;<br /> }

studikasus.html

<!DOCTYPE html><br /> <html lang="en"><br />     <head><br />         <title>Studi Kasus CSS</title><br />         <link href="studikasus.css" rel="stylesheet" type="text/css"><br />     </head><br />     <body><br />         <div class="lingkaran" align="center">            <p id="dalam-lingkaran">Paragraf ini tetap berada di dalam lingkaran </p>        </div>        <br><br />         <div class="daun">Border Menyerupai Daun </div>        <br><br />         <div class="bayangan">Efek Bayangan pada border persegi panjang</div>    <br />  <br><br />  Zulfa Rumailah - 109533414520<br />  PTI 2009 A<br />  </body><br /> </html>

Screenshot

Selasa, 08 Februari 2011

Tugas Modul 2 Praktikum Web - Studi Kasus

Code Frame Center

<br /> <br /> <html><br /> <head><br />  <marquee><title>::pemrograman web sederhana::</title></marquee><br /> <br /> </head><br /> <frameset rows=10%,*><br /> <frameset cols=90%,*><br /> <body background="spring.jpg"/><br /> <blink><font color="white" face="Benguiat Frisky"><h1 align="center">~~~~~ BELAJAR ELEKTRONIKA DIGITAL ~~~~~</h1></blink><br /> <hr color='green'/><font color="gray" size "15" face="Benguiat Frisky"><p><strong>::-- Sekilas Tentang Elektronika Digital --::</strong></p></font><br /> <font color="white" size "13" face="Benguiat Frisky"><p>Setelah kita mempelajari elektronika analog tentu kita akan mempelajari elektronika digital.</p><p>Elektronika digital adalah kelanjutan dari elektronika analaog dimana kita akan mempelajari rangkaian digital.</p><p>Setelah tau rangkaian digital tentu kita harus mengetahui logika dan bilangan biner.</p><ul><p>:: Beberapa Bab Awal belajar Elektronika Digital ::</p><ul><li><a href="konsepdasar.html">KONSEP DASAR ELEKTRONIKA DIGITAL</a></li> <li><a href="binerdanlogika.html">BINER DAN LOGIKA</a></li> </ul><hr color='black'/> <p>:: -- Share ELEKTRONIKA DIGITAL -- ::</p> <p>LINK YANG TERKAIT</p><a href=http://google.com>google</a> <br> <a href=http://um.ac.id>UM : The Learning University</a><br> ™ <a href=http://chyulfakawaii.blogspot.com>zulfa</a> <br> ™ <a href=http://chyulfakawaii.blogspot.com>zulfa</a> <br>  Zulfa Rumailah<br> 109533414520<br> PTI 2009 offering A  <p>kritik dan saran: <a href="mailto:zulfa.rumailah@gmail.com">zulfa.rumailah@gmail.com</a></p><hr color="white" size="2" width="90%" align=right><hr color="white" size="2" width="90%" align=left> <form><pre><blockquote>Nama   :<INPUT type="text" name="Nama"> E-mail  :<INPUT TYPE=TEXT NAME="Email" SIZE=20> Status  :<input type="checkbox" name="siswa"><label>Pelajar</label> <input type="checkbox" name="mahasiswa"><label>Mahasiswa</label> <input type="checkbox" name="nama"><label>Umum</label> </blockquote> <INPUT TYPE=SUBMIT VALUE="OK">   <INPUT TYPE=RESET VALUE="CANCEL"> </PRE></FORM><hr color="green" size="2" width="90%" align=right><hr color="green" size="2" width="90%" align=left><p><img src="kucingku.jpg" height="200" align=right></p> </font> </body> </html>

Code Frame Up

<br /> <br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head> <br /> <title></title><br /> </head><br /> <body background="cc.jpg"><br /> <h2 align="center"><marquee><font face="Old English Text MT" color="white" size="8">WELCOME TO CHYUL'S ZONE</font><img src="MARIE.gif" height="85" align=right></marquee></h2></body><br /> </html><br /> <br />

Code Frame Bottom

<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head> <br /> <title></title><br /> </head><br /> <body background="jj.jpg"><br /> <h2 align="center"><blink><font face="Jokerman" color="#4008f8">Terimakasih Banyak Telah Mengunjungi Web Saya</font><img src="love.gif" height="60" align=center></blink></h2></body><br /> </html><br />

Code Frame Left

<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <br /> <head> <br /> <title></title><br /> </head><br /> <body bgcolor="#c391fc"><br /> <font color="black"><b>Pemilik :</font><br /> <a href="profil.html" target="tengah"><font color="blue">Zulfa Rumailah</b></font></a><br /> <p>LINK YANG TERKAIT</p><a href=http://google.com>google</a> <br><br /> <a href=http://um.ac.id>UM : The Learning University</a><br><br /> ™ <a href=http://chyulfakawaii.blogspot.com>zulfa</a> <br><br /> <br /> <p><hr color="black" size="2" width="90%" align=right><hr color="red" size="2" width="90%" align=left><img src="fren.gif" border="0" width="250" height="280" align=left /><br /> </p></body><br /> </html><br />

Code Frame Right

<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head> <br /> <title></title><br /> </head><br /> <br /> <body bgcolor="#c391fc"><br /> <p>Tolong diisi dunk =)</p><form><pre><blockquote>Nama  :<INPUT type="text" name="Nama"> E-mail:<INPUT TYPE=TEXT NAME="Email" SIZE=20> Status:<input type="checkbox" name="siswa"><label>Pelajar</label> <input type="checkbox" name="nama"><label>Umum</label> </blockquote> <INPUT TYPE=SUBMIT VALUE="OK">   <INPUT TYPE=RESET VALUE="CANCEL"> </pre></form><hr color="red" size="2" width="90%" align=right><hr color="black" size="2" width="90%" align=left><p><img src="bunga.gif" border="0" width="200" height="160" align=left /><br /> </p></body><br /> </html><br />

Code Frame Utama

<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <br /> <head> <br /> <title>studi kasus</title><br /> </head><br /> <frameset rows="15%,*,10%"><br /> <frame src="up.html" name="up" id="up"/><br /> <frameset cols="20%,*,20%"><br /> <frame src="left.html" name="left" id="left"/><br /> <frame src="konsepdasar.html" name="center" id="center"/><br /> <frame src="right.html" name="right" id="right"/><br /> </frameset><br /> <frame src="bottom.html" name="bottom" id="bottom"/><br /> </frameset><br /> </html><br />

Code Link Profil

<br /> <!DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br /> <title>Profil</title><br /> </head><br /> <br /> <body background="girl.jpg"><br /> <img src="cul.jpg" border="0" width="200" height="400" align=left /></br><br /> <br /> <table border=0 align="left" cellspacing=0 cellpadding=3><tr>  <td>Nama</td>  <td>:</td>  <td>Zulfa Rumailah</td>  </tr>   <tr>  <td>Nim</td>  <td>:</td>  <td>109533414520</td>  </tr>   <tr>  <td>Prodi</td>  <td>:</td>  <td>S1 Pendidikan Teknik Informatika</td>  </tr>   <p>kritik dan saran: <a href="mailto:zulfa.rumailah@gmail.com">zulfa.rumailah@gmail.com</a></p> <hr color="white" size="2" width="90%" align=right><hr color="white" size="2" width="90%" align=left> </body>

Gambar

Chyul's Zone

Label

Pages

Followers

Popular Posts

About Me

Total Pageviews

Download

chat-chyul

Archivo del Blog

Sabtu, 12 Maret 2011

UTS - Membuat Sign Up Form Sederhana Menggunakan PHP

Rabu, 02 Maret 2011

Modul 5 DHTML dan Java Script

Selasa, 22 Februari 2011

Modul 4 Praktikum dan Studi Kasus

Selasa, 15 Februari 2011

Tugas Modul 3 Praktikum Web

Selasa, 08 Februari 2011

Tugas Modul 2 Praktikum Web - Studi Kasus