Pada postingan kali ini saya akan membahasa bagaimana cara mendesign
template CMS Balitbang menggunakan software Artisteer versi 2.3.
Mudah-mudahan bahasan ini dapat bermanfaat bagi rekan-rekan semua yang
mau merubah tampilan website sekolahnya, karena Secara umum indah
tidaknya suatu website adalah saat pertama website tersebut dibuka atau
dikunjungi user, dan user akan betah berlama‐lama membrowing website
yang Anda buat bila tampilanya menarik dan kontennya bermanfaat.
Langsung saja kita ke pokok bahasan bagaimana mendesign template CMS Balitbang dengan bantuan Artisteer.
Langkah-langkahnya adalah sebagai berikut:
- Setelah proses instalasi selesai klik short cut Artisteer di desktop computer Anda, klik pilihan html page untuk memulainya.
- Pilih menu Layout untuk memilih layout sesuai dengan tampilan website Anda, tampilannya seperti pada gambar di bawah ini.
- Untuk
mengatur lebar website klik menu Sheet pilih Width >> pilih yang
bernilai 1000 pixel. Untuk mengatur tinggi rendahnya tampilan header
klik menu Header >> Heigh >> 150 pixel. Jika benar
tampilanya seperti pada gambar di bawah ini:
- Langkah selanjutnya tinggal mengatur background, pewarnaan dan menu. Hal tersebut bisa dicoba dengan membuka menu Background, Color & Fonts / Menu. Ilustrasinya seperti gambar berikut:
- Sampai di sini pengaturan template sudah selesai, selanjutnya
tinggal menyimpan hasil pengaturan template tersebut dengan melakukan: Klik File >> Export >> Html Page. Tentukan letak folder penyimpananya, defaultnya Arsiter sudah membuatkan folder pada My Documents seperti gambar berikut ini:
- Copy folder (dalam contoh ini nama folder “aku”) yang berisi
file‐file Artisteer ke folder sub folder temp yang letaknya berada di
folder webtemp.
- Langkah berikutnya kopikan file index tpl.htm yang berada di folder webtemp/temp/art‐alan/ atau yang ada di folder art‐biru ke folder aku
- Buka file config.php yang berada di folder Lib, pada baris ke 14 ganti dengan tulisan berikut: $ alan= “../temp/aku/”;
- Untuk mencoba template yang telah Anda buat buka browser dan ketikan: http://localhost/webtemp, maka tampilan website anda sudah berubah.