Unsecured debt consolidation loan


Wednesday, 30 December 2009

Membuat Layout Web Tanpa Tabel

Membuat layout web tanpa tabel, mungkin gak yah? Mungkin aja kali, mau tau caranya? Kalau mau tau teruskan membaca.

Kemaren saya iseng-iseng surfing di google, saya mencari informasi tentang jasa pembuatan website. Dari beberapa web yang saya temui di google, banyak di antaranya yang menawarkan jasa pembuatan website tanpa tabel. Jujur aja, saya sempat bingung, gimana cara buatnya, kalo tanpa tabel kan, layout website bisa jadi acak-acakan dan gak karuan.

Akhirnya saya coba tanya ke mbah google dan akhirnya saya mendarat di sebuah blog. Di sana saya dapatkan info, tentang cara buat layout web tanpa tabel. Terjawab sudah pertanyaan yang ada di benakku.

Ternyata yang mereka maksud membuat layout web tanpa tabel itu adalah tidak menggunakan fungsi tag table, melainkan dengan bantuan css. Langsung aja saya share ilmu yang saya dapetin di sini.

Pertama, kita akan mencoba membuat file style.css, yang isinya untuk mengatur layout. Berikut adalah source kodenya.

body{
background: #000000;
font-family: verdana; font-size=17px;
}
#wrapper{
width: 800px;
margin: auto;
}
#header{
width: 800px;
height: 200px;
background: red;
}
#slidebar{
background: blue;
height: 800px;
width: 250px;
float: left;
}
#posting{
background: white;
width: 550px;
height: 800px;
float: right;
}
#footer{
background: #red;
height: 200px;
clear: both;
}

Setelah selesai, simpan dengan nama "style.css". Penjelasannya nanti dulu yah, kita akan coba dulu buat file HTML-nya, biar keliatan hasilnya. Berikut adalah source kode untuk file HTML-nya.

<HTML>
<HEAD>
<TITLE>Layout</TITLE>
<style type="text/css" media="all">
@import "style.css";
</style>
</HEAD>
<BODY>
<div id="wrapper">
<div id="header">
</div>
<div id="content">
<div id="slidebar">
</div>
<div id="posting">
</div>
</div>
<div id="footer">
</div>
</div>
</BODY>
</HTML>

Sekarang simpan dengan nama "index.htm". Ingat! Simpannya di folder yang sama dengan file style.css - nya yah, soalnya kita masukin fungsi importnya di folder yang sama (@import "style.css";). Coba buka file HTML-nya di browser dan lihat hasilnya.Rapihkan?? Padahal tanpa table.

Oke, sekarang saya akan coba jelaskan file style.css - nya terlebih dahulu. Tanda pagar (#) berfungsi sebagai penanda, bahwa fungsi itu adalah id untuk halaman.

Lalu kita berikan warna untuk setiap elemen/bagian halaman dengan properti background. Setelah itu, kita juga atur tinggi dan lebar dari setiap elemen dengan properti width (lebar) dan height (tinggi).

Nah yang menarik dari file ini adalah pada elemen #slidebar dan #posting. Coba perhatikan cuplikan kode berikut.

#slidebar{
background: blue;
height: 800px;
width: 250px;
float: left;
}
#posting{
background: white;
width: 550px;
height: 800px;
float: right;
}

Kita menuliskan fungsi float dengan nilai left untuk slidebar dan right untuk posting. Hal inilah yang membuat letak dari postingan dan sildebar saling bersebelahan. Karena kalau kita tidak deklarasikan dengan float, maka bagian slidebar akan berada di atas bagian posting.

Lalu kita gunakan fungsi clear pada elemen footer, agar tidak terpengaruh dengan fungsi float pada slidebar dan posting. Atau dengan kata lain, menghapus fungsi float di footer.

Dan yang terakhir, kita isikan setiap elemen dari css ke file HTML dengan tag <div id="Nama_Elemen"> . Di bawah ini adalah screenshot dari file HTML yang sudah jadi.


Tuesday, 29 December 2009

Membuat Halaman Redirect Dengan Fungsi Refresh

Fungsi refresh digunakan untuk menyegarkan halaman dari sebuah website, namun sebenarnya ada dua macam cara untuk merefresh. Yang pertama dengan tombol refresh yang sudah disediakan oleh browser dan yang kedua dengan fungsi HTML.

Nah, yang akan dibahas kali ini adalah fungsi refresh page dengan cara yang kedua. Kalau cara yang pertama mah, pasti udah pada bisa kan.

Langsung aja. Untuk membuatnya cukup dengan kode berikut.

<meta http-equiv="refresh" content="10">

Kode diatas diletakannya di antara tag <head> dan </head>

Sedikit penjelasan tentang kode di atas, yaitu pada kode content="10", yang artinya konten (website) akan direfresh setelah 10 detik. Tapi kalau mau diterapin ke website atau blog anda, lebih baik waktunya jangan terlalu cepat, karena para pengunjung mungkin akan mencaci maki web/blog anda. Masa baru baca dikit artikelnya, udah di refresh lagi.

Selain berfungsi untuk merefresh halaman, kode di atas juga bisa kita gunakan untuk meredirect page dari suatu URL ke URL yang lain. Ini berfungsi jika kamu ingin membawa pengunjung dari blog atau website kamu, ke halaman website yang lainnya (tanpa diketahui si pengunjung).

Tapi untuk menjadikannya sebagai fungsi redirect, kita harus menambahkan sedikit embel-embel pada kode di atas. Berikut adalah hasil kode yang sudah dibumbui embel-embel.

<meta http-equiv="refresh" content="0";URL=http://wiliantoindrawan.blogspot.com>

Kalau mau pake buat web atau blog kamu, tinggal diganti aja alamat URL-nya dengan alamat web tujuanmu.

Sunday, 27 December 2009

Membuat Text Berjalan

Pernahkah anda melihat teks atau gambar yang berjalan disebuah website? Di artikel ini saya akan menjelaskan bagaimana cara membuatnya.

Contoh:
Teks berjalan.

Teks diatas merupakan contoh dari text berjalan menggunakan HTML. Untuk membuat teks seperti itu, kita bisa menggunakan fungsi marquee.

Fungsi marquee memiliki beberapa atribut untuk melengkapi fungsinya sebagai penggerak benda yang ada di website. Contoh dari atribut marquee adalah direction, scrollamount, onmouseover, dll.

Jadi untuk membuat teks berjalan seperti di atas kita bisa menuliskannya seperti berikut.

