Membuat Run Start Up di Regedit

 
Startup merupakan fasilitas dari windows yg membuat program otomatis jalan ketika windows dijalankan. Biasanya program yg dibuat startup antara lain Antivirus,Zonealarm, xampp, dsb.
Namun bagaimana kalau kita menginginka Program tertentu bisa otomatis jalan saat kita membuka Wimdows?. Tulisan ini saya buat sekaligus untuk menjawab pertanyaan seorang teman kemarin. Kita  bisa membuat startup  program kita lewat regefit.
caranya adalah sbb:
1. Klik Start - Run - Ketik regedit dan enter
2. Pilih HKEY_LOCAL_MACHINE - software - Microsoft - windows - CurrentVersion - Run
3. Maka Akan tampil disana program2 yg dijalankan ketika start windows
4. Lalu Klik kanan pilih new - string value kemudian beri nama sesuai nama programnya
5. Kemudian Klik kanan string value tadi dan pilih modify, pada kotak value data ketik alamat dimana program itu berada. misal program ada di = "C:\PrigramFile\..........exe" (menulis alamat di regeditnya memakai tanda petik) - lalu enter
6. Setelah itu tutup Regedit dan Restart windows
Dan... sekarang Program kesayangan akan otomatis si Start Up.
Semiga bermanfaat..

CARA MEMBUAT FORM INPUT DATA DI PHP

Berikut ini adalah cara mengentry data ke MySql dengan menggunakan script PHP.
Langkah pertama: Tentunya buat dulu database MySql nya misalnya dengan menggunakan phpmyadmin. Masuk di http://localhost/phpmyadmin/  dan buat sebuah database dengan ketentuan sebagai berikut :
Nama database nya belajar , dan nama tabel nya user

user_id         = int(4) ,Primary key , Auto increment
username      = varchar(20)
password     = varchar(100)
email            =varchar(100)
fullname       =varchar(100)
agama          =varchar(15)
no_hp          =bigint(14)

Setelah itu buat script koneksi ke database nya, coding nya seperti di bawah ini :

<?php
$host = 'localhost';
$user = 'root';
$pass = '';
$dbname = 'belajar';
$connect = mysql_connect($host, $user, $pass) or die(mysql_error());
$dbselect = mysql_select_db($dbname);
?>
Simpan file dan beri nama config.php

Setelah itu bikin file baru lagi, untuk form inputnya, beri nama index.php codingan nya di bawah ini :

<html>
<head>
<title>Belajar PHP</title>
</head>
<body>
<h1>Form Input Data</h1>
<form name="input_data" action="insert.php" method="post">
<table border="0" cellpadding="5" cellspacing="0">
    <tbody>
        <tr>
            <td>Username</td>
            <td>:</td>
            <td><input type="text" name="username" maxlength="20" required="required" /></td>
        </tr>
        <tr>
            <td>Password</td>
            <td>:</td>
            <td><input type="password" name="password" maxlength="20" required="required" /></td>
        </tr>
        <tr>
            <td>Fullname</td>
            <td>:</td>
            <td><input type="text" name="fullname" maxlength="100" required="required" /></td>
        </tr>
        <tr>
            <td>Email</td>
            <td>:</td>
            <td><input type="email" name="email" required="required" /></td>
        </tr>
        <tr>
            <td>Agama</td>
            <td>:</td>
            <td><input type="text" name="agama" required="required" /></td>
        </tr>
        <tr>
            <td>Nomor HP</td>
            <td>:</td>
            <td><input type="text" name="no_hp" maxlength="14" required="required" /></td>
        </tr>
        <tr>
            <td align="right" colspan="3"><input type="submit" name="submit" value="Simpan" /></td>
        </tr>
    </tbody>
</table>
</form>
</body>
</html>

Kemudian buat script untuk mengeksekusi form dan memindahkan data pada form ke database  , Codingnya seperti di bawah ini. Simpan file dan beri nama insert.php :

<?php
//panggil file config.php untuk menghubung ke server
include('config.php');

//tangkap data dari form
$username = $_POST['username'];
$password = $_POST['password'];
$fullname = $_POST['fullname'];
$email = $_POST['email'];
$agama = $_POST['agama'];
$no_hp = $_POST['no_hp'];

//simpan data ke database
$query = mysql_query("insert into user values('', '$username', '$password', '$email', '$fullname', '$agama', '$no_hp')") or die(mysql_error());

