Pages

  • Home
  • Daftar Artikel

Membuat halaman pertama / homepage

Secara otomatis project pertama menggunakan CCS sudah disediakan satu halaman kosong dengan nama file "newpage1". Halaman tersebut dapat di rename, caranya dengan klik kanan pada nama file tersebut.
Tugas pertama untuk membuat halaman homepage adalah merename file tsb menjadi index (otomatis akan dibuat 3 file (index php, index.html dan index ccp). Ingat, rename hanya dengan nama file saja tanpa extensionnya.

Maksudnya adalah, index.ccp adalah file sourcenya untuk diedit, index.php adalah file yang berisi kode php dan index.html adalah template dari kode tersebut. Jangan Khawatir, kawan tidak perlu menulis kode sendiri, Codecharge studio (CCS) akan membuatkannya untuk kita.

Jika sudah punya file index, maka saat ini dihadapan kita terbentang ccs seperti ini.


Sebelah atas adalah menu-menu utama
Kolom kiri adalah daftar file atau halaman kita
Sebelah kanan adalah tool box
sebelah bawah terdapat menu Design (tempat kita mendisain), HTML adalah kode html sebagai template, Code adalah kode php yg dibuat otomatis, Preview adalah preview html, Life Page adalah tampilan kode php dan html kita.

Tool box terdapat Builders, Forms dan HTML. Terdapat banyak sekali fasilitas yang dapat kita gunakan. Untuk menerangkannya satu persatu tentulah akan sangat panjang. Kita akan memahaminya nanti pelan-pelan berikut contoh penggunaannya.

Di bawah tool box terdapat properties. Jika kita memilih satu object maka properti objek tersebut tampul di bagian properties ini. Terdiri dari Format, Data dan Events.

Untuk memahami cara kerjanya, di halaman index yang kosong tersebut tulislah sesuatu. misalnya "Ini adalah halaman homepage ku"

kemudian klik tombol save atau ctrl+s.

Kemudian Publish,

klik tombol Life Page
Browser internet akan muncul menampilkan alamat http://localhost

Jika halaman anda muncul, test sukses.

Jika tampil form setting publishing, berarti anda perlu setting ulang publishingnya.





Tulisan berikutnya adalah Membuat Layout Homepage

No comments:

Post a Comment