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:
Langsung saja kita ke pokok bahasan bagaimana mendesign template CMS Balitbang dengan bantuan Artisteer.
Langkah-langkahnya adalah sebagai berikut:
- Install software artister yang dibisa diwonload di http://www.artisteer.com/
- 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.