Cara Include Header dan Footer pada PHP Dasar

Tentu yang sudah mahir dalam hal pemrograman web akan sangat mudah dalam pengaturan tampilan di webnya, tinggal diberi sedikit sentuhan seni di bagian template sudah bisa menghasilkan web dengan tampilan cantik dengan kekonsistenan tertentu dan dalam waktu pembuatan yang tidak lama. Namun, berbeda halnya dengan para newbie web atau blog yang masih awam, dalam hal pengaturan blog cenderung masih download dari web/blog penyedia template.  Bagi yang tertarik ingin menjadi web desainer, pertama kita harus kenalan dulu dengan css (cascading style sheet).  CSS adalah bagian dari PHP yang bisa mengubah style elemen pada tampilan halaman web kita agar lebih menarik.  Nah, bagi yang tertarik membuat desain tampilan webnya sendiri, ikuti yuk penjelasan singkat di bawah ini yak ..

Misal kita membuat script dengan nama welcome.php





Bila dijalankan di local browser tampilan akan terlihat seperti ini





Pengunjung pasti tidak akan tertarik untuk melihat blog kita ,karena  halamannya terlihat tidak menarik hanya black and white screen saja. Pertama kita coba menambah header dan footer pada tampilan tersebut dengan metode “include”, sebelumnya kita buat dulu file dengan judul header.php dan footer.php untuk disertakan pada file welcome.php


 header.php






footer.php





Setelah itu kita ubah script pada welcome.php














Dengan menyertakan script include header dan footer kita sudah mengubah tampilan web kita seperti ini


Tentu lebih menarik dari tampilan awal bukan?

Coba kita ubah style teks masukan nama pada welcome.php, agar rata tengah





Tampilan akan menjadi rata tengah seperti di bawah ini:


Bisa juga kita ganti background dengan gambar, kita harus punya gambarnya dulu, bisa langsung memberi url gambar ( tapi syaratnya harus ada koneksi internet). Disini kita coba dengan url, ubah script header.php pada bagian background menjadi seperti ini





Dan hasilnya . . .




Lebih menarik bukan? 
selamat mencoba J

Share this:

ABOUT THE AUTHOR

Sekecil apapun ilmu yang kita punya alangkah indahnya bila bermanfaat bagi sesama :)

0 komentar:

Posting Komentar