Membuat Web sederhana

Yuk mari ,,, ane mau ngeshare cara membuat web yang sederhana,,, kenapa sederhana ya karena memang sederhana... xixixixiix..

alat tempurnya, XAMPP, Dreamweaver, Browser dan Segelas Kopi Hangat

langsung aja yuk capcusss,,, atau bisa dowload artikelnya dimari web programing

Aktifkan Start apache dan Mysql-D / Xampp

1.       Membuat Database dengan menggunakan localhost/phpmyadmin buat database dengan nama : Website(nama)

Dan tabel tabel seperti di bawah ini.

artikel

no	Field	Jenis	Size	Keterangan
1. 2. 3. 4. 5. 6.	no judul pengirim isi tanggal waktu	Int Varchar Varchar Longtext Varchar varchar	11 255 50 30 15	Not_null,Primary Auto Increment Null Null Null Null Null

bukutamu

no	Field	Jenis	Size	Keterangan
1. 2. 3. 4. 5. 6.	no nama email komentar tanggal waktu	Int Varchar Varchar varchar Varchar varchar	11 50 50 255 30 15	Not_null,Primary Auto Increment Null Null Null Null Null

gallery

no	Field	Jenis	Size	Keterangan
1. 2. 3. 4. 5. 6.	no judul keterangan file tanggal waktu	Int Varchar Varchar Varchar Varchar varchar	11 255 255 100 30 15	Not_null,Primary Auto Increment Null Null Null Null Null

2.  Membuat Koneksi.PHP

-          Buka Ultra edit atau Dreamweaver ketikan rumus
/*

$koneksi=mysql_connect("localhost","root","");

mysql_select_db("nama database yang dibuat",$koneksi);

if($koneksi){

}

else

{

echo "koneksi gagal";}

?>;
*/

-          Simpan dengan nama koneksi.php buat folder baru pada folder nama masing2, folder ProjekWebsite(nama)

3. Membuat Index.php

-          Untuk melihat hasil sementara dari menu View pilih design

-          Aktifkan kursor di bawah kemudian ketikan rumus

-        Simpan dengan nama Index.php buat folder baru pada folder nama masing2, folder ProjekWebsite(nama)

-       Membuat Menu Roolover

-        Dari file pilih new pada category pilih basic page, pada basic page pilih css 

-        Cari file gambar, copy dan paste pada folder ProjekWebsite(nama) 

-       Ketikan Rumus

body{

background:url(diisi nama file gambar yang tadi di copy paste contoh: tulip.jpg) fixed;

}

.menu{}

.menu a{

text-decoration:none;

color:#6633FF;

display:block;

}

.menu a:hover{

background-color:#33FF33;

font-weight:bold;

text-align:center;}

-          Simpan dengan nama menu

-          Aktifkan file Index.php

dari menu Text, Css Styles, Attach Style Sheet

 setelah menu baru keluar pilih browse, cari file (menu) yang baru saja di simpan. ok

-          Cara memasukan file css pada website.  Pada ubah rumus seperti di bawah ini. (yang digaris bawahi)

-          Kemudian tambahkan rumus di bawah