Cara Membuat Web dengan PHP bag.1

Untuk membuat web dengan php, pertama siapkan script atau kodingannya untuk membuat bagan atau strukturenya....

jangan lupa instal dulu xampp nya, lalu bikin folder (bebas) di folder htdocs,

contohnya seperti ini.

ketikan kode dibawah kemudian save di folder yang telah dibuat tadi dengan nama style.css

/*default*/
body {
    font-family:verdana, arial, helvetica, sans-serif;
    font-size: 12px;
}

/*pengaturan halaman*/
#container {
    width: 1000px;
    font-size: 90%;
    margin: 0 auto;
}

/*pengaturan header*/
#header{
    padding: 10px;
    height: 75px;
    border: #0000ff dashed 1px;
    background-color:#99ccff;
}

#header hl {
    display:block;
    width:815px;
    height:110px;
    padding:10px;
    color:#003399;
    font-family:'trebuchet ms', helvetca, arial, sans-serif;
}

/*pengaturan side panel*/
#sidebar {
    border: #0000ff dashed 1px;
    margin-top: 10px;
    width: 150px;
    float: left;
    background-color:#99ccff;
}

#sidebar h3
{
    color: #993300;
    padding-left: 10px;
    font-family:'trebuchet ms', helvetica, arial, sans-serif;
}

/*pengaturan menu navigasi*/
ul#navmenu {
    margin: 0;
    padding: 0;
list-style-type: none;
}

ul#navmenu li {
    margin-bottom: 5px;
}
ul#navmenu a {
    display: block;
    width: auto;
    heigth: auto;
    background-color: #003366;
    padding: 5px 5px 3px;
    text-align: right;
    text-decoration: none;
    color: #eeccll;
    cursor: pointer;
}

ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active {
    background-color: #333;
    color: #fff;
}

ul#navmenu a.selected, ul#navmenu a.selected:hover,
ul#navmenu a.selected:focus, ul#navmenu a.selected:active {
    background-color: #386088;
    color: #fff;
}

ul#navmenu a.selected {
    text-align: right;
    cursor: default;
}

/*pengaturan content*/
#page {
    border: #0000ff dashed 1px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 10px;
    width: 815px;
    float: left;
}
#page h2 {
    color: #993300;
    font-family:'trebuchet ms', helvetica, arial, sans-serif;
}
img {
    border: none;
}

#clear {
    clear: both;
}

/*pengaturan footer*/
#footer {
    border: #0000ff dashed 1px;
    margin-top: 10px;
    text-align: center;
    background-color: #99ccff;
}

Pemograman 6:48 AM