if ($query) {
    header('location:index.php?message=success');
}
?>

Nah, kemudian ke 3 file tersebut masukan dalam satu folder . Beri nama belajar. 
lalu cara menjalankan nya, panggil folder tersebut melalui Internet Explorer dengan mengetikkan pada brouser:   http://localhost/belajar/   :

demikian cara mengentry data atau menginput data ke MySql dengan php, semiga bermanfaat..

Membuat Form Isian, Edit/Update dan Hapus Data dengan PHP

Pemprograman dasar database merupakan komponen utama yang ada untuk dapat membuat suatu aplikasi berjalan dengan penyimpanan data di database. Oke, kita dalam kesempatan ini akan belajar bagaimana  membuat fungsi entry, edit, tambah dan edit data dengan bahasa pemprograman PHP. Ini adalah fungsi dasar yang terlebih dahulu harus dipahami sebelum kita lebih lanjut belajar PHP dengan fungsi-fungsi PHP yang lain.

Oke deh, langsung aja ke materi. Pertama yang perlu diketahui yaitu bagaimana membuat database dengan nama data_siswa dan tabel mhs, yang berisi field nim,nama, alamat, agama dan nomor telepon.

Setelah langkah pembuatan database selesai maka yang perlu dibuat yaitu buat folder baru di server local semisal wampserver.seperti ini caranya masuk kelocaldisk c cari wamp buat seperti berikut Wamp/www/namafolder yang akan dibuat. Kemudian buat file koneksi.php untuk koneksi ke database.

<?php
   $host="localhost";
   $user="root";
   $pass="";
   $db="data_siswa";
   $sambung=mysql_connect($host,$user,$pass);
   mysql_select_db($db,$sambung);
?>

Kita selanjutnya akan membuat index.php yang digunakan sebagai file utama sbb:
<html>
<head>
 <title>Daftar Mahasiswa</title>
</head>
<body>
<?php
 $sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("data_siswa") or die ("Gagal membuka database.");
?>
<table border="5">
<tr>
<th>NIM</th>
<th>Nama Mahasiswa</th>
<th>Alamat</th>
<th>Agama</th>
<th>No_tlpn</th>
<th colspan="3">Aksi</th>
</tr>
<?php
$query = "select * from mhs";
$result = mysql_query($query, $sambung);
//$no = 0;
while ($buff = mysql_fetch_array($result)){
//$no++;
?>
 <tr>
 <td><?php echo $buff['nim']; ?></td>
 <td><?php echo $buff['nama']; ?></td>
 <td><?php echo $buff['alamat']; ?></td>
 <td><?php echo $buff['agama']; ?></td>
 <td><?php echo $buff['notlpn']; ?></td>
 <td><a href="edit.php?nim=<?php echo $buff['nim']; ?>">Edit</a> |
  <td><a href="hapus.php?nim=<?php echo $buff['nim']; ?>">Hapus</a>
 </tr>
 <?php
};
mysql_close($sambung);
?>
</table>
<p align="left"><a href="tambah.html">Tambah Data</a></p>
</body>
</html>

File utama sudah jadi sekarang fungsi untuk memasukan data buat dengan nama entry.php sbb:

<?php
include("koneksi.php");
      $nim = $_POST['nim'];
     $nama = $_POST['nama'];
     $alamat = $_POST['alamat'];
     $agama = $_POST['agama'];
     $notlpn = $_POST['notlpn'];
                 
$query = mysql_query("insert into mhs values  ('$nim','$nama','$alamat','$agama','$notlpn')");
echo "Data Telah disimpan<br>
<a href=\"index.php\">Kembali</a>";
?>

Kita perlu membuat file tampilan tambah data dengan nama tambah.html sbb:

<html>
<head><title>Tambah Data</title></head>
<body>
<h3><p align="left">Tambah Data Mahasiswa</p></h3>
<form name="form1" method="post" action="entry.php">
<table>
<tr><td>NIM</td> <td><input type="text" name="nim" size="12"></td></tr>
<tr><td>Nama</td> <td><input type="text" name="nama" size="30"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat" size="50"></td></tr>
<tr><td>Agama</td><td><input type="text" name="agama" size="10"></td></tr>
<tr><td>No. Tlpn</td><td><input type="text" name="notlpn" size="15"></td></tr>
<tr><td><input value="Simpan" name="submit" type="submit" /></td></tr>
<tr><td><input value="ulangi" type="reset" /></td></tr>
<tr><td><input value="Kembali" type="button"  onClick="self.history.back()"></td></tr>
</table>
</form>
</body>
</html>
Fungsi update data dengan file update.php  sbb:

