Membuat Template

Template adalah pola tampilan. Yang paling sederhana cara membuatnya adalah dengan menggunakan pola tabel yang terdiri dari 2 kolom dan 3 baris. Bentuknya adalah sebagai berikut:

template1

Adapun script HTML-nya adalah sebagai berikut

template2

Daerah yang diberi nama “Header” adalah tempat judul website.
Daerah yang diberi nama “Menu” adalah tempat menu-menu informasi website.
Daerah yang diberi nama “Isi” adalah tempat data/informasi ditampilkan.
Daerah yang diberi nama “Footer” adalah tempat keterangan website.

Daerah “Isi” adalah daerah yang informasinya selalu berubah, sesuai dengan menu yang di-klik. Daerah inilah yang dinamis, selalu berubah.

Simpanlah script diatas dengan nama template.html

Selanjutnya file template diatas kita bagi menjadi 2 file, yaitu menjadi:

  • header.php
  • footer.php

template3

Bagian dari header.php adalah:

template_header

Sedangkan bagian dari footer.php adalah :

template_footer

Selanjutnya buatlah file index.php dengan script sebagai berikut:

template_index

Cobalah akses file index.php lewat browser. Hasilnya adalah sebagai berikut:

template_index_jadi

Terlihat bahwa pada daerah “Menu” telah terisi. Scriptnya adalah sebagai berikut (ini terletak pada file header.php) :

template_header_jadi

Dari scrip header.php diatas terlihat bahwa kita harus membuat file:

  • biodata.php
  • pendidikan.php
  • keluarga.php
  • hobi.php

Cara pembuatan file-file tersebut adalah sebagai berikut:
(Contoh kita membuat file pendidikan.php)

  • Buka file index.php
  • Klik Save as, dan beri nama pendidikan.php.
  • Edit (rubah) kalimat “Selamat Datang di Web pribadi Choirul Anam” menjadi “Ini riwayat pendidikanku”.
  • Klik Save (simpan)
  • Bukalah tampilan di browser dan cobalah klik menu pendidikan. Bila isinya telah sesuai dengan yang kita edit tadi, maka pembuatan file pendidikan.php telah berhasil.
  • Lakukan pembuatan file lainnya dengan cara yang sama.
  • Editlah isi dari semua file yang telah dibuat sehingga menghasilkan tampilan yang bagus.

Selamat bekerja

Advertisements