Tiga kalimat ringkasan dokumen tersebut adalah: Dokumen tersebut memberikan tutorial lengkap tentang cara membuat website mulai dari instalasi Adobe Dreamweaver, membuat layout dasar menggunakan tabel, menambahkan gambar background, membuat link antar halaman, hingga cara membuat database untuk menyimpan data tamu undangan.

1. TUTORIAL WEB
RPL

2. KATA PENGANTAR
KATA PENGANTAR
Moduldenganjudul “WWeebb DDeessiiggnn && WWeebb PPrrooggrraammiinngg“ merupakanbahanacuan yang
digunakansebagaipanduandalam proses belajarTeman
untukmembentuksalahsatubagiandarikompetensibidangkeahlianTeknologiInformasidanKomunik
asi.
Modulinimencakuppenguasaankonsepfile-filegrafik, memahamidasar-dasarpemrogramanWeb,
memahamiperintah-perintahpemrogramanWeb,
danbagaimanamembangunsebuahaplikasipemrogramanberbasisWeb.
Penyusun
Hendra Hindarsah.

3. Menginstal Adobe Dream
Weaver Cs6
PertamaKlik setup untukmemulaimenginstal:

4. Laluklik install:
LaluKlik Accept:

5. Klik language untukmenentukanbahasadanKlikgambar folder untukmenempatkanlokasi dream Weaver,
laluklik install:
Mulaimenginstall:

6. Menginstallselesai:

7. LangkahPenyimpanan Web
Tulisnama web yang ingindibuat, LaluKlikgambar folder untukMenempatkan web yang ingindisimpan:
Apabila folder sudahdibuatlalusimpan web di folder yang dibuat:

8. Apabilasudahdimpan, lanjutklik server-kliktanda plus +:
Laluganti FTP menjadi Local/Network:

9. Hasilya,laluisidansimpan:
LaluCheklist testing-simpan:

10. MulaiMembuat Web
Hal pertama yang sayalakukandalammembuat web adalahmembuatpokokdari web yang
sayainginbuatadalahtable.Berikutlangkah-langkahnya :
Pertamaklikinsert :
Lalu klik Table
Lalu tentukan baris/rows dan colomnya:

11. Apabila sudah menentukan baris/rows dan colomnya lalu klik ok.
Hasilnya:
Apabila ada baris/rows yang ingin dihilangkan, blok baris yang ingin dihilangkan:

12. Lalu klik rows, Hasilnya:
Apabila ada colom yang ingin dihilangkan, blok colom yang ingin dihilangkan:

13. Lalu klik cell, Hasilnya:
Apabila table ingin diisi colom, caranya klik table yang ingin diisi colom laluklik insert-klik Table-tentukan
berapa colom yang di isi.

14. Pertamaklikinsert :
Lalu klik Table
Lalu tentukan baris/rows dan colomnya:

15. Hasilnya:
Apabila ingin di isikan tulisan, klik table yang ingin ditulis:
Hasilnya:

16. Apabila ingin meratakan tulisan, blok table yang ada tulisannya dan yang ingin diratakan:
Lalu Horznya diganti dengan Center:

17. Hasilnya:

18. Mendesain Web
Apabila ingin memasukan gambar untuk background, caranya klik Page properties
Lalu klik browser, untuk mencari gambar yang ingin di jadikan background

19. Gambar ini yang terpilih:
lalu klik ok:

20. Hasilnya:
Apabila sudah selesai, simpan di folder yang pertama kamu buat lalu namakan webnya, lalu ok:
Lalu seterusnya Buat Link Profile, Galery, dan About.
Apabila sudah, lanjut ke pengisian Link di masing-masing Link.
Lanjut Kebawah

21. Mengisi Link
Apabila ingin mengisikan link ke home, caranya:
Blok tulisan Home:
Lalu klik Kanan-Make Link

22. Lalu masukan link yang dinginkan-Lalu ok:
Apabila berasil, warna Home yang sudah diisikan link itu berubah dan ada garis Bawahnya.
Hasilnya:

23. Apabila ingin mengisikan link ke Profile, caranya:
Blok tulisan Profile:
Lalu klik Kanan-Make Link:

24. Lalu masukan link yang dinginkan-Lalu ok:
Apabila berasil, warna Profile yang sudah diisikan link itu berubah dan ada garis Bawahnya.
Hasilnya:

25. Apabila ingin mengisikan link ke Galery, caranya:
Blok tulisan Galery:
Lalu klik Kanan-Make Link:

26. Lalu masukan link yang dinginkan-Lalu ok:
Apabila berasil, warna Galery yang sudah diisikan link itu berubah dan ada garis Bawahnya.
Hasilnya:

27. Tampilan daftar tamu
Cara membuat DATABASE

28. Ini hasilnya :
Masukan kode koneksi :
<?
mysql_connect("localhost","root","");
mysql_select_db("bikin");
?>

29. Masukan index.php
TERIMA KASIH… SEKIAN YANG BISA SAYA BUAT, MOHON
MAAF APABILA BUKU TUTORIAL INI TIDAK DAPAT
DIMENGERTI OLEH ANDA YANG MELIHAT BUKU
TUTORIAL INI…
<?
include "koneksi.php";
$nama=$_POST['nama'];
$alamat=$_POST['alamat'];
$ttl=$_POST['ttl'];
$email=$_POST['email'];
//cek
if (!empty($nama) || !empty($alamat) || !empty($ttl)|| !empty($email)) {
// true; insert db
$sql = "INSERT INTO buat (nama,alamat,ttl,email) VALUES
('".$nama."','".$alamat."','".$ttl."','".$email."')";
$hasil=mysql_query($sql);
if ($hasil==1)
{
echo "<script> alert ('Data Sukses Disimpan');
location='contact.php';
</script>";
}else{
echo "<script> alert ('Data Gagal Disimpan');
location='contact.php';
</script>";
}

30. JADILAH HASIL WEB PROJECT SAYA 