disini kita akan membuat halaman administrator,,
dimana halaman awal dari web kita adalah tabel mahasiswa,,
lalu bila kita ingin mengedit data, menambah data dan menghapus data kita harus login terlebih dahulu,,
disini kita memakai mysql sebagai database dan memakai query2 seperti UPDATE, INSERT dll untuk memanipulasi data,,
pastikan sebelum mencoba web ini buat dahulu database nya dan tabelnya,,
lalu sesuaikan nama database, user, password dan host sesuai dengan konfigurasi anda...
untuk code lengkapnya dapat di download disini
Selamat Mencoba!!!!
Read More......
Halaman Login menggunakan Session
On
9:05 AM
0
comments
Cookie merupakan mekanisme untuk meletakkan data pada remote browser sehingga memudahkan penelusuran atau identifikasi user. Dapat juga dikatakan bahwa cookie merupakan informasi dalam bentuk teks yang dipertukarkan oleh client dan server, dimana pembuat cookie adalah pihak server
Pada kenyataannya, penggunaan cookie memiliki beberapa masalah atau kendala. Bisa jadi ada browser yang tidak menerima cookie. Permasalahan ini merupakan salah satu alasan session PHP menggunakan method cookie/URL ganda. Tidak seperti cookie, session tersimpan di server. Dengan demikian, client tidak memiliki akses untuk mendapatkan informasi session.
berikut contoh halaman autentikasi yang menggunakan session
untuk lebih jelasnya klik disini
untuk code php nya seperti dibawah:
yang pertama simpan dengan nama index.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
session_start();
if (isset($_SESSION['user'])) // karena nama session buat login kita buat namanya adalah 'user' maka if isset($_SESSION['user']) ===> varibel penentu
{
$user = $_SESSION['user'];
echo '<p align="left">'.
'<b>Tulisan ini nampak kalo udah login</b>'.
'<br/><br/>'.
'<a href="login.php">Logout</a>'.
'</p>';
echo $user;
} else {
header('location: login.php');
exit;
}
?>
</body>
</html>
lalu yang kedua simpan dengan nama login.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
session_start();
if(isset($_SESSION['user']))
{
session_destroy();
}
?>
<form action="ceklogin.php" method="post">
<div>
Username:
<br/>
<input type="text" name="username" size="14" />
<br/>
Password:
<br/>
<input type="password" name="password" size="14" />
<br/><br/>
<button name="login" type="submit">Login</button>
</div>
</form>
</body>
</html>
lalu yang ketiga simpan dengan nama ceklogin.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
$acc_user = 'admin';
$acc_pas = 'admin';
if (isset($_POST['login']))
$username = $_POST['username']; // diambil dari nama input di form login
$password = $_POST['password']; // diambil dari nama input di form login
$username = strip_tags($username);
$password = strip_tags($password);
if (($username==$acc_user) && ($password==$acc_pas))
{
session_start();
$_SESSION['user'] = $username;
echo 'Login berhasil, silahkan lanjutkan......'.
'<br/>'.
'<a href="index.php">Lanjutkan</a>'.
'<br/>';
} else {
echo 'Username dan password salah'.
'<br/>'.
'<a href="login.php">Coba lagi</a>'.
'<br/>';
}
?>
</body>
</html>
jangan lupa ketiga file tersebut simpan di folder yang sama.
cara menjalankan yaitu buka langsung folder dari wamp server.
selamat mencoba!!!!
Read More......
Pada kenyataannya, penggunaan cookie memiliki beberapa masalah atau kendala. Bisa jadi ada browser yang tidak menerima cookie. Permasalahan ini merupakan salah satu alasan session PHP menggunakan method cookie/URL ganda. Tidak seperti cookie, session tersimpan di server. Dengan demikian, client tidak memiliki akses untuk mendapatkan informasi session.
berikut contoh halaman autentikasi yang menggunakan session
untuk code php nya seperti dibawah:
yang pertama simpan dengan nama index.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
session_start();
if (isset($_SESSION['user'])) // karena nama session buat login kita buat namanya adalah 'user' maka if isset($_SESSION['user']) ===> varibel penentu
{
$user = $_SESSION['user'];
echo '<p align="left">'.
'<b>Tulisan ini nampak kalo udah login</b>'.
'<br/><br/>'.
'<a href="login.php">Logout</a>'.
'</p>';
echo $user;
} else {
header('location: login.php');
exit;
}
?>
</body>
</html>
lalu yang kedua simpan dengan nama login.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
session_start();
if(isset($_SESSION['user']))
{
session_destroy();
}
?>
<form action="ceklogin.php" method="post">
<div>
Username:
<br/>
<input type="text" name="username" size="14" />
<br/>
Password:
<br/>
<input type="password" name="password" size="14" />
<br/><br/>
<button name="login" type="submit">Login</button>
</div>
</form>
</body>
</html>
lalu yang ketiga simpan dengan nama ceklogin.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" xml:lang="en" lang="en">
<head>
<title>Halaman Administrator</title>
</head>
<body>
<?php
$acc_user = 'admin';
$acc_pas = 'admin';
if (isset($_POST['login']))
$username = $_POST['username']; // diambil dari nama input di form login
$password = $_POST['password']; // diambil dari nama input di form login
$username = strip_tags($username);
$password = strip_tags($password);
if (($username==$acc_user) && ($password==$acc_pas))
{
session_start();
$_SESSION['user'] = $username;
echo 'Login berhasil, silahkan lanjutkan......'.
'<br/>'.
'<a href="index.php">Lanjutkan</a>'.
'<br/>';
} else {
echo 'Username dan password salah'.
'<br/>'.
'<a href="login.php">Coba lagi</a>'.
'<br/>';
}
?>
</body>
</html>
jangan lupa ketiga file tersebut simpan di folder yang sama.
cara menjalankan yaitu buka langsung folder dari wamp server.
selamat mencoba!!!!
Read More......
Categories:
web programming
chiken invaders
On
11:38 PM
0
comments
halooo....
ada game kecil2an lg disini
judulnya chiken invaders...
sebenarnya game ini mirip game kapal2an...
ini screenshotnya....
bila ingin mecoba silakan ambil disini
enjoy it!!!
Read More......
ada game kecil2an lg disini
judulnya chiken invaders...
sebenarnya game ini mirip game kapal2an...
ini screenshotnya....
bila ingin mecoba silakan ambil disini
enjoy it!!!
Read More......
Categories:
games
Pengolah Database Berbasis PHP
On
11:03 PM
0
comments
kelanjutan dari upload data kita belajar database mysql,,
kita disini mengisi(mengolah) database,,
disini kita membuat 1 tabel...
yaitu tabel nama di database mahasiswa,,
untuk kode lengkapnya dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Aplikasi Tabel PHP</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="form">
<h2 align="center">Data Mahasiswa</h2>
<hr style="color:#3ebee9; border:double;" align="center" width="300"/>
<form action="<?php $_SERVER['PHP_SELF'];?>" method="post">
<div id="Input">
No:<br /> <input type="text" name="no"/><br />
Nama:<br /> <input type="text" name="nama"/><br />
Alamat:<br /> <input type="text" name="alamat"/><br />
</div>
<div id="btnLogin">
<input type="submit" name="OK" value="OK"/>
</div>
</form>
</div>
<?php
$id=mysql_connect("localhost", "root", "");
$db=mysql_select_db("mahasiswa",$id);
if(!$db)
echo "gagal<br>";
else
echo "berhasil koneksi ke data base<br>";
echo("<table width=250 align=center border=1 cellspacing=0 cellpadding=0 bordercolor=#0000FF><tr>");
echo("<th align='center'>No</th>");
echo("<th align='center'>Nama</th>");
echo("<th align='center'>Alamat</th>");
if (isset($_POST['OK'])){
$no = $_POST['no'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$proses = "insert into nama set no ='$no', nama='$nama',
alamat='$alamat'";
$simpan= mysql_query($proses);
if ($simpan) {
echo "<font size=5>Data Disimpan </font><br>";
}else{
echo "<font size=5>Data Gagal Disimpan </font><br>";
}
}
$hasil = mysql_query("select* from nama", $id);
while($row=mysql_fetch_array($hasil)){
$isino = $row["no"];
$isinama=$row["nama"];
$isialamat=$row["alamat"];
echo("<tr><td align='center'>$isino</td>");
echo("<td align='center'>$isinama</td>");
echo("<td align='center'>$isialamat</td></tr>");
}
?>
</body>
</html>
simpan dengan extensi file .php
sekarang untuk style nya kita pakai css
pakai kode dibawah
#form{
margin-top:10px;
margin-left:450px;
font-family: arial;
font-size: 20px;
color:#3ebee9;
width:350px;
height : 300px;
background: #eef7ff;
border: 3px solid #9fd5f4;
}
#btnLogin{
margin-left:100px;
}
#Input{
margin-top: 30px ;
margin-left: 100px ;
margin-bottom: 10px;
font-family: calibri;
font-size: 15px;
color:#666666;
}
simpan dengan nama style.css
selesai dah...
selamat mencoba!!!
Read More......
kita disini mengisi(mengolah) database,,
disini kita membuat 1 tabel...
yaitu tabel nama di database mahasiswa,,
untuk kode lengkapnya dibawah ini
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>Aplikasi Tabel PHP</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="form">
<h2 align="center">Data Mahasiswa</h2>
<hr style="color:#3ebee9; border:double;" align="center" width="300"/>
<form action="<?php $_SERVER['PHP_SELF'];?>" method="post">
<div id="Input">
No:<br /> <input type="text" name="no"/><br />
Nama:<br /> <input type="text" name="nama"/><br />
Alamat:<br /> <input type="text" name="alamat"/><br />
</div>
<div id="btnLogin">
<input type="submit" name="OK" value="OK"/>
</div>
</form>
</div>
<?php
$id=mysql_connect("localhost", "root", "");
$db=mysql_select_db("mahasiswa",$id);
if(!$db)
echo "gagal<br>";
else
echo "berhasil koneksi ke data base<br>";
echo("<table width=250 align=center border=1 cellspacing=0 cellpadding=0 bordercolor=#0000FF><tr>");
echo("<th align='center'>No</th>");
echo("<th align='center'>Nama</th>");
echo("<th align='center'>Alamat</th>");
if (isset($_POST['OK'])){
$no = $_POST['no'];
$nama = $_POST['nama'];
$alamat = $_POST['alamat'];
$proses = "insert into nama set no ='$no', nama='$nama',
alamat='$alamat'";
$simpan= mysql_query($proses);
if ($simpan) {
echo "<font size=5>Data Disimpan </font><br>";
}else{
echo "<font size=5>Data Gagal Disimpan </font><br>";
}
}
$hasil = mysql_query("select* from nama", $id);
while($row=mysql_fetch_array($hasil)){
$isino = $row["no"];
$isinama=$row["nama"];
$isialamat=$row["alamat"];
echo("<tr><td align='center'>$isino</td>");
echo("<td align='center'>$isinama</td>");
echo("<td align='center'>$isialamat</td></tr>");
}
?>
</body>
</html>
simpan dengan extensi file .php
sekarang untuk style nya kita pakai css
pakai kode dibawah
#form{
margin-top:10px;
margin-left:450px;
font-family: arial;
font-size: 20px;
color:#3ebee9;
width:350px;
height : 300px;
background: #eef7ff;
border: 3px solid #9fd5f4;
}
#btnLogin{
margin-left:100px;
}
#Input{
margin-top: 30px ;
margin-left: 100px ;
margin-bottom: 10px;
font-family: calibri;
font-size: 15px;
color:#666666;
}
simpan dengan nama style.css
selesai dah...
selamat mencoba!!!
Read More......
Categories:
web programming
Upload File dari Local Harddisk
On
10:08 PM
0
comments
kali ini kita akan belajar meng-upload data dari harddisk lokal,,
idenya adalah kita dapat meng-upload bila tipe file yang akan kita upload
bertipe pdf dan zip. selain itu besar file yang dapat di upload sebesar 1Mb
untuk kode lengkap nya dapat dilihat seperti dibawah
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Upload File</title>
</head>
<body>
<form action="<?php $_SERVER['PHP_SELF'];?>"
method="post" enctype="multipart/form-data">
File:<input type="file" name="fl" />
<input type="submit" name="submit" value="Upload"/>
</form>
<?php
if (isset($_POST['submit'])
&& isset($_FILES['fl'])){
//lokasi pada direktori upload
$dir='./upload/';
$file = $_FILES['fl']['tmp_name'];
$name = $_FILES['fl']['name'];
$info = pathinfo($name);
//memastikan file tdk kosong
if(!is_uploaded_file($file)){
exit('No file selected..');
}
//menetapkan data maksimu file yang di upload
if(filesize($file)>1000000){
echo 'ukuran file'.filesize($file).'<br />';
exit('file terlalu besar ukuran file maksimum 1 MB');
}
//menetapkan tipe file
if($info['extension'] == 'pdf' || $info['extension'] == 'zip' ){
echo'tipe file pdf atau zip';
} else{
exit('maaf tidak bisa upload karena file bukan pdf atau zip');
}
if(!move_uploaded_file($file, $dir.$name)){
echo 'Unable to upload file';
}else {
echo'FIle uploaded..';
}
}
?>
</body>
</html>
simpan dengan extensi file .php
selamat mencoba!!!!
Read More......
idenya adalah kita dapat meng-upload bila tipe file yang akan kita upload
bertipe pdf dan zip. selain itu besar file yang dapat di upload sebesar 1Mb
untuk kode lengkap nya dapat dilihat seperti dibawah
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Upload File</title>
</head>
<body>
<form action="<?php $_SERVER['PHP_SELF'];?>"
method="post" enctype="multipart/form-data">
File:<input type="file" name="fl" />
<input type="submit" name="submit" value="Upload"/>
</form>
<?php
if (isset($_POST['submit'])
&& isset($_FILES['fl'])){
//lokasi pada direktori upload
$dir='./upload/';
$file = $_FILES['fl']['tmp_name'];
$name = $_FILES['fl']['name'];
$info = pathinfo($name);
//memastikan file tdk kosong
if(!is_uploaded_file($file)){
exit('No file selected..');
}
//menetapkan data maksimu file yang di upload
if(filesize($file)>1000000){
echo 'ukuran file'.filesize($file).'<br />';
exit('file terlalu besar ukuran file maksimum 1 MB');
}
//menetapkan tipe file
if($info['extension'] == 'pdf' || $info['extension'] == 'zip' ){
echo'tipe file pdf atau zip';
} else{
exit('maaf tidak bisa upload karena file bukan pdf atau zip');
}
if(!move_uploaded_file($file, $dir.$name)){
echo 'Unable to upload file';
}else {
echo'FIle uploaded..';
}
}
?>
</body>
</html>
simpan dengan extensi file .php
selamat mencoba!!!!
Read More......
Categories:
web programming
bomberman
On
12:39 PM
0
comments
ini game pertama yang saya upload,,
selanjutnya akan ada banyak game yang akan saya upload
insyaALLAH...
game ini berjudul asli bombermania,,
tp game ini mirip game bomberman di hp...
ini screenshotnya...
kalian dapat mendownloadnya disini
enjoy it...
Read More......
selanjutnya akan ada banyak game yang akan saya upload
insyaALLAH...
game ini berjudul asli bombermania,,
tp game ini mirip game bomberman di hp...
ini screenshotnya...
kalian dapat mendownloadnya disini
enjoy it...
Read More......
Categories:
games
halao...
ini merupakan kelanjutan dari pembuatan kalkulator
disini kita memakai banyak operand sebagai input....
prosesnya juga lumayan rumit karena melbatkan beberapa operator
seperti kali,tambah,kurang
idenya setiap pembayaran lebih dari 50.000 didiskon 10000
pertama-tama kita susun javascriptnya dan deklarasikan semua operand yang dibutuhkan
lalu kita masukkan operasi total harga
lalu kita buat logika menggunakan if else if
logika ini berfungsi untuk mengecek apakah pelanggan mendapat diskon atau tidak
dan jangan lupa buat fungsi reset
untuk code htmlnya kita buat menu,harga,dan banyaknya dengan menggunakan tabel
seperti tutor yang lalu
seperti ini contoh screenshot nya
selamat mencoba!!!
Read More......
ini merupakan kelanjutan dari pembuatan kalkulator
disini kita memakai banyak operand sebagai input....
prosesnya juga lumayan rumit karena melbatkan beberapa operator
seperti kali,tambah,kurang
idenya setiap pembayaran lebih dari 50.000 didiskon 10000
pertama-tama kita susun javascriptnya dan deklarasikan semua operand yang dibutuhkan
lalu kita masukkan operasi total harga
lalu kita buat logika menggunakan if else if
logika ini berfungsi untuk mengecek apakah pelanggan mendapat diskon atau tidak
dan jangan lupa buat fungsi reset
untuk code htmlnya kita buat menu,harga,dan banyaknya dengan menggunakan tabel
seperti tutor yang lalu
seperti ini contoh screenshot nya
Categories:
web programming
tambah satu lg nih tutor dalam web programming,,
disini kita akan bikin kalkulator sederhana,,
kalkulator sederhan dapat dibuat menggunakan javascript,,
kita buat dulu javascriptnya,,
misalnya kita membuat fungsi hitung yang digunakan dalam kalkulator,,
kita pakai operator sederhana saja yaitu tambah,kurang,kali dan bagi.
pertama kita definisikan form kita dengan misal var form = document.form1
lalu kita deklarasikan operand pertama dengan x, jadi var x =eval(form.x.value)
selanjutnya dideklarasikan pula operand kedua dengan y, jadi var y=eval(form.y.value)
lalu jangan lupa delarasikan operatornya dengan misalnya pil, jadi var pil=form.opt.value
dan kita buat logikanya pakai if else if
intinya saat if (misal operator yang dipilih){maka ini berisi operasi yang diperlukan)
sebagai contoh misal logika operasi penjumlahan,maka code if else ifnya
if(pil=="tambah"){ var z=x+y;}
else if (lainnya)
lalu tampilkan hasil operasi ke field hasil dengan
form.hasil.value=z
dan kita set agar field operand 1 dan 2 dapat diisi
untuk mereset perhitungan gunakan fungsi tambahan reset(),
namun deklarasikan dalam fungsi yang berbeda dengan fungsi hitung.
untuk code html nya bisa kita isi dengan menambahkan field-field yang diperlukan
jangan lupa,,namanya harus sesuai dengan field yang kita buat tadi di javascript.
seperti ini hasilnya...
disini kita akan bikin kalkulator sederhana,,
kalkulator sederhan dapat dibuat menggunakan javascript,,
kita buat dulu javascriptnya,,
misalnya kita membuat fungsi hitung yang digunakan dalam kalkulator,,
kita pakai operator sederhana saja yaitu tambah,kurang,kali dan bagi.
pertama kita definisikan form kita dengan misal var form = document.form1
lalu kita deklarasikan operand pertama dengan x, jadi var x =eval(form.x.value)
selanjutnya dideklarasikan pula operand kedua dengan y, jadi var y=eval(form.y.value)
lalu jangan lupa delarasikan operatornya dengan misalnya pil, jadi var pil=form.opt.value
dan kita buat logikanya pakai if else if
intinya saat if (misal operator yang dipilih){maka ini berisi operasi yang diperlukan)
sebagai contoh misal logika operasi penjumlahan,maka code if else ifnya
if(pil=="tambah"){ var z=x+y;}
else if (lainnya)
lalu tampilkan hasil operasi ke field hasil dengan
form.hasil.value=z
dan kita set agar field operand 1 dan 2 dapat diisi
untuk mereset perhitungan gunakan fungsi tambahan reset(),
namun deklarasikan dalam fungsi yang berbeda dengan fungsi hitung.
untuk code html nya bisa kita isi dengan menambahkan field-field yang diperlukan
jangan lupa,,namanya harus sesuai dengan field yang kita buat tadi di javascript.
seperti ini hasilnya...
screenshot kalkulator sederhana dengan javascript
Read More......
Categories:
web programming
Membuat Halaman Awal Web menggunakan CSS
On
10:01 AM
0
comments
ini adalah kelanjutan dari tutorial layout sederhana menggunakan css
kita disini akan membuat sebuah halaman utama sebuah web
misalnya web elektro tercinta
hehehehehe.....
pada css yang telah kita buat tambahkan id lagi sesuai kebutuhan
dan kita juga bisa menambahkan background dan foto.
kita dapat menggunakan code "background:#fff url(nama foto)"
tambahkan code ini dalam id css, url(nama foto) dipakai untuk meload gambar dari luar
#fff adalah warna dasar dari gambar
selain itu dapat juga kita memakai foto untuk banner misalnya
kita dapat memakai code "background-image:url(nama foto)"
nah silahkan berkreasi sendiri sesuai imajinasi kalian
dan ini adalah screenshot dari web elektro saya
selamat mencoba!!! Read More......
kita disini akan membuat sebuah halaman utama sebuah web
misalnya web elektro tercinta
hehehehehe.....
pada css yang telah kita buat tambahkan id lagi sesuai kebutuhan
dan kita juga bisa menambahkan background dan foto.
kita dapat menggunakan code "background:#fff url(nama foto)"
tambahkan code ini dalam id css, url(nama foto) dipakai untuk meload gambar dari luar
#fff adalah warna dasar dari gambar
selain itu dapat juga kita memakai foto untuk banner misalnya
kita dapat memakai code "background-image:url(nama foto)"
nah silahkan berkreasi sendiri sesuai imajinasi kalian
dan ini adalah screenshot dari web elektro saya
selamat mencoba!!! Read More......
Categories:
web programming
Layout Sederhana Menggunakan CSS
On
9:55 AM
0
comments
hello there...
disini kita akan membuat sebuah layout/kerangka web sederhana dengan menggunakan css
pertama-tama buat file misalanya layout.css
edit dengan notepad dan tulis kode untuk css misalanya kita memakai istilah
wrapper,header,sidebar,content dan footer.
format code untuk css adalah
(#(nama id) {
variabel yang diperlukan
})
jadi seperti menuliskan sebuah fungsi
file css yang telah kita buat ini akan diloadkan disebuah file html
memakai code (link type="text/css" rel="stylesheet" href="nama file css" /) ditulis dibagian head.
variabel yang dipakai misalanya untuk menentukan besar width,height, dan untuk menentukan letak kita bisa pakai float
kita juga dapat menambahkan gambar.
dalam file html nya kita memadukan id dalam file css dengan perintah div
sebagai contoh (div id="nama id css")(/div>)
untuk membuat daerah didalam div inti tambahkan div sebelum (/div)
tinggal pandai-pandainya kalian mengakali aj...
seperti ini contohnya...
selamat mencoba!!!
*untuk code html silakan diganti kurung() menjadi kurung <> Read More......
disini kita akan membuat sebuah layout/kerangka web sederhana dengan menggunakan css
pertama-tama buat file misalanya layout.css
edit dengan notepad dan tulis kode untuk css misalanya kita memakai istilah
wrapper,header,sidebar,content dan footer.
format code untuk css adalah
(#(nama id) {
variabel yang diperlukan
})
jadi seperti menuliskan sebuah fungsi
file css yang telah kita buat ini akan diloadkan disebuah file html
memakai code (link type="text/css" rel="stylesheet" href="nama file css" /) ditulis dibagian head.
variabel yang dipakai misalanya untuk menentukan besar width,height, dan untuk menentukan letak kita bisa pakai float
kita juga dapat menambahkan gambar.
dalam file html nya kita memadukan id dalam file css dengan perintah div
sebagai contoh (div id="nama id css")(/div>)
untuk membuat daerah didalam div inti tambahkan div sebelum (/div)
tinggal pandai-pandainya kalian mengakali aj...
seperti ini contohnya...
selamat mencoba!!!
*untuk code html silakan diganti kurung() menjadi kurung <> Read More......
Categories:
web programming
hello there...
this is my first tutor in html language,,
sorry for coming late...
hehehehe...
*how to make frame, static bar chart and table using html language*
u want make frame like this???
screenshot frame
i have some code,,try it out...
pertama tama buat file html yang berisi link yang merujuk ke sebuah halaman(saya namai index).
misalnya terdapat 5 macam halaman yang akan ditampilkan dalam 1 frame seperti gambar diatas,,
namai tiap halaman tersebut dengan nama yang berbeda,,
misalnya title untuk halaman judul, tab untuk halaman menu dan terserah kalian...
seperti ini coding untuk halaman index,,
(title)al-radh(/title)
(frameset rows="15%,*,15%")
(frame src="index_files/title.html" name="top" id="top")
(frameset cols="15%,*,15%")
(frame src="index_files/tab.html" name="left" id="left")
.
.
.(kurung () harap diganti dengan kurung <>)
selengkapnya tentang coding ini,,silakan saja download full code nya disini.
selain itu dalam frame tersebut saat menu ditampilkan dapat memuat
tabel komparasi dan grafik batang,,seperti pada gambar dibawah
screenshot static bar chart
screenshot table
jadi kita memadukan frame dengan menu2 untuk menampilkan static bar chart dan table. Read More......
this is my first tutor in html language,,
sorry for coming late...
hehehehe...
*how to make frame, static bar chart and table using html language*
u want make frame like this???
screenshot framepertama tama buat file html yang berisi link yang merujuk ke sebuah halaman(saya namai index).
misalnya terdapat 5 macam halaman yang akan ditampilkan dalam 1 frame seperti gambar diatas,,
namai tiap halaman tersebut dengan nama yang berbeda,,
misalnya title untuk halaman judul, tab untuk halaman menu dan terserah kalian...
seperti ini coding untuk halaman index,,
(title)al-radh(/title)
(frameset rows="15%,*,15%")
(frame src="index_files/title.html" name="top" id="top")
(frameset cols="15%,*,15%")
(frame src="index_files/tab.html" name="left" id="left")
.
.
.(kurung () harap diganti dengan kurung <>)
selengkapnya tentang coding ini,,silakan saja download full code nya disini.
selain itu dalam frame tersebut saat menu ditampilkan dapat memuat
tabel komparasi dan grafik batang,,seperti pada gambar dibawah
screenshot static bar chart
screenshot table
jadi kita memadukan frame dengan menu2 untuk menampilkan static bar chart dan table. Read More......
Categories:
web programming
Subscribe to:
Posts (Atom)