Cara menggunakan index php template

Cara menggunakan index php template

Pada artikel saya yang lalu (5), saya ajak anda untuk meng-kombinasikan halaman website berbasis PHP-MySQL dengan template yang kita buat melalui http://cooltemplate.com. Dengan opsi yang pertama, yaitu menggunakan inline-frame. Kali ini saya ajak anda untuk memilih opsi yang kedua, yaitu merubah index.html template kita menjadi header.php. Jalan ini akan lebih flexible, karena kita tidak perlu menghapus sintax “include header.php” dari tiap-tiap file yang diciptakan oleh PHPMaker.

Template yang telah kita buat, subfolder dan file-filenya kita gabungkan dengan website yang di-create melalui PHPMaker. Misalkan folder website kita adalah “berita”. Terdapat sebuah subfolder, 2 buah file .jsp, dan 10 file .php, sedangkan dari folder template yang telah kita ekstrak, terdapat satu file .css, satu file .html, dan satu folder images. Ketiga-tiganya kita copy-kan ke folder “berita” Nanti anda akan dimintai konfirmasi, karena sudah ada folder images, kemudian akan ditimpa folder dengan nama yang sama, pilihannya adalah ijinkan saja.

Kita teruskan langkahnya. Oleh karena nanti index.html akan kita ubah menjadi header.php, maka langkah berikutnya adalah mengganti nama file header.php menjadi (misalnya) header2.php, sedangkan index html, kita edit dengan teks editor (kalau saya biasanya pakai wordpad dahulu, setelah diberi perobahan sedikit, save, saya buka dengan notepad baru bisa).

Amati sintax didalam ruang  

Download Tulisan Lengkap : agus_membangunweb6

Related Articles

  1. Membuat content web dengan Microsoft Word
  2. Membuat Backslide pada Website
  3. Menyempurnakan Halaman Web Dengan Header-Image
  4. Menambah Fitur Ala Blog
  5. Membangun Free Template Online Untuk Website
  6. Membuat Website Afiliasi Sederhana – Bagian 1
  7. Hit Counter Dengan Animation Image
  8. Belajar Upload Website ke Server Host
  9. Mengunci Folder Rahasia
  10. Membuat Menu Dengan Style Sheet
  11. Tips Menyimpan File dengan Nama Kita
  12. Membangun Sistem Pendaftaran Siswa Baru online
  13. Teknik Menyembunyikan Folder 2
  14. Kolaborasi Dengan Video-Player Pada Website Dinamis
  15. Tips Dalam Memilih Nama Domain Untuk Website Jualan Anda
  16. Melakukan Proteksi Folder Pada Windows
  17. Mengenal Custom Files di PHPMaker
  18. Mengenal Custom Templates di PHPMaker
  19. Pengenalan PHP
  20. Menginstall dan mengaplikasikan template dalam desain website joomla

Posted on 21 November 2010 by Kang Agus

Cara menggunakan index php template
Pendahuluan Dalam membuat sebuah web, selain kita membuat sendiri templatenya dengan bantuan script CSS. ada cara cepat yang bisa kita lakukan yaitu dengan mengedit sebuah template web. template diibaratkan sebuah “kulit” yang langsung dilihat oleh user atau pengunjung. sehingga kita harus pandai-pandai dalam menentukan template sebuah web yang sesuai dengan isi atau content dari web kita secara keseluruhan.

Tahap Persiapan Misalnya kita membutuhkan efisiensi waktu, tidak mau di pusingkan dengan pembutaan script template CSS, lebih konsentrasi pada core system atau content yang disajikan. maka pilihan kita jatuhkan pada template web gratisan. banyak sekali situs penyedia templateweb  gratis yang bertebaran di internet. misalnya kita mencari di google dengan kata kunci Free CSS templates maka akan muncul situs-situs seperti dibawah ini :

  • http://www.freecsstemplates.org
  • http://www.free-css.com
  • http://www.free-css-templates.com

atau jika ingin lebih efektif, anda bisa menggunakan google image http://images.google.com/ dengan kata kunci misalnya template web. maka anda bisa langsung melihat tampilan dari template. dan pilih salah satu gambarnya untuk menuju ke situs yang menyediakan template tersebut. Tahap Selanjutnya

  1. Misalnya kita menggunakan situs http://www.freecsstemplates.org/ untuk mencari teplate kita.
  2. Setelah menemukan template yang bagus, kita dapat men download nya. misalnya http://www.freecsstemplates.org/preview/solutions/
  3. Setelah di download, simpan di htdocs dengan nama folder sesuai keinginan anda. (saya asumsikan anda sudah mengenal XAMPP atau aplikasi untuk mengembangkan web dengan PHP)

Download Sourcecode

Tahap Pengaturan :

  1. Setelah file template web di ekstrak, maka buka file index.html sebagai file untuk homepage atau halaman utamanya. Anda bisa membuka filenya dengan editor dreamweaver. dan anda juga bisa mengganti ekstensi filenya dengan PHP (index.php). karena selanjutnya kita akan membuat sebuah web menggunakan bahasa pemrograman PHP.
  2. Tahap selanjutnya adalah dengan memisahkan per blok coding CSS dari file index.php. misalnya blok coding untuk menu di pisahkan menjadi menu.php, blok coding untuk isi dipisahkan menjadi isi.php. nantinya file-file tersebut akan di include kedalam file index.php
  3. bagian terpenting ada pada file isi.php, karena konsep dari template yang kita gunakan adalah memanggil (include) masing-masing halaman file content kedalam halaman index.php sesuai dengan URL yang dipanggil melalui halaman menu.php
    Cara menggunakan index php template
  4. Jika coding di dalam file index.php sudah di pisah-pisahkan menjadi file menu.php dan isi.php,  maka hasilnya sebagai berikut.

Cara menggunakan index php template
Tahap Coding Buka file menu.php dan edit menjadi seperti ini :

Buat dan buka file isi.php kemudian ketik coding nya :

Buka file home.php dan edit seperti ini :

Untuk halaman file profil.php, gallery.php, katalog.php silahkan copy paste file home.php menjadi masing-masing file tersebut dan ubah isinya sesuai dengan kebutuhan. untuk selanjutnya content bisa diambil dari database.

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 21-11-2010

KangAgus

Filed under: Website | Tagged: cara, mengedit, php, template, web |