Membuat template sederhana dengan css dan html

Membuat template sederhana dengan css dan html

 Sebuah halaman web yg dinamis memerlukan template sebagai wadah atau pencetak web tersebut. akan tetapi membuat template tingkat tinggi sangatlah susah (bagi pemula) tetapi disini akan berbagi dari dasar pembuatan template hanya denan html dan css saja

html adalah bahasa pemerograman dasa atau Hyper text markup language yap benar sebagai inti dari halaman, sedangka css adalah kosmetik atau pelengkap bisa di bilang lalat kecantikan sebuah halamat web html.

oke kita mulai membuat css nya dengan membuat beberapa class yg sering ada pada sebuah halaman web
yaitu header, content, sidebar dan footer berikut adalah conoh css nya

body{
background:black;
color:white;
padding-left:180px;
padding-right:180px
}

.header{
width:1000px;
background:white;
border:1px solid #00FF00;
color:red;
height:120px ;
padding:15px ;
}

.content{
width:600px;
background:white;
border:1px solid #00FF00;
color:red;
height:auto ;
padding:15px;
float:left;
clear:both;
}

.sidebar{
width:400px;
background:white;
border:1px solid #00FF00;
color:red;
height:120px ;
padding:15px;
float:right;
clear:both;
}

.footer{
width:1000px;
background:white;
border:1px solid #00FF00;
color:red;
height:120px ;
padding:15px;
}

css sudah siap tinggal dipanggil deh class-class nya dengan menggunakan tag < div class=".....">
gimana sederhana bukan? diatas hanyalah contoh dan bisa dikembangkan lagi dengan gambar ataupun pengaturan border. sekian postingan tentang membuat template html dan css

download artikel ini

3 comments:

  1. Cie, yg kasih tutorial suka dengan kecantikan juga..

    ReplyDelete
  2. para pembuat template nih....
    ngidam pengen bisa kayak kalian para agan dan aganwati

    ReplyDelete

Popular Posts