Ohayo mina-san. Welcome back to my blog.

Kali ini kita akan melanjutkan mendesain web kita dengan membuat sebuah tempeh.. eh maksudnya template hehe.

Template adalah sebuah format dimana dalam format tersebut berisi konten kita. Template ini merupakan titik awal kita mendesain sebuah web untuk konten kita. Jadi kita tidak perlu mendesain dari awal lagi apabila ingin membuat konten baru. Kita tinggal memasukkan konten-konten kita menjadi satu di sebuah template

Sebuah template pada umumnya terdiri dari header,menu,isi dan footer.
Header adalah margin atas, sedangkan footer adalah margin bawah yang nantinya kedua margin tersebut akan muncul pada setiap halaman konten. Bagian yang berada pada header atau footer merupakan menu dan isi konten

Berikut adalah contoh template:

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

Kita bisa saja memasukkan konten kita dengan cara mengetik programnya satu per satu pada program diatas. Ada metode lain yaitu dengan memanggil file di localhost kita dengan mengganti “#” dengan nama file kita.

Pertama, kita pisahkan dahulu header dan footernya.

Kedua, pada header ubah “#” menjadi nama file beserta formatnya.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

.

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Ketiga, buatlah isi konten dengan cara meng-include-kan header dan footer pada setiap file yang bersangkutan.

contoh :

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

Hasilnya :

MENU HOME

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

MENU TABEL

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

MENU ARRAY

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

MENU BIODATA

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

MENU KONTAK

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