<marquee direction=left scrollamount=2 onmouseover=this.stop() onmouseout=this.start()>Teks berjalan. </marquee>

Pada kode di atas kita menuliskan direction=left yang artinya arah teks akan berjalan ke kiri. Lalu kita tentukan kecepatan gerak teks dengan menuliskan scrollamount (semakin kecil angka yang kita masukkan, maka akan semakin cepat gerak teksnya).

Lalu kita tuliskan onmouseover, agar ketika mouse berada di atas teks, maka teks akan berhenti berjalan dan ketika mouse pergi dari teks, maka teks akan kembali jalan dengan menuliskan onmouseout.

Saturday, 26 December 2009

Tukar Link Gratis

Akhirnya setelah beberapa hari berjuang, jadi juga script tukar linknya. Tukar link yang kali ini berbeda dari tukar link biasanya. Kalau tukar link biasa, hanya disimpan di satu blog saja. Tapi kalau yang ini mirip dengan ppc, sehingga link anda akan ditampilkan secara acak di blog teman-teman yang lainnya.

Sebenarnya tukar link model begini, sudah ada di bangsablogger. Saya hanya meniru konsepnya saja.

Syarat yang harus anda setujui:
1. Tidak merubah script yang diberikan.
2. Script harus dipasang di halaman blog anda, bukan di tempat kumpulan link.
3. Konten blog, tidak boleh berisi unsur pornografi, SARA, dan kekerasan.
4. Kontenya terupdate.

Kalau berminat memasang link, silakan ikuti langkah-langkah dibawah ini:

1. Copy script di bawah ini, lalu pasang di blog/web anda. (Pilih salah satu)

Vertikal
Contohnya: dislide bar kanan blog ini dengan nama "Link Vertikal".


Horizontal
Contohnya: di bagian prefooter blog ini dengan nama "Link Horizontal".

2. Setelah selesai, silakan isi form di bawah ini. Jangan menggunakan kode HTML apa pun, karena link anda akan menjadi kacau.
Nama Anda:
Email Anda:
Nama Blog: maks 25 karakter
Deskripsi Blog: Maks 75 karakter
Alamat Blog: Tanpa http:// (contoh: wiliantoindrawan.blogspot.com)


Hosted by 000space.com (Free Web Host no Ads). Mudah-mudahan gak ada masalah lagi dari pihak hosting yah... Kalo ada masalah lagi, kayaknya harus beli hosting berbayar neh. Yah, harus keluar duit deh... wkwkwkw....

Mohon maaf neh, buat temen-temen yang udah pernah daftar silakan mendaftar lagi, karena datanya hilang ditelan hosting. Sekali lagi saya meminta maaf atas ketidak nyamanan ini.

Saya akan aktifkan link anda maksimal setelah 3x24 jam, dengan catatan anda telah memenuhi syarat dan langkah-langkahnya dengan benar.

100 Daftar Link Terakhir

Thursday, 24 December 2009

Selamat Hari Natal 2009 dan Tahun Baru 2010


Selamat hari Natal bagi teman-teman yang merayakannya. Semoga di Natal kali ini kita dapat memberikan yang terbaik bagi-Nya dan kiranya Natal ini akan menjadi Natal yang lebih berkesan dari Natal sebelumnya.

Sekalian saya juga mau ngucapin selamat Tahun Baru 2010, walaupun masih seminggu lagi. Mudah-mudahan di tahun 2010, kita bisa menjadi lebih baik dari tahun 2009 dan mudah-mudahan "masalah-masalah" yang terjadi di tanah air tercinta ini dapat segera diselesaikan dengan seadil-adilnya.


Tuesday, 22 December 2009

Penipuan Smart Machine System (SMS)


Sorry neh kawan, postingan kali ini agak sedikit meleset dari topik utama kita yaitu pemrograman web. Postingan ini direpost dari blog saya sebelumnya yang sudah tidak diurus lagi.

Hati-hati dengan penipuan bekedok Smart Machine System (SMS).

Waduh akhir-akhir ini gue liat makin banyak aja web-web SMS berkeliaran bebas di GOOGLE. Kalo kalian mau beli, mendingan batalin aja deh. Soalnya, saingannya banyak banget dan yang paling parah adalah bisnis itu seperti penipuan. Mengapa? Kita lihat saja dari cara kerjanya.

Pertama loe disuruh transfer sejumlah uang ke rekening owner, setelah keanggotaan loe akan diaktifkan. Trus loe disuruh download produknya di member area deh.

Produk yang di download adalah script untuk membuat website yang sama persis dengan WEB PENJUALNYA, berikut adalah beberapa contoh website yang menggunakan "software SMS" itu

http://www.hujanuang2009.com
http://www.uangberkat.com
http://www.smartbisnis4u.com
http://www.meraihuang.com
http://www.saldoku.com
http://www.smartmachinesystem.com

Coba loe kunjungi web-web itu, pasti tampilannya gak jauh beda dan testimonialnya juga gak beda jauh.

Nah biar loe gak penasaran seperti apa produk yang dijualnya, gue bagiin gratis deh. Tapi jangan dijual lagi yah, kasian yang belinya...

Download SMS.zip (password: bisnissms2008)
Download Panduan_SMS.zip

Selamat mencoba web si penipu... hehehe... Jangan lupa yah kasih komentar di postingan ini, biar tambah rame...

Postingan ini tidak bermaksud untuk menjelekan atau merusak nama baik seseorang. Postingan ini saya buat, agar penipuan atau hal-hal yang merugikan orang lain melalui internet dapat dikurangi.

Sunday, 20 December 2009

Trik Membuat Tulisan Kode HTML di Blogspot

Bagaimana cara membuat tulisan kode HTML agar bisa tampil di blogspot? Awalnya saya juga bingung, karena setiap menuliskan kode HTML di blogspot pasti ketika dipublish akan hilang. Nah, akhirnya saya mendapatkan sebuah petunjuk setelah berjalan-jalan di rumahnya mbah google.

Ternyata, setiap kali kita menulis tag HTML di blogspot, maka dengan otomatis blogspot akan menganggap itu sebagai sebuah kode yang harus diproses. Padahal kan maksud kita ingin menampilkannya di postingan. Yah, itulah payahnya program komputer, gak bisa ngertiin yang kita inginkan.

Langsung aja deh, ada dua cara untuk membuat kode HTML agar tidak diproses oleh blogspot. Pertama itu cara manual atau biasa saya sebut dengan cara primitif. Karena memakan waktu yang cukup lama.

