Cara membuat Layout Dengan DreamWeaver(2)

Haloo...
Dibawah ini saya perlihatkan cara membuat layout.
1. Kita buat dulu folder baru di folder htdocs pada Xampp
2. Buka aplikasi dreamweaver
3. Klik css lalu buat nama Style yang disimpan pada folder baru yang telah kita buat di htdocs.
4. nah Pada file style silahkan masukan skrip di bawah ini.
 @charset "utf-8";
/* design by hansen */

body {
     font:"Times New Roman", Times, serif;
     font-size:12px;
     line-height:20px;
     }
    
#wrap{
border:solid 1px #000;
  height:1000px;
  width:980px;
  margin:0 auto;
  padding:10px;
}

#header{

width:980px;
height:120px;
margin:0 auto;
border:10px:solid:#666;
background-color:#FF6600;
}
#navigasi {
  margin-top:10px;
  width:980px;
  height:50px;
  border:10px:solid:#666;
  background-color:#FF6600;
  }

#sidebar {
            margin-top:75px;
            height:425px;
            width:250px;
            padding: 10px;
            float:left;
            color: #424242;
            background-color :#e8e8e8;
        }
      
#content {

            margin-top:25px;
            height:425px;
            width:650px;
            padding: 10px;
            float:Right;
            color: #424242;
            background-color :#e8e8e8;
}

#footer {
margin-top:500px;
width:980px;
height:300px;
border:10px:solid:#666;
background-color:#999999;
}

Untuk menjalankannya.jalankan dulu aplikasi Xampp,lalu klik Apache dan Mysql
lalu buka Browser.lalu klik localhost/namafile
Semoga bermanfaat
Salam Sukses