Inspiration Zone

Thursday, March 10, 2011

Membuat Sign Up Form Sederhana dengan PHP (UTS)

Posted by Riesh_16 on 5:24 AM

Sebagai pemula pembuat web, tentunya kita harus mulai belajar dari dasar. Disini saya mencoba untuk sharing bagaimana cara membuat form sign up sederhana. Banyak orang menganggap belajar WEB itu ribet, pusing, sulit and semuanyaaaaa.... Tapi juga ada yang bilang "kalau mau belajar, WEB itu mudah kok!".... Nah, untuk itu bejalarnya juga harus dari dasar. Dibawah ini ada semacam script php yang bisa menjadikan reference dalam membuat suatu web. Silahkan menikmatiiiii... ^o^Berikut ini adalah script untuk php :<!DOCTYPE html><html lang ="en"><head><title>Sign Up Form</title></head><body bgcolor="feb6e5"/><font...

Kata-Kata Inspirasi Menjadi Pilihan Hidup

Posted by Riesh_16 on 10:08 PM

==============================Aku melewati apa yang telah terjadidi belakangku dan berjalan mengarahkandiri kepada apa yang ada di hadapanku.=============================================================Kesenangan bukan untuk dihabiskan sesaat,namun untuk dinikmati dalam perjalananpanjang. Inilah yang membuat hidup selalulebih bermakna.==============================================================Memang mudah memberikan penghakimankepada orang lain, semudah kita tidak maumempelajari orang itu.==============================================================Membangun hubungan yang kuat layaknyamenanam tanaman dengan segala upayadan perhatianyang nyata.==============================================================Kritik...

Membuat Aplikasi Form Pemesanan Berbasis JavaScript

Posted by Riesh_16 on 6:47 AM

Terkait pengembangan JavaScript, aplikasi ini dapat mempermudah dalam perhitungan harga harga suatu makanan, dikalikan dengan jumlah tiap-tiap menu yang telah dipesan.Script html adalah sebagai berikut :<!DOCTYPE html><html lang="en"><head><body background="Wallpaper_01.jpg"/><font color = "#ea75c5"><h2>--Form Pemesanan Berbasis Java Script--</h2><form name="pemesanan" action="#"><table border = "1px"><font color = "#ee36a2"><tr><th width="20px">No</th><th width="200px">Makanan/Minuman</th><th width="100px">Harga</th><th width="100px">Pesan</th></tr><tr><td>1</td><td>Bakso...

Aplikasi Kalkulator Sederhana Menggunakan JAVA SCRIPT

Posted by Riesh_16 on 7:36 AM

Pada aplikasi berikut ini hanya menampilkan 4 buah operasi, yaitu penjumlahan, pengurangan, perkalian dan pembagian. Dengan menggunakan Java Script, maka dibutuhkan fungsi-fungsi yang dibuat pada Java Script.Berikut ini source code dari hitung.js :function hitung(){var komponen = document.mat;var input1 = parseInt(komponen.input1.value);var input2 = parseInt(komponen.input2.value);var op = komponen.op.value;var hasil;if(op == "add"){hasil = input1 + input2;}else if(op == "sub"){hasil = input1 - input2;}else if(op == "mpy"){hasil = input1 * input2;}else{hasil = input1 / input2;}komponen.hasil.value = hasil;}Berikut ini source code dari hitung.html...

Membuat Design Website memanfaatkan HTML 5

Posted by Riesh_16 on 6:42 AM

Dari pengembangan studi kasus yang telah saya posting sebelumnya, design ini adalah pengaplikasian dari pemanfaatan elemen-elemen HTML5. Sebelum membuat HTML, seperti biasa, harus membuat CSS terlebih dahulu....Berikut ini sintak dari praktikum.cssbody{margin : 10px auto;width : 900px;}header, logo, te, nav, search, box, section, pict, article, event, footer{display : block;}header{height: 90px;width: auto;background-image : url(images/Fotolia_6525764_XS.jpg);}logo{float : left;margin-left : 30px;height : 90px;width : 90px;background-image : url(images/fotolia_9806713_new.jpg);}te{padding: 30px;font-family : Times New Roman, hanacaraka;font-weight:...

Membuat Layout Halaman Website memanfaatkan HTML 5

Posted by Riesh_16 on 3:44 AM

SINTAK untuk pembuatan LAYOUT yang memanfaatkan elemen pada HTML 5Sintak studi kasus.css#header { height : 80px; border : 1px solid green;}#nav{ height : 30px; border : 1px solid blue;}#section{ height : 340px; border : 1px solid red; padding : 15px;}#sidebar{ float : left; margin-right : 20px; width : 800px; height : 330px; border : 1px dashed red;}#content{ float : left; width : 329px; height : 330px; border : 1px dashed green;}#footer{ clear : both; height : 30px; border : 1px solid green;}Sintak untuk studi kasus.html adalah :<!DOCTYPE HTML><html lang='en'><head><title>Desain Layout Sederhana</title><link...

Border Dengan Menggunakan CSS

Posted by Riesh_16 on 12:13 AM

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