Cara pertama:
Kita harus mengganti setiap tanda &lt; dan mengganti setiap tanda > dengan & gt;
Contohnya, jika anda ingin menuliskan

<html><head></head><body></body></html>

Anda dapat menuliskannya menjadi
& lt;html& gt;& lt;head& gt;& lt;/head& gt;& lt;body& gt;& lt;/body& gt;& lt;/html& gt;

NOTE: Semuanya dituliskan tanpa spasi..

Cara yang kedua lebih mudah dan sangat praktis.
  1. Anda tinggal masuk ke website ini
  2. Lalu hapus seluruh kode yang ada di dalam textbox yang tersedia
  3. Sekarang isi textbox dengan kode HTML yang ingin anda tuliskan di blogspot.
  4. Setelah itu klik "encode" dan sekarang kode anda pun siap untuk di copy ke halaman blogspot.

Thursday, 17 December 2009

Membuat Submit Button Berupa Gambar (JavaScript)


Hello, jumpa lagi dengan saya, hihihi kayak di radio aja. Langsung aja deh ke topik.

Seperti yang sudah saya janjikan pada postingan sebelumnya tentang membuat submit button yang berupa gambar. Pada postingan kemarin saya menjelaskan cara membuatnya dengan HTML dan kali ini saya akan menjelaskan cara membuatnya dengan JavaScript.

Berikut adalah kode scriptnya.

<HTML>
<HEAD>
<TITLE>Image Button</TITLE>
</HEAD>
<BODY>
<form name="form" action='kirim.php' method='post'>
Nama: <input type='text' name='nama'>
<a href="javascript:document.form.submit()"
onmouseover="document.form.sub_but.src='gambar1.jpg'"
onmouseout="document.form.sub_but.src='gambar2.jpg'"
onclick="return val_form_this_page()">

<img src="gambar2.jpg" border='0' alt="Submit this form"
name="sub_but"/></a></td>
</form>
</BODY>
</HTML>

Pada baris kode di atas kita mengganti input type - nya dengan link berupa javascript sehingga ketika kursor kita letakan di atas button. Maka gambarnya akan berubah, dari yang tadinya gambar2.jpg menjadi gambar1.jpg. Dan ketika kursor kita keluarkan dari button, maka gambar akan kembali seperti semula.

Lalu onclick="return val_form_this_page()" berfungsi sebagai perintah untuk mengembalikan nilai form ketika diklik.

Nah disinilah kelebihan javascript, kita bisa membuat tampilan menjadi lebih elegan dan lebih indah dibandingkan HTML.

Silakan download file-file tutorial membuat submit button disini.

Oke sekian dolo neh bagi-bagi ilmunya. Dah pegel jari-jarinya. Ikuti terus yah perkembangan blog ini melalui email, tinggal isiin aja email kamu di form "Langganan Artikel via Email" yang ada di PKS (pojok kanan atas)...

Wednesday, 16 December 2009

Membuat Submit Button Berupa Gambar (HTML)


Hai, selamat datang. Beberapa hari yang lalu saya mendapatkan sebuah pertanyaan dari teman saya di facebook. Dia bertanya bagaimana cara membuat submit button berupa gambar. Nah setelah itu saya mencoba cari caranya.

Dan akhirnya saya mendapatkan 2 buah cara. Yang pertama dengan menggunakan HTML dan yang kedua menggunakan Javascript.

Namun jika kita menggunakan javascript akan lebih bagus hasilnya, karena kita bisa menggunakan onmouse over. Jadi setiap kali kursor diletakan di atas gambar, maka gambar akan berubah. Namun jika kita menggunakan HTML, hasilnya akan lebih terbatas dibandingkan dengan menggunakan Javascript.

Tapi pada postingan kali ini, kita akan menggunakan HTML saja dulu. Oke, langsung saja kita coba.

Pertama buat file dengan nama img_btn1.htm, yang isinya kode di bawah.

<HTML>
<HEAD>
<TITLE>Image_Button</TITLE>
</HEAD>
<BODY>
<form action='kirim.php' method='post'><br>
<table border='0'><br>
<tr bgcolor='#cccccc'>
<td>Nama: </td>
<td><input type='text' name='nama'></td>
<td><input type="image" src="gambar1.jpg" alt="Submit button"></td>
</tr>
</table>
</form>
</BODY>
</HTML>

Fungsi intinya adalah baris <td><input type="image" src="gambar1.jpg" alt="Submit button"></td>
untuk membuat input berupa gambar.

Lalu kita akan buat file kirim.php yang akan digunakan untuk memproses file img_btn1.htm. Berikut adalah isi kodenya.

<HTML>
<HEAD>
<TITLE>Namaku</TITLE>
</HEAD>
<BODY>
<?
$nama=$_POST['nama'];
echo 'Namaku adalah '.$nama;
?>
</BODY>
</HTML>

File ini akan kita gunakan untuk menampilkan hasil dari form.
Namun, seperti pada penjelasan sebelumnya, file HTML ini tidak dapat kita gunakan untuk membuat hover link.


Kita akan membahas pembuatan submit button berupa gambar dengan menggunakan javascript pada tutorial berikutnya. Jadi, jangan lupa masukan alamat email anda pada form "Langganan Artikel via Email", untuk mendapatkan info tutorial terbaru dari blog ini.




Monday, 14 December 2009

Menghitung Jumlah Karakter dengan PHP

Pada tutorial beberapa hari yang lalu, kita belajar cara menghitung angka dengan php (perkalian, pembagian, pengurangan, dan penjumlahan). Nah, kali ini kita akan menggunakan php untuk menghitung banyaknya karakter dalam kata atau kalimat.

Untuk menghitung banyaknya karakter dengan php, kita akan menggunakan fungsi dari strlen(). Cara penulisannya seperti di bawah.

strlen(kata)

Parameter (kata), merupakan kata atau kalimat yang akan kita hitung jumlah karakternya. Parameter ini dapat berupa varibel atau teks biasa.

Berikut adalah contoh penggunaan fungsi strlen().

<?php
//kita tentukan variabel kata yang akan dihitung
$kata='Cara Menghitung Kata';
//kita hitung dengan fungsi strlen()
$jumlah_kata=strlen($kata);
//kita cetak ke layar dengan perintah echo echo 'Ada '.$jumlah_kata.' karakter.';
?>