<?php
include("koneksi.php");
   $nim = $_POST['nim'];
     $nama = $_POST['nama'];
     $alamat = $_POST['alamat'];
     $agama = $_POST['agama'];
     $notlpn = $_POST['notlpn'];
                 $query = mysql_query("update mhs set nama='$nama', alamat='$alamat', agama='$agama', notlpn='$notlpn' where nim='$nim'");
echo "Data Telah diupdate<br>
<a href=\"index.php\">Kembali</a>";
?>

Buat Fungsi hapus data dengan file hapus.php sbb:

<?php
include("koneksi.php");
mysql_query("DELETE from mhs WHERE nim='$_GET[nim]'");
echo"Data Telah dihapus<br>
<a href=\"index.php\">Kembali</a>";
?>

Terakhir buat fungsi edit dengan file name edit.php sbb:

<?php
 $sambung = mysql_connect("localhost", "root", "") or die ("Gagal konek ke server.");
mysql_select_db("data_siswa") or die ("Gagal membuka database.");
//$edit=mysql_query("SELECT * FROM mhs WHERE nim='$_GET[nim]'");
//$r_edit=mysql_fetch_array($edit);
$nim = $_GET['nim'];
$query = "select * from mhs where nim='$nim'";
$result =  mysql_query($query, $sambung) or die("gagal melakukan query");
     $buff = mysql_fetch_array($result);
                 mysql_close($sambung);
?>
<html>
<head><title>Edit Data</title></head>
<body>
<form name="form1" method="post" action="update.php">
<table>
<tr>
<td>Nim</td><td><input type="text" name="nim" value="<?php echo $buff['nim']; ?>"></td></tr>
<tr><td>Nama</td><td><input type="text" name="nama" value="<?php echo $buff['nama']; ?>"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat" value="<?php echo $buff['alamat']; ?>" size="50"></td></tr>
<tr><td>Agama</td><td><input type="text" name="agama" value="<?php echo $buff['agama']; ?>"></td></tr>
<tr><td>No. tlpn</td><td><input type="text" name="notlpn" value="<?php echo $buff['notlpn']; ?>"></td></tr>
<tr>
<input value="Simpan" type="submit" name="submit"/>
<input type="button" value="Kembali" onClick="self.history.back()"></td></tr>
</table>
</form>
</body>
</html>
Setelah semua file dibuat jalan kan localhost dan ketik dengan format localhost/nama folder/index.php.
Selamat berjuang membuat fungsi edit, tambah, hapus di php. 
Semoga sukses...

Sumber : http://language-komputer.blogspot.com/2011/10/cara-membuat-fungsi-edit-tambah-dan.html

Membuat Highlight Cell Tertentu Pada Excel

Conditional formating adalah format tertentu yang diaplikasikan oleh Excel pada cell yang memenuhi kriteria yang diberikan.

Dengan menggunakan conditional formating, Anda dapat menerapkan format tertentu pada sebuah cell yang lebih besar atau lebih kecil dan kriteria tertentu, dalam range nilai tertentu atau sama dengan range nilai tertentu.

Anda juga dapat mencari cell yang mengandung teks, tangga dan masih banyak lagi. Anda dapat membuat format sendiri dengan menentukan font, border, latar belakang, warna yang menurut Anda sesuai dengan laporan Anda.

Contoh:
Buat data seperti contoh dibawah ini.




Klik dan blok range yang akan diberikan Conditional Formating pada cell C3 hingga cell E7


Klik tab Home lalu klik Conditional Formating dan klik Highlight Cell Rulles


Klik operator yang Anda inginkan, pada contoh berikut saya pilih Less Than dan saya isi dengan angka 65 dan klik OK.


Maka data yang ada akan ada perubahan highlight sesuai yang Anda masukkan.

Selamat mencoba....

sumber : blogamka

Ubah Auto Warna Cell Excel Jika Kosong Data

