lagi sik asik nya utak ati PHP,JAVA SCRIPT..akhir nya kepentok juga untuk tampilan dan style dari webyang aqu buat,sebab tanpaCSS STYLE hampir dipastikan hasil nya kurang indah dan memuaskan,
Nah sekarang sekarang pertanyaan itu timbul .
Apa itu CSS?
CSS = Cascading Style Sheets ( Bahasa lembar Gaya ). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa di artikan secara bebas sebagai : CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML. Dulu, sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly. Walaupun sekarang Bahkan jQuery sudah mengimplementasi teknik yang kurang lebih sama. Web menjadi semakin dynamic, Ok untuk melihat hasil dari design web Yang menggabungkan antara HTML dan CSS STYLE Bisa di Download FIle nya di bawah ini dan nanti kita bahas STEP demi STEP dalam mempelajari nya...oya File yang aku buat ini praktis loch dengan hanya menggunakan SOFTWARE ARTISTERR yang juga di sediakan di blog ini
Hai..haii..haii…salam hangat..selalu untuk sobat bloger yangsaya cintai…xixiiiiii…lebay..ya???
Huff…udah lama juga neh Cuma posting software dan softwareaje…skali kali ahh…bagi bagi pengetahuan en ngelanjutin postingan sebelum nyatentang belajar PHP,MYSQL,HTML & JAVASCRIPT …kali ini kita sama2 belajaryu…tentang bagai mana membuat sebuah tombol unik yang berfungsi sebgai linkmenuju pada suatu web atau tempat tertentu.
Disini saya akan membahas sedikit tentang pembuatan TombolMouse Unik menggunakan Java Script .Ok langsung kita mulai pelajarannya..”hee..hee..so gaya banget yups…”
1.Pertama tama kita buat dahulu script ini denganmenggunakan KOMODO EDIT atau NOTE PAD juga bisa ,yang penting berektensi html atau php.
3.Jangan lupa kita masukan kedua gambar yang berkstensi .gifkedalam satu folder dan kita beri nama sesuai dengan selera kita yang pentingsama seperti nama script yang kita buat sebelum nya.disini folder yang saya gunakansaya beri nama “imgbuka” karena sesuai dengan isi script yangsaya buat
5.Lalu buka browser kita dan ketikan “localhost/mouse.php”
Maka hasilnya sebagai berikut :
Ini sebelummouse menyentuh tombol
Dan Inisetelah mouse mendekati tombol/diatas tombol:
Ok…anak anak,sampai disini sudah paham…(“gaya guru berbicara..hee..hee..”)
Sekianpembuatan Mouse Unik atau Mouse Over Mouse Out nya… kita akan pelajari bahasaPHP ,MYSQL,HTML & JAVA SCRIPT pada lain waktu dan kesempatan.
bila ada Saran dan Kripik…Upssss…Kritik bisadi ajukan pada kolom komentar dibawah ini ,semoga apa yang saya sampaikan tidakmembingungkan dan mudah dicerna..sebab saya pun masih tahap-tahap belajar dandisini kita sama-sama belajar dan berbagi pengetahuan ,agar Indonesia menjadiNegara yang cerdas…”merdeka…”….heee..hee…”
Untuk kamu2 yang suka berbagi.tukar link dengan sesama teman blogger, aku punya satu trik untuk membuat bloggroll/tex area,agar kita bisa menempat kan link2 teman blogger sebagai berikut : 1.Masuk ke halaman -> PAGE ELEMENT -> ADD A GADGET lalu di -> HTML/JAVA SCRIPT Masukan code sebagai berikut : <div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 200px; text-align: center; ">
</a></a></div> keterangan: - Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka. - Ganti tulisan "link1,link2, link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link. - Jika kamu pingin daftar link-linknya berjajar , maka hilangkan kode <br /> - Kalu kamu juga ingin menampilkan link http:// & www maka tidak usah menggunakan kode <a href=""/> <a> cukup ketikan cepot-web <br/> dll...... Untuk pertanyaan lebih lanjut silahkan tuangkan kritik,saran&pendapat kamu di komentar bawah ini ok :)
Hai kita jumpa lagi dalam tutorial Sederhana ini,Kali ini saya akan berbagi mengenai cara pembuatan voting pada sebuah website,yang tentu nya saya buat secara sederhana agar dapat dimodifikasi lagi ,supaya lebih menarik tentunya…Tutorial ini saya baca dari sebuah buku dan sepertinya menarik juga untuk pembelajaran…ok langsung kita ke TKP….! 1.Pertama kita siapkan sebuah DATABASE dengan 3buah table di dalam nya seperti berikut:
3.Ketik script php berikut pada NOTEPAD atau media script editor lainya,Disini saya menggunakan “KOMODO EDIT 5”. Script php nya sbb: <!doctype html publick "-//W3C//DTD HTML 4.0 //EN"> <html> <head> <title>Tutor VOTING</title> </head> <body> <?php $server ='localhost'; $user ='root'; $password=''; $database = 'cepot-web'; $koneksi=mysql_connect($server,$user,$password) or die ("DATA BASE TIDAK TERHUBUNG...!"); mysql_select_db($database,$koneksi);
?> <table border="6" style="border-collapse: collapse" bordercolor="blue" width="100% height="56"> <tr> <td align="center" width="100%" height="26"> <b><font color="green" face="verdana"><h2>Apakkah saya tampan???</h2></font></b></td> </tr> <form action="voting.php" method="post"> <tr> <td width="100%" height="26"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#78602c" width="100%"> <tr> <td width="100%" bgcolor="yellow"> <?php $qr=mysql_query("SELECT kriteria,kriteriaid FROM voting order by kriteria", $koneksi) or die ("kriteria voting Salah !"); while ($row = mysql_fetch_array($qr)) { echo "<input type=radio name=pilihan value=$row[kriteriaid] > <u>$row[kriteria]</u><br>"; } ?> </td> </tr> </table> </td> </tr> <tr> <td width="100%" height="26"> <input type=submit name=submit value=vote></td> </tr> </form> <tr> <td align="center" width="100%" height="61"> <b><font color="green" face="verdana"> <marquee bgcolor="black"><h4>Hasil Pooling Anda - Hasil Pooling Anda - Hasil Pooling Anda - Hasil Pooling Anda </h4></font></b></marquee> <hr noshade color="#000000" size="1"></td> </tr> <tr> <td width="100%" height="50"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="50" bordercolor="blue"> <?php
$qr=mysql_query("UPDATE voting Set value = value + 1 WHERE kriteriaid='$_POST[pilihan]'",$koneksi) or die ("Kriteria VOOTING Salah !");
$qr=mysql_query("SELECT Sum(value) as TotalPersen FROM voting",$koneksi) or die ("Query Tidak Tersambung Atau Gagal Ada kesalahan..!!"); $row = mysql_fetch_array($qr); $Total=$row['TotalPersen'];
$qr= mysql_query("SELECT Max(value) as NilaiMax FROM voting",$koneksi) or die ("Query MAX SALAH Tidak Tersambung...!!"); $row =mysql_fetch_array($qr); $pengali = 100/$row['NilaiMax'];
$qr = mysql_query("SELECT kriteria, value FROM voting order by kriteria",$koneksi) or die ("query GAGAL TERSAMBUNG...!");
Disini kita akan mencoba membuat tanggal sederhana untuk php,Tanggal yang akan di tampilkan tentunya mengikuti waktu yang ada pada computer kita ,sebab untuk zona asia atau luar akan lebih spesifik lagi dalam pembuatan nya .
Oke kita mulai dengan script nya sbb :
<html>
<head>
<title>Membuat Tanggal</title>
</head>
<body>
Tanggal Sederhana Dengan PHP :<br><font color="red">
<?php
printf ("Tgl-Sekarang : %s ", Date ("d F Y"));
?>
</font>
</body>
</html>
Maka hasil nya sebagai berikut :
Ket :
Printf(“Tgl-Sekarang :%s “, Date(“d F Y”));
Merupakan sebuah pernyataan PHP yang digunakan untuk menampilkan tulisan
Tgl-Sekarang :
Dan diikuti dengan tanggal,bulan dan tahun (didapatkan melalui fungsi Date() ).
11:45 PM
Kumpulan Software