Coba simpan di dalam folder localhost anda, lalu lihat hasilnya dari browser. Jika anda mengetikannya dengan benar maka keluar tulisan seperti "Ada 20 karakter". Angka 20 dapat berubah sesuai dengan varibel $kata.

Sekian dulu yah, mudah-mudahan bermanfaat. Kalau ada pertanyaan silakan tanyakan melalui komentar.

Silakan isikan alamat email anda pada form "Langganan Artikel via Email" untuk mendapatkan update tutorial-tutorial terkini dari blog ini.

Friday, 11 December 2009

Membuat Format Rupiah dengan PHP

Hai,,, Kali ini saya mau sharing tentang membuat format rupiah pake php. Kalo pakai ms. excel kan mudah tinggal ganti aja formatnya. Nah, di php juga mudah gak terlalu sulit. Cara penulisannya kayak gini.

number_format(angka, 'jml_angka_dibelakang', 'pemisah_dibelakang_angka' , 'pemisah_angka')

Biar gak pusing, coba liat contoh berikut.

number_format(50000, 2, ',' , '.');

Jika kita cetak ke browser maka hasilnya akan menjadi 50.000,00....

Nah untuk prakteknya, kita coba modifikasi file looping yang sudah kita pelajari pada postingan sebelumnya. Kalo belum yah buat dulu deh disini, biar gak lieur .

Kita akan ganti kolom harga bensin, agar formatnya menjadi Rp xx.xxx,00. Berikut adalah kode yang sudah dimodifikasi (tulisan yang berwarna merah).

<html>

<head><title>Dengan Looping While</title></head>

<body>

<table border='0' cellpadding='4'>

<tr bgcolor='#cccccc'>

<td><b>Bensin (Liter)</b></td>

<td><b>Harga (Rp)</b></td>

</tr>

<?php

$liter=5;

$harga=5000;

while($liter<=25)

{

echo "<tr>"

."<td align='right'>$liter</td>"

."<td align='right'>Rp

".number_format($liter*$harga,2,',','.')."</td></tr>";

$liter+=5;

}

?>

</table>

</body>

</html>



Kita hanya menambahkan fungsi number_format di dalam looping while, agar fungsinya diulang sebanyak syarat yang ditentukan. Nah, saya kira kalau buat fungsi number_format tidak ada yang perlu dijelaskan lagi. Sekarang tugas anda adalah mencoba mengotak-atik kode diatas, biar lebih paham

Oke sekian dulu, tutorial kali ini. Sampai jumpa di tutorial berikutnya. Kalau ada pertanyaan silakan tanyakan melalui komentar di bawah.

Silakan isikan email anda di dalam form "Langganan Artikel via Email" di kolom kanan atas, untuk mendapatkan tutorial-tutorial terkini dari blog ini.

Tuesday, 8 December 2009

Tutorial Php 3 (Looping dengan while)

Nah, mungkin diantara teman-teman ada yang suka buat tabel harga (atau apapunlah), dengan membuatnya satu-satu, padahal perubahannya tetap. Misalnya kayak kode di bawah ini deh,

<html>
<head>
<title>No Looping</title>
</head>
<body>
<table border="0" cellpadding="4">
<tr bgcolor="#cccccc">
<td><b>Bensin (Liter)</b></td>
<td><b>Harga (Rp.)</td></b></tr>
<tr>
<td align="right">5</td>
<td align="right">22500</td></tr>
<tr>
<td align="right">10</td>
<td align="right">45000</td></tr>
<tr>
<td align="right">15</td>
<td align="right">67500</td></tr>
<tr>
<td align="right">20</td>
<td align="right">90000</td></tr>
<tr>
<td align="right">25</td>
<td align="right">112500</td></tr>
</table>
</body>
</html>

Kode diatas cuma buat 5 baris doang, jadi masih bisa pake HTML, tapi kalo kamu disuruh buatnya 100 baris pake HTML, lama bangetkan buatnya, iya itulah kelemahan dari HTML. Nah kalo kita buat pake php gak perlu buat kode sepanjang itu. Cukup pake looping aja, kali ini kita akan belajar menggunakan looping while.

Sebelum masuk ke problem utama, saya mau jelasin sedikit tentang cara penulisan looping while. Cara penulisannya adalah seperti berikut:

while(kondisi) {ekspresi};

Nah kalo buat khasus kayak diatas, kita bisa buat kodenya jadi kayak gini.

<html>
<head><title>Dengan Looping While</title></head>
<body>
<table border='0' cellpadding='4'>
<tr bgcolor='#cccccc'>
<td><b>Bensin (Liter)</b></td>
<td><b>Harga (Rp)</b></td>
</tr>
<?php
$liter=5;
$harga=5000;
while($liter<=25)
{
echo "<tr>"
."<td align='right'>$liter</td>"
."<td align='right'>".$liter*$harga."</td></tr>";
$liter+=5;
}
?>
</table>
</body>
</html>

Coba simpan di folder web localhost kamu dan lihat hasilnya. Sama kan!!!

Nah akan saya jelaskan arti dari kode diatas.
  • Pertama-tama kita buat varibel untuk literan dan harga bensin per liternya. Untuk menentukan harga total, kita akan menggunakan operasi matematik perkalian dari 2 varibel ini.
  • Lalu kita buat looping while seperti berikut.

while($liter<=25)
  • Yang artinya: Selama $liter masih dibawah atau sama dengan 25, maka terus lakukan perintah

{
echo "<tr>"
."<td align='right'>$liter</td>"
."<td align='right'>".$liter*$harga."</td></tr>";
$liter+=5;
}

  • Yang artinya: Tampilkan baris baru dengan kolom 1 berisi $liter dan kolom 2 hasil dari perkalian $liter dengan $harga. Setelah itu tambahkan $liter sebanyak 5.

Nah dengan demikian kita bisa menghemat waktu untuk mengetikan kode. Kalo mau buat lebih banyak, tinggal ganti aja kondisi pada whilenya.
Silakan modifikasi deh kode diatas sesuai keinginan kamu, biar tambah jago php-nya.

SELAMAT MENCOBA!!!

Kalo ada pertanyaan silakan tanyakan lewat komentar yah!

Silakan isi email anda pada form "Langganan Artikel via Email" di pojok kanan atas, untuk mendapatkan informasi tutorial terbaru dari blog ini.

Monday, 7 December 2009

Tutorial Php 2

Tutorial kali ini akan membahas hitung-hitungan dalam php (kok jadi matematika). Maksudnya begini, kita akan menghitung penjumlahan, perkalian, dan pembagian menggunakan php. Itulah hebatnya php, bisa menghitung secara matematika. Kalau HTML mah gak akan bisa.