Bagaimana cara kita mengontrol apakah data sudah kita masukkan atau tidak ke sebuah sel dalam suatu worksheet?
Ada dua cara satu dengan Conditional Formating dan Yang kedua dengan macro:
Untuk dengan conditional formating maka jika sel belum diisi atau sama dengan kosong maka beri warna Biru misalnya kalau ada kembali kewarna asli
1. Sorot atau pilih blok data contoh C2:E100
2. Pilih menu Home | Style | Conditional Formating| New Rule |
3. Pilih “Select a Rule Type” >Format only cells that contain
4. Sedangkan pada “Edit the Rule Description:” Cell value diganti dengan Blanks
5. Kemudian klik tombol Format dan pilh tab Fill dan ganti dengan warna Biru (misalnya)
6. Klik OK | OK
Selesai 

Sedangkan  untuk cara dengan menggunakan Makro Pada Sheet1 misalnya Klik Kanan pada nama Sheet1 di bawah (label sheet) lalu pilih View Code shg muncul VBA Editor Copykan Code di Bawah ini:

Private Sub Worksheet_Change(ByVal Target As Range)
     If IsEmpty(Target.Column) Then Exit Sub
     Target.Interior.ColorIndex = 6
End Sub


Kembali Ke Excel.
Jika anda menginput data maka sel berubah warna menjadi Kuning
Sekarang coba ubah nilai Index Color dan lihat kembali hasilnya.

Semoga bermanfaat

Cara Buat Animasi GIF dengan photoshop

Anda pasti sudah mengetahu apa itu animasi GIF bukan? Animasi sederhana yang biasanya ada dalam ponsel Anda ataupun yang sering Anda lihat pada sebuah website, seperti banner. Cara membuat animasi GIF tidaklah sulit, ada banyak sekali software yang bisa Anda gunakan untuk membuat animasi GIF tapi untuk kali ini kita akan menggunakan perpaduan Photoshop dan ImageReady. Animasi yang akan kita buat sangat sederhana dan ini merupakan dasar dalam membuat animasi gif yang lain. 

inilah langkah-langkah nya :
  1. Buka Photoshop dan Buat sebuah file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menuFile > New atau tekan Ctrl + N.
  2. Buat lingkaran menggunakan Elliptical Marquee Tool atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.
    Membuat Animasi GIF
  3. Isi lingkaran tersebut dengan warna merah. Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.
  4. Duplikasi layer pertama ini dan buat 2 layer sejenis dengan warna kuning dan hijau sehingga nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna merah, kuning dan hijau.
    Membuat Animasi GIF
  5. Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.
  6. Setelah ini kita akan berlanjut menggunakan ImageReady. Pada toolbox bagian paling bawah, pilih Edit in ImageReady atau tekan Shift + Ctrl + M.
    Membuat Animasi GIF
  7. Setelah membuka ImageReady pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.
  • Sekarang kita akan membuat animasi dari ketiga layer yang telah kita buat di Photoshop sebelumnya. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.
    Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna merah pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.
    Membuat Animasi GIF
    Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :
  • Membuat Animasi GIF
  • Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning dan nonaktifkan layer berwarna merah.
  • Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran berwarna hijau dan nonaktifkan layer lingkaran berwarna kuning.
  • Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.
    Membuat Animasi GIF
  • Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.
    Membuat Animasi GIF
  • Setelah semuanya selesai jangan lupa untuk menyimpan hasil kerja Anda. Tentunya dengan format Image GIF.

Lagu Kebangsaan Indonesia Raya


Lirik Lagu : Indonesia Raya
Ciptaan : W.R. Supratman / Wage Rudolf Supratman

 Indonesia tanah airku
 Tanah tumpah darahku
 Disanalah aku berdiri
 Jadi pandu ibuku

 Indonesia kebangsaanku
 Bangsa dan Tanah Airku
 Marilah kita berseru
 Indonesia bersatu

 Hiduplah tanahku
 Hiduplah negriku
 Bangsaku Rakyatku semuanya
 Bangunlah jiwanya
 Bangunlah badannya
 Untuk Indonesia Raya

 <
  Indonesia Raya
  Merdeka Merdeka
 Tanahku negriku yang kucinta
 Indonesia Raya
 Merdeka Merdeka
 Hiduplah Indonesia Raya  ..>2X

Protect / Unprotect Otomatis Semua Worksheets dengan VBA



Saya ingin secara otomatis melindungi dan atau tidak melindungi semua Microsoft Excel Workbook Lembar kerja saya dengan sandi, tapi bukannya dilakukan secara manual, saya menggunakan kode Excel VBA makro berikut  dalam Workbook saya.
Public Sub ProtectAllSheets()
Dim objSheet As <a title="See also Create New Excel Worksheet With VBA" href="http://excelvbamacro.com/create-new-excel-worksheet-with-vba.html">Worksheet</a>
     'Protecting all worksheets with password
