Minggu, 25 September 2016

Membuat Tampilan Web Sederhana Dengan CMS

Kali ini saya akan membuat sebuah tampilan sederhana dengan menggunakan cms. Tampilan ini akan memberikan kesan seperti responsive terhadap browser yang kita gunakan untuk melihat hasilnya.
Ok, untuk tidak terlalu banyak pesan pembuka saya akan memulainya. Hehehe


1. Membuat sebuah file "style.css"

    Disini saya menggunakan Adobe Dreamweaver untuk membuat css dan juga phpnya. Bagi yang belum tau     silahkan liat pos saya sebelumnya di Adobe Dreamweaver.

    #body {
      width : auto;
      height : auto;
     }
    #kepala {
      width : auto;
      height : 20px;
      border : thin solid #000000;
    }.kanan {
       width : auto;
       height : 15px;
       float : right;
    }.kiri {
width :auto;
height : 15px;
float : left;
    }
      #tubuh {
width : auto;
height : 500px;
border : thin solid #000;
   }
      #kaki {
width : auto;
height : 20px;
border : thin solid #000000;
   }.kkanan {
width : 20px;
height : 15px;
float : right;
   }.kkiri {
width : 20px;
height : 15px;
float : left;
   }

  contoh gambar

  

2. Membuat file "index.php"



    contoh gambar



Inilah contoh membuat tampilan web sederhana dengan css. Semoga bermanfaat ^_^


EmoticonEmoticon