Langsung aja deh ketik kode di bawah ini.

<?php
$angka1=2;
$angka2=4;
$angka3=5;
$jumlah=$angka1+$angka2+$angka3;
$kali=$angka1*$angka2*$angka3;
$bagi=$angka2/$angka1;

//tampilkan ke layar
echo "Hasil jumlah dari $angka1 + $angka2 + $angka3 adalah $jumlah<br>";
echo "Hasil kali dari $angka1 X $angka2 X $angka3 adalah $kali<br>";
echo "Hasil bagi dari $angka2 : $angka1 adalah $bagi";

?>

Simpan dengan nama "hitungan.php" di dalam folder web localhost anda. Silakan buka menggunakan browser dan lihat apa yang akan terjadi.

Kalau anda mengetikannya dengan benar, maka akan tampil teks seperti ini:

Hasil jumlah dari 2 + 4 + 5 adalah 11
Hasil kali dari 2 X 4 X 5 adalah 40
Hasil bagi dari 4 : 2 adalah 2

Sebenarnya dalam ada dua tipe variabel (variabel=$), yaitu tipe teks dan tipe numerik. Pada hal ini kita membuat varibel dengan tipe numerik. Jadi php dapat menghitungnya.

Penjelasan kode:
  1. Kita buat dulu varibel yang berisi angka. (varibel $angka1, $angka2, $angka3)
  2. Lalu kita buat varibel yang menampung hasil dari hitungan. (varibel $jumlah, $kali, $bagi), tanda bintang ( * ) sama artinya dengan kali dan tanda garis miring ( / ) sama artinya dengan bagi.
  3. Setelah itu kita buat komentar yang dimulai dengan tanda // (sebagai penanda), maka tulisan "tampilkan ke layar" tidak akan ditampilkan di browser, karena dianggap sebagai komentar di dalam php .
  4. Yang terakhir kita buat perintah untuk mencetak ke layar, yaitu dengan statement echo.

SELAMAT MENCOBA!!!

Oke.. sekian dulu tutorial hitung-hitungannya. Kalau ada yang kurang jelas, silakan tanyakan lewat komentar.

Isikan email anda pada form "Langganan Artikel via Email" untuk mendapatkan update tutorial-tutorial terkini dari blog ini.

Sunday, 6 December 2009

Membuat PDF dengan PHP

Php memang serba berguna, selain digunakan membuat halaman website yang interaktif dalam bentuk HTML format. Ternyata php juga bisa kita gunakan untuk membuat halaman dengan format pdf.

Nah, tutorial kali ini saya dapet dari blog tetangga. Buatnya pake class, dan berikut adalah langkah-langkahnya:

1. Download dolo php classnya disini.
2. Terus ekstrak dan simpan di folder localhost anda. (kalau belum punya localhost, klik disini)
3. Lalu buat file php dengan nama "pdf.php" yang isinya seperti di bawah ini:

require('fpdf/fpdf.php');
$pdf=new FPDF();
$pdf->AddPage();
$pdf->SetFont('Arial', 'B', 16);
$pdf->Cell(40, 10, 'Hello World!');
$pdf->Output();
?>

4. Simpan dan panggil file melalui browser.
5. Anda juga bisa menggunakan atribut lainnya yang ada di dalam php class seperti line, rectangle, margin, dan yang lainnya.

SELAMAT MENCOBA!!!

Silakan isi form "Langganan Artikel via Email" untuk mendapatkan update artikel dan tutorial terbaru dari blog ini.


Saturday, 5 December 2009

Tutorial Php 1

Sebelum memulai tutorial php yang pertama, ada beberapa hal yang harus anda persiapkan sebelumnya. Diantaranya adalah server localhost dan phpmyadmin (untuk media penyimpanan data). Anda bisa mendapatkannya secara gratis di sini .

Dan silakan download cara menginstallnya disini.
NOTE: Setelah download, ikutin tutorialnya dari halaman 3 sampai halaman 6 saja.

Sekarang saya anggap anda sudah selesai menginstallnya. Jadi langsung saja kita mulai dengan file php kita yang pertama. Tapi, buat dulu folder baru di dalam direktori c:\xampp\htdocs dengan nama "tutorial".

Penulisan kode php selalu diawali dengan tag <?php dan selalu diakhiri dengan tag ?&gt, dan jika kita ingin mencetak sesuatu ke layar maka kita harus menggunakan perintah echo. Setelah suatu statement/perintah selesai kita buat maka kita harus menandainya dengan tanda titik koma (;)

OKE, sekarang mari kita coba dengan file php pertama kita, buka notepad atau php editor lainnya yang anda miliki. Lalu ketikan kode berikut:

<?php
echo "Ini adalah website php pertamaku";
?>

Setelah selesai, silakan simpan dengan nama "pertama.php". Ingat!!! Simpannya jangan di sembarang direktori, karena file tidak akan dapat berfungsi. Simpanlah di direktori c:\xampp\htdocs\tutorial atau sesuai dengan direktori tempat anda menginstall sever localhost.

Silakan buka filenya melalui browser dan ketikan pada address barnya http://localhost/tutorial , karena kalau dibuka langsung gak akan bisa (berbeda dengan file HTML).

Pada script kode di atas, kita awali dengan tag <?php lalu kita beri perintah echo agar browser mencetak teks "Ini adalah website php pertamaku",setelah selesai perintah echo maka kita berikan tanda titik koma (;), sebagai tanda berakhirnya suatu perintah .Kita akhiri dengan tag ?>, yang menandakan bahwa selesainnya script kode php.

Sekarang kita coba dengan file kedua kita. Silakan ketikan kode di bawah ini:

<?php
$utama="Ini adalah website php pertamaku";
echo $utama ;
?>

Simpanlah dengan nama "kedua.php" di dalam folder yang sama dengan file "pertama.php".

Hasil yang akan ditampilkan di dalam browser akan sama dengan hasil dari file "pertama.php". Karena kita memberikan isinya pada variabel $utama, lalu perintah echo mencetak $utama ke layar.

Oke.. Sekian dulu deh tutorial php kali ini, tunggu tutorial lainnya dari blog ini (udah pegel jari-jarinya, hehehe).
Biar gak ketinggalan update, silakan isikan email anda pada form "Langganan Artikel via Email", saya akan kirimkan update-update terbaru dari blog ini. GRATIS!!

