rangers

rangers
Membuat desain web tidak sesulit yang dibayangkan.. kita bisa mencoba membuat dan menkreasikan halaman web sederhana yang kita inginkan.. Berikut langkah pembuatan halaman web yang sederhana,,, Pertama kita membuat kerangka desainnya untuk mempermudahnya...









#wrapper {
margin: auto;
width: 740px;
border: 1px solid red;
}
#header {
height: 80px;
border: 1px solid blue;
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 330px;
border: 1px solid red;
}
#top2 {
float: left;
width: 534px;
height: 75px;
border: 1px solid green;
}
#top{
height: 75px;
border: 1px solid red;
}
#content {
float: left;
width: 290px;
height: 250px;
border: 1px solid green;
}
#right {
float: right;
width: 220px;
height: 175px;
border: 1px solid purple;
}
#footer {
clear: both;
height: 50px;
border: 1px solid blue;
}












#wrapper {
margin: auto;
width: 750px;
border: 1px green;
}
#header {
height: 80px;
border: 1px black;
background : blue url('Head.jpg');
}
#menu {
float: right;
height: 30px;
width: 280px;
margin-top: 10px;
margin-right: 10px;
}
#search {
float: right;
height: 30px;
width: 240px;
margin-right: 20px;
margin-left: 200px;
margin-top: 5px;
}
#logo {
float: left;
height: 60px;
width : 60px;
margin-left: 20px;
margin-top: 10px;
}
#top {
float: right;
height: 80px;
width: 545px;
border: 1px black;
}
#right {
float: right;
height: 175px;
width: 190px;
border: 1px solid green;
background: blue url('Head.jpg');
}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;
}
#sidebar {
float: left;
margin-right: 20px;
width: 180px;
height: 412px;
border: 1px solid green;
background: blue url('top3.jpg');
}
#content {
margin-left: 201px;
margin-right: 200px;
margin-top: 80px;
width: 344px;
height: 330px;
border: 1px solid black;
}
#footer {
clear: both;
height: 50px;
border: 1px solid green;
background: blue url('Head.jpg');
}




0 komentar:

Posting Komentar

Nama : Aldina Ramayumanti

Labels

Followers

About Me

Foto Saya
d_sweet
Nama:Aldina Ramayumanti, Kuliah: Universitas Negeri Malang, Fakultas Teknik/Elektro, Prodi S1 PTI'07, Blog ini saya buat sebagai media dan referensi belajar untuk para siswa.. Semoga tulisan di blog ini bermanfaat dan dapat menambah pengetahuan bagi pembacanya...
Lihat profil lengkapku

Calender

Calendar