skip to main | skip to sidebar

A_Ris_Za

Mas'ud_Blogs
Universitas Neger Malang

My Flickr:

Rabu, 31 Maret 2010

Membuat Login Form Sederhana

MEMBUAT LOGIN FORM SEDERHANA

1. File CSS

<style type="text/css"><br />#apDiv1 {<br />position:absolute;<br />width:373px;<br />height:330px;<br />z-index:1;<br />left: 289px;<br />top: 136px;<br />background-color: #FFFFFF;<br />border: 2px solid Blue;<br />}<br />#apDiv3 {<br />position:absolute;<br />width:80px;<br />height:25px;<br />z-index:2;<br />left: 289px;<br />top: 274px;<br />}<br />.style3 {<br />font-size: 10px;<br />font-weight: bold;<br />}<br />#apDiv2 {<br />position:absolute;<br />width:412px;<br />height:115px;<br />z-index:2;<br />top: 0px;<br />left: 289px;<br />}<br />#header{<br />width:220px;<br />height:98px;<br />background-image: url();<br />top: 0px;<br />left: 289px;<br />}<br />#footer{<br />width:373px;<br />height:40px;<br />top: 0px;<br />left: 289px;<br />}<br />body {<br />background-image: url(gambar.jpg);<br />}<br /></style>

2. File PHP

<!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"><br /><br /><head><br /><br /><title>Form Administrator</title><br /><br /></head><br /><body><br /><?php if(($_POST['user']=='Arisza') AND ($_POST['pass']=='cuek')) { echo 'Selamat, Anda Telah Berhasil Login dengan User Name :'.$_POST['user']; echo 'Selamat Datang.. ' . $_POST['user']; } else { echo "<body text="'red'"><strong><center>Username atau Password Anda Salah...!<br /><br /><a href="'3.html'"><h4>Kembali Ke Login</h4></a></center></strong></body>";<br /><br />}<br /><br />?><br /><br /></body><br /></html>

3. File HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /><html><br /><head><br /><title>Form Login</title><br /><link rel="stylesheet" href="tugas.css" type="text/css"><br /></head><br /><body onload="document.form1.user.focus(); backgroundimage= "><br /><form name="form1" method="post" action="tugas.php"><br /><div id="apDiv1"><br /><div id="header"><br /></div><br /><div align="center"><br /><img src="3.gif" align="center" /><br /><div align="center"><strong><br />User Name :</strong><br /><input type="text" name="user" size="40" value="" style="background-color:#00FF00"><br /><strong>Password : </strong><br /><input type="password" name="pass" size="40" style="background-color:#00FF00"><br /><input type="submit" name="submit" value=" E N T E R " onclick="admin()"><br /><br /></div><br /></div><br /><div align="center" id="apDiv3"><br /></div><br /><div id="footer" align="center"><br /><br /></div><br /></div><br /></form><br /></body><br /></html><br /><br />

adapun tampilan dari Login Form sederhana ini adalah sebagai berikut :

Selamat Mencoba

Diposting oleh arisza di 08.34

Label: PTI478

Rabu, 10 Maret 2010

Membuat Aplikasi Form Pemesanan Makanan - Minuman

Untuk mendapatkan kode dari aplikasi form pemesanan makan - minuman, dapat men-copy kode script dibawah ini.

<script language="JavaScript" type="text/javascript"><br /><br /></script>