Friday, 4 December 2009

Cara Upload Joomla dari Localhost

Pada tutorial sebelumnya, saya membuat tutorial tentang cara menginstall Joomla di localhost. Tapi ada seorang teman di facebook yang bertanya kepada saya, bagaimana caranya mengupload Joomla dari localhost ke hosting.

Nah dari situlah saya terinspirasi untuk membuat postingan ini.
Langsung aja deh, ini tutorialnya:
  • Pertama backup dulu database yang sudah dibuat di localhost. Caranya pilih nama database yang sesuai lalu klik "Ekspor". Setelah itu akan muncul tampilan baru, nah disini anda pastikan kalau tipe yang akan dipilih adalah "SQL" lalu centang "save as" atau "kirim ke"(kalau pake bahasa indonesia). Lalu klik "Go".
  • Langkah kedua adalah login ke cpanel hosting anda lalu buat database baru di hosting anda dan buat juga usernya. (username dan password akan digunakan untuk konfigurasi, jadi ingat-ingat)
  • Langkah ketiga adalah edit file "configuration.php" pada direktori Joomla, ganti:

/* Database Settings */
var $dbtype = 'mysql';
var $host = 'localhost';
var $user = 'root';
var $password = '';
var $db = 'joomla';
var $dbprefix = 'jos_';

sesuai dengan konfigurasi pada database hosting anda.

  • Langkah keempat adalah mengkompres seluruh direktori file Joomla yang ada di localhost anda ke dalam format *.zip.
  • Langkah kelima adalah login lagi ke cpanel hosting anda. Setelah masuk control panel, cari "file management", lalu pilih "online file manager". Maka akan menampilkan layar baru, lalu klik direktori "htdocs", setelah masuk ke direktori htdocs pilihlah "upload". Anda akan dibawa ke halaman lain dan sesampainya disana (kayak di dongeng aja), gunakan form yang ada di sebelah kanan anda dan klik "browse" untuk mencari file Joomla yang sudah dikompres. Lalu klik "upload". Jika meminta konfirmasi klik saja "yes" atau "centang"

  • Sekarang tinggal proses database, berikut langkah-langkahnya:
Masuk ke phpmyadmin di hosting anda, lalu pilih database yang baru saja anda buat. Setelah itu klik "import", dan klik "browse" dan pilih file database yang sudah kita import pada langkah pertama, lalu klik "Go".

Sekarang tinggal tes deh, website Joomla anda. Selamat mencoba!

Gunakan form "Langganan Artikel via Email" untuk mendapatkan update artikel-artikel terbaru di blog ini via email anda.

Thursday, 3 December 2009

Cara Install Joomla di Localhost


Hai, kawan. Terima kasih telah berkunjung ke blog ini, pada postingan kali ini, saya akan membahas cara menginstall Joomla, di server localhost.

Tutorial kali ini saya kemas dalam bentuk ebook tutorial yang sebagian besar terdiri dari gambar-gambar, agar memudahkan proses pembelajaran. Nah, buat temen-temen yang belum install server localhost juga jangan khawatir, karena di dalam ebook ini juga dibahas.

Berikut adalah daftar isi dari ebooknya:
  1. Berkenalan dengan Joomla (Apa itu Joomla, Bagaimana sejarahnya, dll)
  2. Penginstallan server localhost, menggunakan XAMPP (biar sepaket)
  3. Penginstallan Joomla (langkah demi langkah)


NOTE:Tutorial ini ditujukan bagi pemula, kalau sudah master seh harusnya dah paham.

Selamat Mencoba!!!

Jangan lupa ikuti terus tutorial-tutorial gratis di blog ini, via email. Caranya mudah.... Ketik Reg(eh salah), caranya tinggal masukkin alamat email anda di form "Langganan Artikel via Email".


Wednesday, 2 December 2009

Membuat "Read More" di Blogspot (template baru)

Hai teman, pernah liat link "read more" atau "selengkapnya" di postingan blogspot, gak?nah kali ini kita akan belajar cara membuatnya.

Cara buatnya simple banget, tinggal ikutin aja tutorial di bawah ini:
  • Sign In dulu ke blogger dengan id masing-masing tentunya. (buat yang belum punya blog di blogspot, silakan belajar dulu buat blog disini).
  • Setelah itu klik "setting" atau "pengaturan".
  • Klik "formating"
  • Pada layar paling bawah, ada text area kosong di samping tulisan "Post Template", isi text area itu dengan kode di bawah ini:
<div class="fullpost">

</div>

Lalu klik "Save Settings"

Pemasangan kode ini dimaksudkan untuk mempermudah kita dalam membuat postingan, sehingga tidak perlu mengetik kode tersebut secara terus-menerus.

Langkah selanjutnya adalah menambahkan kode pada template, berikut langkah-langkahnya:
  • Klik menu "Layout"
  • Klik menu "Edit HTML"
  • Klik tulisan "Download Full Template"
  • Simpan dulu template tersebut di komputer anda, agar jika terjadi kesalahan maka anda dapat mengembalikannya seperti semula
  • Beri tanda centang pada kotak disamping tulisan "Expand Widget Template"
  • Cari kode <div class='post-body'> , pada template anda
  • Lalu copy kode di bawah dan paste-kan tepat di bawah kode <div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

  • Kemudian lihat kebagian bawah, sampai terlihat kode <p><data:post.body/></p> atau <data:post.body/>
  • Lalu copy lagi kode HTML di bawah ini dan paste-kan di bawah kode tadi.
<a expr:href='data:post.url'>Read More...</a>
</b:if>
  • Klik "Save Template"
NOTE: Anda dapat mengganti tulisan "Read More..." sesuai dengan keinginan anda.

Sekarang saya akan beritahukan cara memposting artikelnya
  • Klik "Posting"
  • Lalu klik "Edit HTML"
  • Maka akan muncul kode
<div class="fullpost">

</div>
  • Ketikan artikel yang ingin anda tampilkan sebelum kode <div class="fullpost">
  • Dan ketikan sisanya sesudah kode diatas, namun sebelum kode </div>
  • Lalu klik "Publish Post"

Selamat Mencoba...


Tuesday, 1 December 2009

Panduan Membuat Blog di Blogspot


Tutorial pembuatan blog ini menggunakan blogspot(blogger) sebagai tempat pembuatannya.
Sebelum kita belajar membuat blog, kita harus mempunyai satu alamat e-mail yang masih aktif.
Karena kita membuat blog di blogspot, maka sebaiknya kita memiliki satu alamat e-mail di
gmail.

