web design: MERANCANG WEB DENGAN CSS

MERANCANG WEB DENGAN CSS

Setelah mengatahui tag html dan css pastinya ingin memahami lebih banyak tentang perancangan dari website. Website dapat dibentuk itu terdiri dari tag html, css, php, javascript dsb. Untuk mendesign sebuah web itu diperlukan dalam kematangan dalam css karena dalam web tanpa css, tanpilanya tak akan bisa maksimal. nah pada kali ini saya akan memberikan sedikit penggunaan tag css untuk membuat website.

Berikut ini tag css sederhana yang digunakan merancang web :

Seperti yang telah kita pelajari dalam setiap penulisan css itu pasti ditandai dengan tulisan "style". Oleh karena itu perlu dipahami dalam penulisan css harus dibuka dengan "style". Berikut contoh :

Example for CSS :

<style type=text/css>

#header{
margin-top:18px;        
background:brown;       
color:white;            
height:100px;
font-size:15px;
padding:20px;
text-align:center;
font-family:arial;
font-weight:bold;
}

#content{
font-weight:bold;
margin-top:-15px;
height:600px;
width:100%;
background:green;
text-align:center;
color:#000;
font-size:15px;
font-size:12px;
}

#sidebar{
margin-top:-600px;
margin-left:90%;
width:10%;
background:#1093ef;
font-size:15px;
height:600px;
}

#footer{
width:100%;
text-align:center;
background:blue;
font-size:15px;
height:100px;
}

#sidebar2{
margin-top:-600px;
margin-right:100%;
width:10%;
background:lime;
font-size:15px;
height:600px;
}

</style>
<div id="header">
HEADER</div>
<div id="content">
CONTENT</div>
<div id="sidebar">
SIDEBAR</div>
<div id="sidebar2">
SIDEBAR2</div>
<div id="footer">
FOOTER</div>

maka hasilnya akan tampak seperti berikut ini :

Pages

MERANCANG WEB DENGAN CSS

MERANCANG WEB DENGAN CSS

Example for CSS :

About Me