the clique: Maret 2010

Membuat Login Form Sederhana

08.43 ny@

MEMBUAT LOGIN FORM SEDERHANA

1. File CSS

2. File PHP

3. File HTML

adapun tampilan dari Login form sederhana ini adalah sebagai berikut :

Selamat Mengerjakan!!!!

Label: PTI 478 0 komentar |

Membuat Aplikasi Form Pemesanan Makanan - Minuman dengan JavaScript

04.21 ny@

Untuk membuat form pemesanan makanan dan minuman, anda dapat meng-copy kode javascript dibawah ini.

Pada kode diatas disimpan dengan tipe file .js kemudian kode yang harus di copy-kan berikutnya adalah kode html yang di copy dan disimpan dengan tipe file .html. kode dapat di copy 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>

Hasil dari javascript diatas seperti pada gambar dibawah ini :

Selamat Mencoba!!!

Label: PTI 478 0 komentar |

Membuat Aplikasi Kalkulator Sederhana

04.16 ny@

Silakan copy Kode dibawah ini dan simpan didalam lembar kerja notepad.exe dengan tipe file .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 />

hasil dari kalkulator sederhana ini digambarkan seperti dibawah :

Selamat mencoba!!!

Label: PTI 478 0 komentar |

membuat layout

05.04 ny@

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Desain Layout Sederhana

Lomba Desain Web

23 Februari 2010
[07.43]

Universitas Negeri Malang (UM) menyelenggarakan Lomba Perancangan desai web UM dan Desain Sticker ‘UM: The Learning University’. Kegiatan yang sasaran utama audiens adalah komunitas bisnis, masyarakat umum peminat pendidikan, para pelajar SMA, dan civitas akademika UM ini berhadiah total 50 juta. ayoo... cptan ikutan... tidak dipungut biaya...

Read more...

Event

Gerak Jalan

Lomba Tarik Kabel

Lomba balap karung 50 m

Lomba gulung kabel

Lomba Desain Logo UM

Label: PTI 478 0 komentar |

cara membuat desain layout

04.54 ny@

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Desain Layout Sederhana

Top

Content

Right

Label: PTI 478 0 komentar |

Mengenai Saya

Labels

Blog Archive

Followers

Membuat Login Form Sederhana

membuat lo

Membuat Aplikasi Form Pemesanan Makanan - Minuman dengan JavaScript

Membuat Aplikasi Kalkulator Sederhana

membuat layout

cara membuat desain layout