Tutorial ini saya dapatkan dari blog tetangga.


Selamat mencoba.

Sunday, 29 November 2009

Belajar HTML (bag 4)


Tutorial HTML bagian ke-4 ini akan membahas materi-materi sebelumnya, yang akan dirangkum menjadi sebuah website sederhana. Saya akan berikan dalam format ebook, agar anda dapat mempelajarinya dengan lebih fleksibel.

Berikut adalah beberapa materi yang terdapat di dalam ebook:

  1. Pengenalan HTML (di blog ini)
  2. Memanipulasi Font (di blog ini)
  3. Menyisipkan Hyperlink (di blog ini)
  4. Membuat Tabel (di blog ini)
  5. Membuat Form
  6. Menyisipkan Gambar (di blog ini)
  7. CSS
  8. dll
Link download ebook akan saya berikan setelah anda mengisi form berikut lalu mengkonfirmasi melalui link konfirmasi yang saya kirimkan ke email anda.

Nama:

Email:

Saturday, 28 November 2009

Belajar HTML (bag 3)


Tutorial kali ini akan membahas pembuatan tabel dalam HTML. Pembuatan tabel dalam HTML selalu diawali dengan tag <table>. Lalu jika kita ingin membuat sebuah baris, kita bisa menggunakan tag <tr> dan jika ingin membuat kolom bisa menggunakan tag <td>.

Teorinya udah dululah, kebanyakan teori juga percuma. Langsung praktek aja deh.
Seperti pada tutorial sebelumnya, silakan buka notepad atau HTML editor lainnya. Lalu ketikan kode di bawah ini:

<html>
<head>
<title>Ini Website Ketigaku</title>
</head>
<body>
<table border='1'>
<tr bgcolor='red'><td colspan='2'>Tabel Karyawan</td></tr>
<tr><td>Nama</td><td>Umur</td></tr>
<tr><td>Wilianto</td><td>15 tahun</td></tr>
<tr><td>Indrawan</td><td>16 tahun</td></tr>
</table>
</body>
</html>

Sekarang save dengan nama "ketiga.html" di dalam folder yang sama yang telah kita buat pada tutorial pertama, lalu lihat hasilnya.

Penjelasan script:
  • Tag <table>, menandakan bahwa dimulainya pembuatan sebuah tabel. Kita mengisi border senilai 1 (satu), artinya garis tepi antar tabel sebesar 1px.
  • Lalu kita buat baris baru pada tabel dengan tag <tr>, yang kita berikan warna latar merah (red). Namun baris tidak akan keluar jika kita tidak membuat kolom di dalamnya. Maka dari itu kita buat kolom dengan tag <td>. Dalam tag <td> kita memberikan colspan, yang fungsinya untuk menyatukan kolom (dalam hal ini 2 kolom), fungsinya sama dengan merge pada ms excel.
  • Setelah selesai mengisi kolom, maka kita tutup dengan tag </td></tr>, yang berarti berkahirnya sebuah kolom dan baris.

Kesimpulan:
  1. Tag <tr>Berfungsi untuk membuat baris.
  2. Tag <td> berfungsi untuk membuat kolom.
  3. Untuk menyatukan kolom kita bisa menggunakan fungsi colspan.

Sekian dulu tutorialnya, silakan modifikasi script di atas sesuai dengan keinginan anda.

Pengalaman adalah guru yang terbaik, maka dari itu jangan pernah takut untuk mencoba.




Belajar HTML (bag 2)


Pada postingan sebelumnya, kita sudah mempelajari tentang cara penulisan tag dalam kode HTML. Nah, sekarang kita akan mempelajari beberapa tag lainnya yang ada dalam HTML, seperti tag untuk menyisipkan gambar, menambah link, dan mengatur jenis tulisan.

Untuk itu silakan buka notepad atau HTML editor lainnya. Setelah itu ketikan kode di bawah ini.

<html>
<head>
<title>Ini Adalah Website Keduaku</title>
</head>
<body>
<img src="http://investasibca.com/images/banner468x60.gif"><br> <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a><br> <font face='times new roman'>Aku berjenis Times New Roman.</font><br> <font face='comic sans ms'>Aku berjenis Comic Sans Ms.</font><br> <font face='verdana'>Aku berjenis verdana.</font> </body> </html>

Sekarang save dengan nama "kedua.html" di dalam folder yang sama yang telah kita buat pada tutorial sebelumnya. Silakan lihat bagaimana hasilnya.

Penjelasan script:
  • Pada source kode di atas kita menggunakan tag <img src="http://investasibca.com/images/banner468x60.gif">, yang fungsinya untuk menampilkan file gambar yang sumbernya berada di http://investasibca.com/images/banner468x60.gif. Kita juga dapat menggunakan gambar yang ada di dalam komputer kita, hanya saja perlu kita ganti sumber gambarnya dengan format direktori/nama_files.type. Contohnya belajar/gambarku.jpg.
  • Lalu kode berikutnya adalah <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a>, yang fungsinya untuk memberikan link ke halaman lain, dalam hal ini kita memasukkan link ke http://investasibca.com/?id=indrawan. Sama halnya seperti menyisipkan gambar kita juga bisa mengganti link itu ke halaman yang ada di komputer kita.
  • Tag <br> berfungsi sebagai enter.
  • Dan tag terakhir yang akan kita bahas adalah <font face='times new roman'>Aku berjenis Times New Roman.</font>, fungsinya untuk mengganti bentuk font.

Kesimpulan:
  1. Tag "img src" dan "a href" dapat kita ganti sumbernya dengan nama file yang ada di komputer kita.
  2. Untuk mengganti type font kita bisa menggunakan tag "font face".

Sekian dulu tutorial kali ini, jika ada yang kurang jelas, silakan tinggalkan komentar dan saya akan mencoba untuk menjawabanya (kalo bisa, hehehehex).

Friday, 27 November 2009

Belajar HTML (bag 1)


HTML (HyperText Markup Language) merupakan sebuah format tampilan yang digunakan untuk menampilkan halaman dari sebuah website. HTML terdiri dari simbol-simbol tertentu yang sering disebut dengan tag (misal: ). Sebuah halaman HTML yang valid pasti dan harus diawali dengan tag dan pada akhir kode ditutup dengan .

Oke, kita langsung aja masuk ke contoh tutorialnya. Pertama silahkan buat dulu folder baru di komputer anda. Lalu buka notepad atau jika ada bisa menggunakan HTML editor.

