.jpg)
Berikut file php nya :
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');
}
Langganan:
Postingan (Atom)
About Me
- 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...
