tutorial web abdul malik karim

TUTORIAL WEB

RPL

ABDUL MALIK KARIM

NISN : 9975510671

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

Menginstal Adobe Dream

Weaver Cs6

PertamaKlik setup untukmemulaimenginstal:

Laluklik install:

LaluKlik Accept:

Klik language untukmenentukanbahasadanKlikgambar folder untukmenempatkanlokasi dream Weaver,

laluklik install:

Mulaimenginstall:

Menginstallselesai:

LangkahPenyimpanan Web Tulisnama web yang ingindibuat, LaluKlikgambar folder untukMenempatkan web yang ingindisimpan:

Apabila folder sudahdibuatlalusimpan web di folder yang dibuat:

Apabilasudahdimpan, lanjutklik server-kliktanda plus +:

Laluganti FTP menjadi Local/Network:

Hasilya,laluisidansimpan:

LaluCheklist testing-simpan:

MulaiMembuat Web Hal pertama yang sayalakukandalammembuat web adalahmembuatpokokdari web yang

sayainginbuatadalahtable.Berikutlangkah-langkahnya :

Pertamaklikinsert :

Lalu klik Table

Lalu tentukan baris/rows dan colomnya:

Apabila sudah menentukan baris/rows dan colomnya lalu klik ok.

Hasilnya:

Apabila ada baris/rows yang ingin dihilangkan, blok baris yang ingin dihilangkan:

Lalu klik rows, Hasilnya:

Apabila ada colom yang ingin dihilangkan, blok colom yang ingin dihilangkan:

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.

Pertamaklikinsert :

Lalu klik Table

Lalu tentukan baris/rows dan colomnya:

Hasilnya:

Apabila ingin di isikan tulisan, klik table yang ingin ditulis:

Hasilnya:

Apabila ingin meratakan tulisan, blok table yang ada tulisannya dan yang ingin diratakan:

Lalu Horznya diganti dengan Center:

Hasilnya:

Mendesain Web Apabila ingin memasukan gambar untuk background, caranya klik Page properties

Lalu klik browser, untuk mencari gambar yang ingin di jadikan background

Gambar ini yang terpilih:

lalu klik ok:

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

Mengisi Link

Apabila ingin mengisikan link ke home, caranya:

Blok tulisan Home:

Lalu klik Kanan-Make Link

Lalu masukan link yang dinginkan-Lalu ok:

Apabila berasil, warna Home yang sudah diisikan link itu berubah dan ada garis Bawahnya.

Hasilnya:

Apabila ingin mengisikan link ke Profile, caranya:

Blok tulisan Profile:

Lalu klik Kanan-Make Link:

Lalu masukan link yang dinginkan-Lalu ok:

Apabila berasil, warna Profile yang sudah diisikan link itu berubah dan ada garis Bawahnya.

Hasilnya:

Apabila ingin mengisikan link ke Galery, caranya:

Blok tulisan Galery:

Lalu klik Kanan-Make Link:

Lalu masukan link yang dinginkan-Lalu ok:

Apabila berasil, warna Galery yang sudah diisikan link itu berubah dan ada garis Bawahnya.

Hasilnya:

Tampilan daftar tamu

Cara membuat DATABASE

Ini hasilnya :

Masukan kode koneksi :

<?

mysql_connect("localhost","root","");

mysql_select_db("bikin");

?>

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>";

}

JADILAH HASIL WEB PROJECT SAYA