Setelah itu, ketikan kode di bawah ini di notepad atau HTML editor.

<html>
<head> <title>Website Pertamaku</title> </head> <body> <b>Aku ini Bold</b><br> <u>Aku ini Underline (garis bawah)</u><br> <i>Aku ini Italic</i> </body> </html>

Setelah selesai, silakan save dengan nama "pertama.html", jika anda menggunakan notepad, pastikan kalau save as type-nya adalah all files.
Sekarang silakan klik dua kali pada file yang tadi sudah kita buat, dan lihatlah hasilnya.

Berikut adalah penjelasan dari script yang sudah kita buat:
  • Pada awal kode, kita menggunakan tag <html>, sebagai penanda bahwa file type yang kita gunakan berupa HTML.
  • Setelah itu, kita lanjutkan dengan tag <head><title>, fungsi tag <head> adalah sebagai penanda bahwa bagian tersebut adalah bagian kepala dan tidak akan dicetak ke layar secara langsung. Sedangkan fungsi <title>, berguna untuk memberikan judul pada website, yang akan ditampilkan pada bagian atas browser.
  • Tag berikutnya adalah tag </title> dan tag </head>, tag ini berfungsi sebagai tanda berakhirnya tag </title> dan </head>
  • Selanjutnya kita, mulai bagian halaman website menggunakan tag <body>.
  • Lalu kita tutup kembali dengan tag </body>, sebagai tanda berakhirnya bagian utama sebuah website.
  • Dan tag terakhir adalah </html> yang berfungsi sebagai tanda berakhirnya kode HTML.

Kesimpulan:
  1. Sebuah tag dalam HTML, selalu diawali dengan format <x> dan ditutup dengan </x>.
  2. File HTML memiliki format *.htm atau *.html.
  3. Halaman HTML yang valid, harus diawali dengan tag <html> dan diakhiri dengan tag </html>.
  4. Halaman HTML biasanya terdiri bagian head (<head></head>) dan bagian body (<body></body>).







Dasar-dasar Pemrograman Web


Sekarang kita akan mulai memasuki pemrograman website. Jika teman-teman belum mengetahui apa itu website, silahkan baca postingan sebelumnya tentang gambaran umum website.

Dalam pemrograman website, terdapat beberapa tipe bahasa pemrograman, seperti HTML, CSS, PHP, ASP, dan lain-lain. Namun di dalam blog ini kita akan membahas pemrograman website menggunakan CSS, HTML dan PHP.

Sedikit gambaran tentang HTML:
HTML (Hypertext Markup Language) merupakan bahasa pemrograman yang paling dasar dan menjadi sebuah standar yang digunakan untuk menampilkan halaman dari sebuah website. Bahasa HTML biasanya digunakan untuk membuat website seperti company profile. Cara penulisan HTML selalu diawali dengan tag dan akan diakhiri dengan tag .

Berikut adalah contoh penggunaan bahasa HTML:


Untuk pembahasan lebih lanjutnya, silakan baca postingan-postingan berikutnya.

Sedikit gambaran tentang php:

PHP (Personal Home Page, wikipedia) merupakan bahasa pemrograman web yang paling banyak digunakan sekarang ini. Bahasa pemrograman ini sangat berbeda dengan HTML, karena bahasa PHP ini lebih interaktif, sehingga kita dapat membuat website dengan lebih elegan. Bahasa pemrograman ini biasanya digunakan untuk website seperti forum, blog, dan lain-lain. Cara penulisan codenya selalu diawali dengan tag .


Sekian dulu perkenalannya dengan bahasa-bahasa pemrograman web. Tunggu tutorial-tutorial berikutnya pada blog ini.


Thursday, 26 November 2009

Peranan Penting Website di era Globalisasi


Sekarang ini, banyak sekali website baru yang bermunculan setiap harinya, mulai dari website pemerintah, sekolah, instansi, sampai website bisnis sekalipun.

Nah, sebenarnya apa sih tujuan mereka membuat website?

Tujuan utamanya sebagai sarana promosi. Karena di zaman globalisasi seperti ini, peran internet sangat membantu, mulai dari pencarian data sampai berinteraksi dengan orang lain yang entah ada dimana.

Selain itu website juga memiliki beberapa keunggulan, seperti:

  • Dapat diakses 24 jam sehari dan 7 hari seminggu, tanpa henti.
  • Dapat diakses dari seluruh penjuru dunia.
  • Biaya yang diperlukan lebih murah dibandingkan harus membagikan brosur.

Dengan demikian, para konsumen dapat lebih mudah mendapatkan informasi yang mereka butuhkan tanpa perlu berkunjung langsung ke kantor atau tokonya. Juga para konsumen bisa mendapatkan informasi kapan pun dan dimana pun.

Namun berpromosi dengan website juga memiliki kelemahan, khususnya di Indonesia, karena tidak semua orang di Indonesia bisa (tidak mengerti) mengakses internet, sehingga prospeknya kurang merata.

Sekian dulu postingannya, mudah-mudahan kedepannya peranan website dapat terus berkembang khususnya di kalangan masyarakat Indonesia

Wednesday, 25 November 2009

Gambaran Umum Tentang Website


Pada postingan kali ini, kita akan membahas tentang dasar-dasar pemrograman web. Sebelum memulai tutorialnya, saya ingin menjelaskan sedikit tentang web.

Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
  • Website Statis
  • Website Dinamis
  • Website Interaktif

Website Statis
Website statis adalah website yang kontennya tidak berubah-ubah. Maksudnya jika ingin merubah tampilan, harus dilakukan secara manual dengan melakukan pengeditan pada source kodenya. Pada umumnya website seperti ini digunakan untuk mempromosikan suatu produk dan biasanya jarang dilakukan update oleh pemiliknya.

Website Dinamis
Website dinamis adalah website yang dikhususkan untuk diupdate sesering mungkin. Biasanya website seperti ini memiliki halaman khusus (administrator) untuk melakukan pengeditan atau mengupgrade isi konten dari website. Contoh website dinamis seperti situs berita.

Website Interaktif
Website interaktif adalah website yang di dalamnya terdapat fasilitas untuk saling beradu argumen, contoh website interaktif seperti website forum.

Cukup sekian dulu, sekarang anda sudah mendapatkan gambaran website secara umum. Pada artikel-artikel berikutnya saya akan membahas lebih lanjut tentang website.


Enter your email address:

Delivered by FeedBurner