Kamis, 22 Agustus 2013

Belajar css tingkat dasar.

Seperti di artikel sebelumnya saya sudah membahas apa itu css,yang mengatakan bahwa css singkatan dari casading style sheet.
Untuk belajar css tentunya harus sedikit mempunyai bekal coding html.kurang lebih mengerti tag htmlnya.seperti p (paragraf),b (bold),u (underline),H1,H2,div dan lain-lain.

Css mempunyai 2 selector yaitu id dan class.
Didalam coding properti css penulisannya menggunakan nilai "#" (pagar) yaitu disebut sebagai ID.dan tanda "." (titik) sebagai class.

Contoh penulisan :
<style type="text/css">
#selector{color: red;} /*-----menggunakan selector ID------*/
</style>
<div id="selector">
belajar css
</div>

Disini ada 3 cara pemanggilan css.Yaitu dalam file itu sendiri,di dalam tag html dan menggunakan file css sendiri.
Jika di dalam satu file di html kita menggunakan coding seperti ini di dalam body maupun head.
<body>
<style type="text/css">
/*-----Tulis properti cssnya disini------*/
</style>
</body>

Didalam tag html.
<div style="color: red; border:1px solid red;">...</div>
<body style="font-color: black; color: red;">...</body>

Contoh jika menggunakan file css.Letakkan koding diantara head seperti berikut.
<head>
<link href="namafile.css" rel="stylesheet"/>
</head>.

Setelah anda membaca artikel ini kita coba yug.Langsung praktek aja.

<style type="text/css">
#selector{color: #666666; padding: 0.5%; background: #f5f5f5; border:3px inset #ccc;} /*-----menggunakan selector ID------*/
</style>
<div id="selector">
Belajar css <span style="font-size: 30px;color: blue;opacity:0.2;position: relative;left:-4%;">owlscript</span>
</div>

Hasil koding di atas :
Belajar css owlscript

Senin, 08 Juli 2013

Cara Membuat Koneksi database MYSQL

Kali ini saya akan memberikan contoh mengkoneksikan database mysql.data dari database tidak bisa di tampilkan,diedit,dihapus,dsb jika tidak ada script koneksinya.
Nah di bawah ini contoh file koneksinya menggunakan php.

<?php
$host="localhost";
$user="root";
$pass="root";
$db="nama_database";
$cdb=mysql_connect($host,$user,$pass);
if(!$db)
die ("koneksi eror");
if(!mysql_select_db("$db",$cdb))
die("database eror");
?>

Keteragan :


  1. $host="localhost";  = Ini adalah nama servernya.
  2. $user="root";        = Ini adalah user untuk masuk di Phpmyadmin.
  3. $pass="root";        = dan ini password untuk masuk ke Phpmyadmin.
  4. $db="nama_database";  = dan ini adalah nama table database.

Untuk pemanggilannya menggunakan include. Contoh :

<?php include "nama_koneksi.php";
    $data=mysql_query(Select * From nama_database );

yang teks warna merah adalah script includenya
kurang lebih seperti itu.semoga bermanfaat.

Menampilkan Data dari database dengan php

oke langsung saja saya bahas caranya.
seumpama kita ingin menampilkan data dari database dengan nama table data_siswa..
kemudian nama field-fieldnya berupa id_ds,nama,dan alamat.
begini scriptnya:

<?php include "koneksi.php";
   $data=mysql_query("SELECT * FROM data_siswa ");
while($d=mysql_fetch_array($data)){
echo "Nama siswa : $d[nama]  <br />";
echo "Alamat siswa : $d[alamat] <br /><br/>";
}?>

entar hasilnya seperti ini:
Nama siswa : bejo
Alamat siswa : wonosari

Nama siswa : jojon
Alamat siswa : Tawarsari

Penjelasan :

  1. include "koneksi.php"; = ini gunanya untuk menyambungkan ke database.
  2. SELECT * FROM data_siswa = ini script query yang menampilkan data dari table data_siswa
  3. mysql_fetch_array = array itu berguna untuk menentukan field-field yang mana akan di tampilkan,dan pemanggilan menggunakan nama fieldnya. contoh $d[nama_field]
  4. jika menggunakan mysql_fetch_row berarti penentuan field yang di ambil dari barisnya contoh : $d[2] jika menggunakan table database di atas tadi berarti kita menampilkan nama.
kurang lebih seperti itu.mohon maaf bila ada kesalahan pengetikan.semoga bermanfaat.

Pengertian Php

PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.

PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah singkatan dari "Personal Home Page Tools".
 Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". 
PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.

Sedikit contoh dari saya :

<?php echo "hi,ini adalah script php";?>

Pengertian Html

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. 
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web.
 HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. 
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. 
HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. 
Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>.
 Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://owlscript.zz.mu/">owlscript</a> akan menampilkan owlscript sebagai sebuah hyperlink ke URL tertentu),
Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

Minggu, 30 Juni 2013

Download

questionteks


Membuat ujian soal secara offline berbasis website dengan database. selengkapnya...

CSS3

Pelajari css3 part 4


<style type="text/css">
.animasi{-webkit-transition: 2s; transition: 2s;-webkit-transform:rotate(0deg);transform:rotate(0deg);box-shadow: 5px 5px 5px #ccc; text-shadow: 5px 5px 5px #ccc;font-size: 14px;padding:2px; margin-left: 5%; width: 70px;  height:70px;border: 2px #555555 solid; -webkit-border-radius:7px; cursor: pointer;}
.animasi:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);box-shadow: 5px 5px 5px #ccc; text-shadow: 5px 5px 5px #ccc;font-size: 14px;padding:2px; width: 70px;  height:70px;border: 2px #555555 solid; -webkit-border-radius:7px; cursor: pointer;}
</style>
<div class="animasi">sorot saya</div>


hasil :

sorot saya
Maaf brisik yha.hehehe..enaknya belajar sambil dengerin musik.(kalau aq sih.)