For Each objSheet In Worksheets
If objSheet.ProtectContents = False Then objSheet.Protect "a@#&ladfl&^"
Next objSheet
End Sub
Public Sub UnProtectAllSheets()
Dim objSheet As Worksheet
     ' UnProtecting all worksheets with password
For Each objSheet In Worksheets
If objSheet.ProtectContents = True Then objSheet.Unprotect "a@#&ladfl&^"
Next objSheet
End Sub
Kita hanya perlu menelepon ProtectAllSheets prosedur untuk melindungi dengan password semua Lembar kerja Excel di Workbook kita, dan memanggil UnProtectAllSheets akan dibalikefek.

Cara Merancang Template Website dengan Photoshop dan Dreamweaver

Ada banyak alasan mengapa orang ingin membuat websitenya sendiri. Antara lain, mereka ingin agar tulisan-tulisan, gambar, serta suasana hati mereka dapat dibaca oleh banyak orang atau iseng saja belajar dan siapa tau kalau sudah menjadi webmaster bisa mendapatkan penghasilan tambahan dengan membuat suatu jasa pembuatan website. Pada proyek pertama ini, kita akan menciptakan salah satu bentuk website personal. Website ini didesain dengan nuansa full color sehingga mempunyai kesan yang menarik dan indah walaupun bisa dibilang proyek pertama ini sangat sederhana sekali, hehehe. Walaupun demikian anda bisa memodifikasinya sendiri sesuai dengan yang anda sukai.

Sebelum kita memulai tutorial cara membuat website sederhana dengan menggunakan photoshop dan dreamweaver ini, tentunya terlebih dahulu anda harus menginstal aplikasi Photoshop dan Dreamweaver. Kedua aplikasi ini tidak gratis tapi merupakan pilihan yang tepat untuk membuat project website, untuk membeli aplikasi ini anda dapat men-download-nya di situs resmi adobe yaitu www.adobe.com. Mari kita memulai project pembuatan website sederhana apabila anda sudah memiliki kedua aplikasi tersebut. Berikut merupakan hasil dari proyek Websiteku
bmw1

Membuat Disain Awal dengan Photoshop

jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height : 875 pixel Resolution : 72 pixel/inch Background Content : Transparent
bmw2

Pilih rounded retangle tool pada tool panel 
ps_rectangle_tool
dan samakan setingan dengan gambar dibawah kemudian buat bidang berbentuk segi panjang vertical seperti pada gambar dibawah
bmw3

Pilih layer click kanan pada layer 1 (bidang yang anda buat) kemudian click gradient dan pilih gradasi warna yang anda sukai... pastikan warna bawah adalah warna dasar putih
bmw4

Hasil dari gradasi yang anda buat akan menghasilkan gambar seperti berikut :
bmw5

buatlah bidang untuk panel menu dengan rounded retangle tool pada tool panel seperti sebelumnya beri sentuhan warna yang berbeda dengan layer pertama tetapi tidak melenceng dari tema anda, kemudian tempatkan pada sebelah kiri atas sehingga anda mendapatkan gambar seperti dibawah ini
bmw6

buatkan lagi sebuah bidang untuk daftar menu yang kali ini lebih kecil dari sebelumnya dengan rounded retangle tool pada tool panel, tempatkan sejajar dengan bidang yang anda buat sebelumnya putarkan sampai arah kemiringan 250 dengan move tool 
ps_moov_tool
kemudian copy layer bidang dengan cara tekan ctrl+alt+shift dan geser kebawah sebanyak 4 kali. Beri sentuhan warna pada bidang yang telah anda buat sehingga akan tampak seperti berikut:
bmw7
Ketik daftar menu gunakan Type Tool dengan lambang (T) pada tool panel 
ps_type_tool
Isi text pada bidang untuk daftar menu dengan : Halaman Utama, Tentang Saya, Galerry Foto dan Link. Kemudian pada sebelah kanan beri Logo dan judul Website yang sesuai dengan keinginan anda . Sampai tahapan ini kita sudah berhasil merancang layout Websiteku dengan tampilan sebagai berikut 
bmw8
Gunakan Slicetool 
ps_slice_tool 
kemudian slice Layout website menjadi 6 bagian yaitu : 4 slice untuk daftar menu, 1 slice untuk logo, dan 1 lagi untuk untuk content/ isi web.
bmw10
Sekarang anda tinggal menyimpanya saja. Pilih File->Save For Web
ps_save_web
dan akan muncul wizard seperti berikut
bmw9
pada opsi dibawah save, anda bisa menentukan format gambar yang akan di save mulai dari gif, png, jpg. 
ps_save_web_opt
apabila sudah memilih sebelum di save beri nama file anda dengan index, pilih opsi HTML and Images, simpan layout anda pada satu folder yang anda beri nama Websiteku
bmw9a
Sampai sini design untuk layout dengan menggunakan photoshop sudah selesai dan selanjutnya anda tinggal melakukan mark-up atas file index.html yang telah kita save tadi dengan macromedia Dreamweaver.
Mark-Up Tag HTML dengan Dreamweaver

