Cara membuat halaman web dengan php

Halaman web yang bersifat dinamis dapat sangat berguna dan menghemat segala keperluan. contohnya untuk mengedit suatu halaman, kita hanya perlu mengeditnya di halaman itu saja. tanpa harus mengubah di semua halaman.

Untuk memulai pembuatan web dinamis, kita buat sebuah project di localhost (htdocs), misalnya sebuah project (folder) dengan nama “webdinamis“ (C:\xampp\htdocs\webdinamis). Kemudian buat sebuah file dengan nama index.php.

    
        
        
        
        
        
        
        
    

    
        

            

                
WWW.AGUSSURATNA.NET
                
Membuat Halaman Web Dinamis Dengan PHP
            

            

                

                    
HOME
                    
TENTANG
                    
BELAJAR
                
            
            
            

                
Maaf. Halaman tidak di temukan!
";
                                break;
                        }
                    }
                    else{
                        include "halaman/home.php";
                    }
                ?>
            
        
    

Penjelasan pada script :

HOME
 
TENTANG
 
BELAJAR

Di sini kita mengalihkan halaman nya dengan menggunakan bantuan darimethod GET, di sini kita mengirim data GET dengan nama ‘page’, kemudian kita menangkap data page yang dikirim dan memeriksa isi dari GET page
yang dikirim dan meng-include halaman yang dituju.

Pada script :

Maaf. Halaman tidak di temukan!
";
                break;
        }
    }
    else{
        include "halaman/home.php";
    }
?>

Di sini kita cek dulu ada atau tidak nya GET page,

if(isset($_GET['page'])){

Jika tidak ada maka halaman yang ditampilkan adalah halaman home.

include "halaman/home.php";

Jika ada data GET yang di kirim, kemudian kita cek lagi dengan bantuan switch case, jika halaman yang dicari tidak ada atau tidak sesuai maka akan ditampilkan pemberitahuan bahwa halaman tidak di temukan.

Yang selanjutnya kita buat file css agar tampilannya lebih menarik, dengan nama file style.css

body{
    background-color:#f9f9f9;
    font-size:16px
    color:#444;
    font-family: sans-serif;
}

.content{
    width: 80%;
    margin: 10px auto;
}

/*header*/   
header{
    background-color: white;
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

header h2.judul,
header h3.deskripsi{
    text-align: center;
}
    
/*menu navigasi*/
.menu{
    background-color: rgb(34, 235, 174);
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    margin-bottom: 10px;
}
    
div.menu ul {
    list-style:none;
    overflow: hidden;
}

div.menu ul li {
    float:left;
    text-transform:uppercase;
}

div.menu ul li a {
    display:block;
    padding:0 20px;
    text-decoration:none;
    color:#2c2c2c;
    font-family: sans-serif;
    font-size:13px;
    font-weight:400;
    transition:all 0.3s ease-in-out;
}

div.menu ul li a:hover,
div.menu ul li a.hoverover {
    cursor: pointer;
    color:#fff;
}

div.badan{
    background-color: white;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

div.halaman{
    text-align: center;
    padding: 30px 20px;
}

File index.php dan style.css tersebut merupakan kerangka dari halaman web dinamis yang ingin kita buat, selanjutnya kita tinggal membuat sebuah folder bernama “halaman” , di dalam folderkita akan letakkan halaman-halaman yang akan kita buat.

Halaman-halaman yang akan kita buat :

• home.php
• tentang.php
• belajar.php

home.php

    
Halaman Utama
    
Selamat datang di website kami, ini merupakan halaman utama pada tutorial cara Membuat Halaman Web Dinamis Dengan PHP

tentang.php

    
Tentang Kami
    
Ini adalah halaman tentang kami
    
Website kami merupakan situs yang menyediakan konten-konten untuk belajar komputer

belajar.php

    
Halaman Belajar
    
Ini adalah halaman Belajar, anda dapat mencari materi pembelajaran di sini

Berikut ini struktur file dari project yang kita buat :

Berikut adalah hasil dari halaman web dinamis yang telah kita buat dengan php, yang diakses pada browser dengan alamat localhost/webdinamis :