rangers

rangers
Berikut ini langka-langkah membuat Login Form sederhana dengan menggunakan PHP dan JavaScript:




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');
}




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