Setelah desain web di-slice dengan photoshop, sekarang saatnya kita melakukan sedikit modifikasi dengan menggunakan Dreamweaver. dreamweaver yang saya gunakan adalah dreamweaver versi 8 padahal sekarang sudah ada lho yang versi CS 4, hihi. Langsung saja jalankan aplikasi buatan Macromedia ini dan Anda akan melihat tampilan seperti gambar dibawah ini:
bmw11
buka file index.htm yang telah kita save pada sesi photoshop dengan cara pilih File->Open setelah file index.html dibuka pada dreamweaver delete gambar slice yang 6 keenam atau gambar dengan nama index_06.png, yaitu gambar yang digunakan untuk isi content.
bmw12
Jangan Heran bila tampilan layout website menjadi hancur seperti gambar dibawah, atur tabel HTML sehingga tampilan web menjadi normal lagi
bmw13
Setelah anda mengatur tata letak gambar pada tabel, pindahkan opsi view ke show code view sehingga anda dapat melihat Tag-tag Mark-up HTML seperti berikut :
bmw14
Nah selanjutnya kita Modif tag HTML dengan menambahkan Cascading Style Sheets (CSS), caranya tambahkan tag yang berwarna merah pada tag berikut kedalam tag HTML anda.
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
.content {
 background:url(images/index_06.png) bottom;
 padding:20px 20px 40px 20px;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
<!-- ImageReady Slices (Untitled-1.psd) -->
<table id="Table_01" align="center" width="700" height="377" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="94">
<img src="images/index_01.gif" width="281" height="94" alt=""></td>
<td rowspan="4">
<img src="images/index_02.gif" width="419" height="328" alt=""></td>
</tr>
<tr>
<td height="76">
<img src="images/index_03.gif" width="281" height="76" alt=""></td>
</tr>
<tr>
<td height="64">
<img src="images/index_04.gif" width="281" height="64" alt=""></td>
</tr>
<tr>
<td height="94">
<img src="images/index_05.gif" width="281" height="94" alt=""></td>
</tr>
<tr>
<td colspan="2" class="content" ></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Dengan demikian maka kerangka website anda sudah jadi. Langkah selanjutnya kembalikan tampilan dreamweaver ke design view "Show Design View" kemudian isi bagian kolom content dengan hal-hal yang ingin anda publikasikan pada website anda. setelah selesai save index.html, lalu save as dengan nama file yang berbeda about.html pada folder yang sama, save as lagi dengan nama file gallery.html dan yang terakhirlink.html. Sehingga kini anda memiliki 4 (empat) file html yang berbeda (semuanya harus dalam folder yang sama).
Isi kolom content pada masing-masing file yang sudah anda buat sesuai dengan tema masing-masing file, yakni isi halaman utama website, tentang kita, galeri dan link. saya contohkan dibawah merupakan isi halaman utama
bmw15
Langkah terakhir setelah mengisi semua file adalah menghubungkan/melink-an file yang satu dengan yang lain. caranya mudah saja. click setiap menu link pada website kita lalu pada properties pilih link dan click icon folder seperti dapat dilihat pada gambar dibawah :
bmw16
pilih file yang ingin di hubungkan 
bmw17
Lakukan hal yang sama dan hubungkan semua file... selesailah project anda, kini anda mempunyai website yang anda rancang sendiri...

Catatan Penting : Pembuatan website diatas merupakan salah satu cara perancangan web yang berbasis Table.selain menggunakan table sebetulnya ada cara lain yaitu dengan menggunakan Divatau campuran keduanyaDiv+Table. kedua cara memiliki plus minus masing-masing dan anda akan mengerti dengan sendirinya seiring dengan pengetahuan dan pengalaman anda dalam membuat website.