design web dengan dreamweaver

desain web with DW 

barang kali agan agan pernah lihat atau pernah memakai aplikasi ini
dsini akan saya contoh kan cara design web dengan DW dan dengan php juga

Penjelasan tentang cara membuat bagian baggian web dengan css dan php
pada kali ini akan dijelaskan tentang cara membuat web dengan css dan php ,yang pertama tama siapkan aplikasi dreamwever anda ,dan pastikan kompi anda sudah siap .

Nah klik aplikasi diatas jika anda sudah punya :

aplikasi ini sangat berguna bagi anda yang ingin membuat web kelas wahid

simak di bawah nya ya :

ikutilah LANGKah seperti di atas kita buat code css nya dan akan di include kan di <div>headrder</d>dengan class

Ketikan code seperti pada gambar diatas dan buatlah div dan class baru
untuk saat ini code nya seperti ini   :pada tulisan merah mewakili class css
<style type="text/css">             .hearder {

                background-color:#9F6;

                height:200px;   }              .kiri {

                background:#9C0;

                float:left;

                height:400px;

                width:200px;             }</style>

<div class="hearder">hearder</div>

<div class="kiri">kiri</div>

Nah ini tampilan ketika ditambah bagian tengah

Disitu memang tampak tak sesuai keinginan kita namun itu Cuma tampilan di dreamwever saja untuk hasilyang nya ta buka browser nya nah 

Nah pada gambar diatas sudah sesuai keinginan kita tinggal menambahkan kanan dan bawah atau footer

Dan code nya di bawah ini :
<style type="text/css">        .hearder {          background-color:#9F6;

                height:200px;                         }

.kiri {            background:#9C0;

                float:left;

                height:400px;

                width:200px;                              }

.tengah {              background-color:#9C9;

                width:600px;

                height:400px;

                float:left;                                      }

.kanan {   background-color:#9C6;

                float:right;

                height:400px;

                width:318px;                                  }

.footer {   background-color:#996;

                height:200px;

                float:left;

                width:1120px;                              }

</style><div class="hearder">hearder</div><div class="kiri">kiri</div><div class="tengah">tengah</div><div class="kanan">kanan</div> <div class="footer">bawah</div>
code nya sepeeerti di atas

Nah sekarang ke tahap kedua yaitu php disini php akan kita gunkaan untuk meninclude kan menu atau lain lain bada box php

 Jreeeenggggg

Catatan :
tuliskan program dibawah ini pda css agar tidak hacur saat di tekan ctrl dan scroll mouse:

body {

        background-color:#91CCA8;

        width:1200px;

        background-attachment: scroll;

dan jadilah :

nah itu aja sekian



:P salam 

Bagikan Artikel ini