id-rocktips

Di postingan sebelumnya saya sudah menjelaskan tentang CodeIgniter, kali ini saya akan menerangkan bagaimana instalasi dan membuat web sederhana dengan MVC model CodeIgniter.

Pertama Download file CodeIgniter di https://www.codeigniter.com/

Kemudian Copy Zip File CodeIgniter ke "C:\xampp\htdocs\" jika kamu menggunakan Xampp atau "C:\Appserv\www\" Jika kamu menggunakan Appserv, Kemudian Extract File nya

 Rename folder yang di extract tadi dengan nama "codeigniter"


Ubah settingan pada file "C:\xampp\htdocs\CodeIgniter\application\config\config.php" menjadi seperti di bawah ini


Jika sudah, masuk ke "localhost/codeigniter" di browser kamu, jika langkah kamu benar maka akan keluar halaman seperti di bawah, selamat kamu telah berhasil menginstall codeigniter, sekarang mari kita lanjutkan dengan membuat halaman dengan metode ini

Ubah 'default_controller' pada file "C:\xampp\htdocs\CodeIgniter\application\config\routes.php", …

Pretty sure this one is not so different with my older post "Membuat halaman rapi dengan HTML", yupsi ... bedanya adalah penggunaan fungsi HTML nya, kali ini saya akan menjelaskan bagaimana membuat halaman yang sama seperti postingan sebelumnya, namun menggunakan fungsi DIV di dalam DIV. oke langsung aja . cekidot ...

Pertama buat script HTML nya seperti berikut, perhatikan fungsi div yang kita harus panggil berulang-ulang, pasti lebih mudah jika kita menggunakan fungsi table, yup ... or theres another way ?, but this is for education purpose, that should be okay to learn, right ? hhee


Kemudian buat file CSSnya seperti berikut, kita membuat dua buah id='kontainer' untuk mengatur batas width/lebar baris pertama dan kedua dan dua buah class='baris' untuk mengatur baris yang ada di kolom kontainer dan class='gambar' untuk mengatur gambar yang di panggil fungsi "imgsrc"


Dan jika kamu benar maka hasilnya akan seperti berikut.

Sekian tutorial mem…

Mungkin Tidak akan sulit jika kamu ingin membuat gambar dan tulisan yang rapi di halaman HTML menggunakan bantuan Adobe DreamWeaver atau WYSIWYG Web Builder, yup .. tinggal tarik dan ketik yang kamu mau, tapi apa sih sebenarnya isi dari koding tersebut ?. Belum tentu kita tahu kan ?.
Berikut saya akan membagi sedikit ilmu bagaimana membuat halaman HTML dengan bantuan table, sengaja di buat screenshoot, supaya ngetik sendiri kodenya jadi bisa lebih ngerti. hhhee ... let's code ...!!!
Pertama buat isi atau content yang akan kita susun dengan perintah table

<div id="section">
<table align="center" class="sifat"> Koding berikut berfungsi untuk memanggil id dan class dari file css.
Kemudian buat file cssnya


Dan jangan lupa panggil file CSS nya

Akhirnya apabila koding yang kamu lakukan benar maka hasilnya akan seperti ini :
Di bagian atas kamu bisa lihat tiga tulisan yang tersusun rapi dengan tulisan dan header yang kita panggil dengan class t…