tutorial web abdul malik karim
Post on 06-Jul-2015
82 Views
Preview:
TRANSCRIPT
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
top related