pada kode diatas dicopykan pada lembar kerja yang sedang dibuka dan disimpan dengan format .js, kemudian isikan kode html-nya dengan meng-copy kode dibawah ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html><br /><head><br /><title>Warung Bu Asri</title><br /></head><br /><body><br /><h3>Form Pemesanan Makanan</h3><br /><form name="form2" action="#"><br /><table border="1px"><br /><tr><br /><th>No</th><br /><th>Makanan/Minuman</th><br /><th>Harga</th><br /><th>Pesan</th><br /></tr><br /><tr><br /><td width="15px">1</td><br /><td width="200px">Bakso Istimewa</td><br /><td width="85px" bgcolor="#85f500">@ <input type="text" name="bakso" value="12000" size="6" disabled="true"></td><br /><td width="150px"><input type="text" name="qBakso" value="0" onchange="hitungPesan()"></td><br /></tr><br /><tr><br /><td>2</td><br /><td>Soto Spesial</td><br /><td bgcolor="#85f500">@ <input type="text" name="soto" value="10000" size="6" disabled="true"></td><br /><td><input type="text" name="qSoto" value="0" onchange="hitungPesan()"></td><br /></tr><br /><tr><br /><td>3</td><br /><td>Mie Ayam Super</td><br /><td bgcolor="#85f500">@ <input type="text" name="mie" value="15000" size="6" disabled="true"></td><br /><td><input type="text" name="qMie" value="0" onchange="hitungPesan()"></td><br /></tr><br /><tr><br /><td>4</td><br /><td>Es Degan</td><br /><td bgcolor="#ee2f30">@ <input type="text" name="degan" value="7000" size="6" disabled="true"></td><br /><td><input type="text" name="qDegan" value="0" onchange="hitungPesan()"></td><br /></tr><br /><tr><br /><td>5</td><br /><td>Es Campur</td><br /><td bgcolor="#ee2f30">@ <input type="text" name="campur" value="7000" size="6" disabled="true"></td><br /><td><input type="text" name="qCampur" value="0" onchange="hitungPesan()"></td><br /></tr><br /><tr bgcolor="yellow"><br /><td colspan="3" align="right">Jumlah Total</td><br /><td><input type="text" name="Total" disabled="true"></td><br /></tr><br /><tr bgcolor="green"><br /><td colspan="3" align="right">Diskon</td><br /><td><input type="text" name="Diskon" disabled="true"></td><br /></tr><br /><tr bgcolor="red"><br /><td colspan="3" align="right">Jumlah Dibayar</td><br /><td><input type="text" name="Bayar" disabled="true" align="right"></td><br /></tr><br /></table><br /><br /><input type="button" value="BATAL" onclick="resetForm()"><br /></form><br /></body><br /></html>

pada kode diatas file yang telah dibuat disimpan dengan tipe .html

Selamat Mencoba!!!

Diposting oleh arisza di 04.04

Label: PTI478

Membuat Aplikasi Kalkulator Sederhana

Dibawah ini merupakan kode untuk membuat aplikasi kalkulator sederhana yang dapat dicopykan kedalam lembar kerja anda dan disimpan dengan tipe . html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />Membuat Kalkulator Sederhana<br /><br /><html xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en"><br /><head><br /><title>Kalkulator</title><br /></head><br /><body><br /><script language="JavaScript" type="text/javascript"><br /><br /><br /></script><br /><form name="form1" action="#"><br /><input type="text" name="angka1"><br /><select name="op"><br /><option value="plus">+</option><br /><option value="min">-</option><br /><option value="cross">*</option><br /><option value="div">/</option> </select><br /><input type="text" name="angka2"><br /><input type="button" value="Submit" onclick="hasil()"><br /><input type="text" name="angka3"><br /></form><br /></body><br /></html><br />

Adapun hasil dari aplikasi kalkulator sederhana yang telah dikerjakan adalah seperti pada gambar dibawah ini :

Selamat Mencoba!!!

Diposting oleh arisza di 03.52

Label: PTI478

Langganan: Postingan (Atom)

About me

arisza: Nama lengkap saya Arisza Norma Jayantie, biasa dipanggil Icha. Saya lahir di Malang tanggal 12 November 1988. Hampir selama 19 tahun, saya tinggal di Kalimantan. Saya 3 bersaudara dan saya anak kedua. Dari TK sampai SMA,saya sekolah di Kalimantan,TK dan SD Tuntung Pandang Pelaihari,SMPN 1 Pelaihari, dan SMAN 1 Pelaihari. Saat ini saya kuliah di Universitas Negeri Malang, jurusan Pendidikan Teknik Informatika.

Lihat profil lengkapku

Labels

artikel (2)
PTI478 (3)

Blog Archive

▼ 2010 (3)
- ▼ Maret (3)

► 2009 (5)
- ► Mei (5)

Free Blog Templates

Free Blog Templates

A_Ris_Za| by Icons Supported by Design by Lecca|. Powered by Blogger| Subir