1. TUTORIAL WEB
RPL
ABDUL MALIK KARIM
NISN : 9975510671

2. KATA PENGANTAR
KATA PENGANTAR
Moduldenganjudul “Web Design & Web Programing“ merupakanbahanacuan yang
digunakansebagaipanduandalam proses belajarTeman
untukmembentuksalahsatubagiandarikompetensibidangkeahlianTeknologiInformasidanKomunik
asi.
Modulinimencakuppenguasaankonsepfile-filegrafik, memahamidasar-dasarpemrogramanWeb,
memahamiperintah-perintahpemrogramanWeb,
danbagaimanamembangunsebuahaplikasipemrogramanberbasisWeb.
Penyusun
ABDUL MALIK KARIM

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