Cara membuat Website Dinamis dengan PHP dan CSS

Membuat website dinamis dengan PHP sangat menguntungkan ketika mempunyai banyak file PHP yang beraneka ragam.

Di dalam program PHP secara umum harus memanggil nama file php nya ketika ingin mengakses, hal ini akan menjadi static website dimana ketika membuat konten harus mengisi semua element yang di butuhkan.

Sebenarnya apa sih website dinamis itu ?

Apa itu Website Dinamis ?

Website dinamis adalah suatu halaman website yang memiliki konten berubah-ubah. Contohnya pada sebuah halaman website mempunyai :

  • Menu
  • Sidebar
  • dan Konten

3 tata letak di atas memiliki tempat yang berbeda dan konten dapat berubah-ubah sedangkan sidebar dan menu tetap sama.

Dengan PHP membuat website dinamis sederhana dapat menghemat penulisan kode sehingga pekerjaan akan lebih cepat.

Untuk membuat website dinamis dengan PHP dan Tag HTML dapat menggunakan perintah kondisi, seperti switch maupun if.. else.. .

Membuat Website Dinamis Sederhana

Ketika kita membuat website dinamis maka tidak perlu memanggil nama file PHP yang di tuju namun menggunakan sebuah varian parameter.

Kita dapat memanfaat kan keyword GET untuk memanggil nilai pada sebuah URL.

Langsung saja kita buat contoh latihan nya.

Silahkan buat 4 file PHP dan 1 file CSS yang bernama :

  • index.php
  • about.php
  • blog.php
  • style.css

beranda.php

about.php

blog.php

style.css

index.php

Perhatikan kode yang ada pada index.php. Terdapat 3 bentuk section yaitu :

  • heeader
  • content
  • footer

Dimana header dan footer langsung di tuliskan di dalam file index.php.

Sedangkan pada bagian class content terdapat perintah if else untuk memeriksa hasil dari parameter URL.

Untuk menambil nilai parameter pada program PHP menggunakan perintah $_GET[‘page’], artinya ketika ada url dengan bentuk ?page={value} maka akan menghasilkan nilai yang ada.

Perintah isset digunakan untuk memeriksa apakah ada parameter page. Apabila ada di proses dengan perintah terhadap isinya.

Dalam contoh di atas menggunakan keyword include untuk memanggil file lainnya.

Apabila tidak ada parameter page maka akan di melakukan include file dengan nama “beranda.php

Di dalam index.php terdapat link menu dinamis untuk mengarahkan ke dalam parameter yang ada.

Sebagai contoh ketika terdapat URL index.php?page=about, maka akan mengincludkan file about.php

Sedangkan file CSS di atas digunakan agar tampilan website dinamis lebih menarik.

Sekarang kita lakukan uji coba.

Uji Coba Website dinamis PHP dan CSS

Silahkan buka sesesui dengan nama projek yang di buat :

contohnya : http://localhost/kodingin_tutorial/php-dinamis/

Cara membuat Website Dinamis dengan PHP dan CSS

Sekarang silahkan klik menu about, atau langsung membuka URL contoh : http://localhost/kodingin_tutorial/php-dinamis/index.php?page=about.

Cara membuat Website Dinamis dengan PHP dan CSS

Sekarang klik menu blog atau buka URL contoh : http://localhost/kodingin_tutorial/php-dinamis/index.php?page=blog

Cara membuat Website Dinamis dengan PHP dan CSS

Perhatikan gambar di atas, terdapat menu dengan isi : home, about dan blog. Di mana tampilan menu tidak akan berubah.

Baca Juga : Menggunakan Warna CSS pada tag HTML

Sedangkan pada kotakan warna putih yang merupakan suatu konten berubah-ubah sesuai URL yang di akses.

Artinya konten tersebut sekarang bersifat dinamis.

Sekian Cara membuat Website Dinamis dengan PHP dan CSS. Semoga Bermanfaat.

Leave a Reply