haloo sahabat redaksiana…. selamat pagi siang sore malam nih semuanya, apa kabar?? semoga semuanya sehat ya gaess.. Bertemu lagi nih di artikel saya dann kali ini saya akan membahas tentang ‘Template WEB’. Kepo kan?? yauda yuk simak artikel ini..

Template adalah sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan.

Secara garis besar template merupakan sebuah wadah yang berisi isi konten kita.

Template yang kita pelajari kali ini terdiri dari sebuah header dan footer. format file juga harus menggunakan PHP, karena kita akan menggabungkan template dengan konten kita.

Pertama tama membuat sebuah template sederhana dengan program seperti berikut :

  • Facebook
  • Twitter
  • Google+
  • Pinterest

  • Facebook
  • Twitter
  • Google+
  • Pinterest

lalu hasilnya :

  • Facebook
  • Twitter
  • Google+
  • Pinterest

dapat dilihat bahwa template tersebut terdiri atas header, menu, footer. lalu sekarang kita mencoba memasukkan dan mengisi isi konten seperti biodata. perhatikan gambar dibawah ini :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • Facebook
  • Twitter
  • Google+
  • Pinterest

dan hasilnya ;

  • Facebook
  • Twitter
  • Google+
  • Pinterest

setelah itu pada percobaan ke-2 yaitu memisah antara header, footer dan dengan format PHP,sebagai berikut :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
header.php
  • Facebook
  • Twitter
  • Google+
  • Pinterest
footer.php

lalu bagaimana cara kerjanya? kita buat program baru dan beri nama ‘theme1’ dengan format PHP ya

  • Facebook
  • Twitter
  • Google+
  • Pinterest
theme1

lalu hasilnya :

  • Facebook
  • Twitter
  • Google+
  • Pinterest

hasil tampilan diatas berarti ketika kita menjalankan theme1 maka theme1 ialah gabungan dari header dan footer yang telah kita buat terpisah seperti gambar diatas sebelumnya.

lalu seperti percobaan sebelumnya ialah kita mengisi konten sesuai menu yang ada tersebut dengan misal ; list,link dan kita buat file baru, beri nama ‘theme2’ format PHP seperti berikut :

<?php include “header.php” ?>

(isi data)

<?php include “footer.php” ?>

  • Facebook
  • Twitter
  • Google+
  • Pinterest
theme2

lalu hasilnya ialah :

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • Facebook
  • Twitter
  • Google+
  • Pinterest

theme2 tersebut akan menggabungkan file-file yang telah kita buat dengan meng-include file tersebut sesuai nama file. kita dapat mengisi isi kontennya secara bebas sesuai menu yang dibuat.

nah sekian dulu ya artikel saya kali ini,semoga artikel ini dapat bermanfaat untuk kalian semua. Tetep semangat dan jaga kesehatan selalu ya gaes.. mohon maaf apabila ada kekurangan/kesalahan, terima kasih and see youu..