Membuat Website dengan Dreamweaver CS6

Langsung saja ke topik bahasan dalam membuat website dengan dreamweaver cs6.

Hal pertama yang harus anda siapkan adalah software xampp(bisa anda cari di google) , lalu dreamweaver cs6 kemudian cari template sederhana sebagai bahan dari Gambar (bisa cari di google)

tapi yang terpenting adalah xampp dan dreamweaver.

Berikut tahapan dalam membuat website menggunakan dreamweaver:

pertama buat Folder baru pada instalasi xampp , biasanya di

D:\website\xampp\htdocs\Belajar membuat website

Dalam membuat website hanya dibutuhkan

1. Header
2. Menu Navigation
3. Konten
4. Sidebar
5. Footer

Mari kita bahas Hal Pertama:

cara membuat Header dengan Dreamweaver adalah sebagai berikut

Buka Dreamweaver anda.

Kemudian Buat baru File PHP

Kemudian Save ditempat Folder yang sebelumnya anda buat dengan nama index.php 

setelah tersimpan kemudian buat file baru pada dreamweaver atau tekan CTRL + N lalu Pilih BLANK PAGE kemudian CSS lalu CREATE

Kemudian save ditempat yang sama dengan nama style.css

kemudian kembali ke index.php lalu copy dan pastekan kode dibawah ini kedalam index.php tepat dibawah <tittle>Untitled Document</tittle>

<link href="style.css" rel="stylesheet" type="text/css" />

Setelah di paste kan kemudian save lagi.

guna dari kode diatas adalah sebagi penghubunf style.css dengan index.php 

 Kita ketahap selajutnya yaitu membuat mengatur Body website

Pada file index.php, klik icon New CSS Rule yang ada di bagian kanan, jika di layar anda tidak terdapat CSS Stylenya anda bisa menekan Shift + F11 untuk menampilkan tab CSS Style.

kemudian isi seperti gambar berikut

Jika sudah klik ok maka akan otomatis masuk ke pengaturan body, isikan seperti berikut

Type = Font Family : Arial, Helvetica, sans-serif, size:13 pixel, color : #000000

Background  = Background color : #CCC

Box = width : 1000 pixel

Jika sudah klik OK dan Save

Sekarang kita mengatur Link Website.

Buat New CSS RULE

Isi sebagai berikut

Type:

Color : #ff60

Pada Decoration centang None

Jika sudah klik ok.

Selanjutnya kita akan mengatur css link pada saat hover atau pada saat cursor berada di atas link. Klik kembali icon New CSS Rule, isi pengaturannya sebagai berikut :

Selector Type : Advanced (Ids, pseudo-class selectors)

Selector : a:hover

Define in : style.css

Setelah muncul CSS Rule Definition for a in style.css, isikan pengaturannya sebagai berikut :

Type:

Pada Decoration centang Underline

Jika anda ingin mengubah warna link pada saat hover klik icon kotak yang ada di sebelah tulisan color, kemudian pilih warnanya.

Save file.

Masuk ke Bagian Membuat Header