Perangkat Wajib Mendesain Template

Referensi
Dony Ignaz, Monday, 10 March 2008 10:33

Seorang pelukis tentu saja butuh kanvas serta seperangkat kuas serta cat warna untuk membuat sebuah lukisan, demikian juga kita ketika ingin membuat template di Joomla, kita butuh seperangkat peralatan yang memadai untuk menghasilkan desain template yang optimal, di artikel ini akan membahas tools yang wajib kita miliki.

Seorang pelukis tentu saja butuh kanvas serta seperangkat kuas serta cat warna untuk membuat sebuah lukisan, demikian juga kita ketika ingin membuat template di Joomla, kita butuh seperangkat peralatan yang memadai untuk menghasilkan desain template yang optimal, berikut tools yang wajib kita miliki :

Software Desain

Software buat mengolah citra (image), ini dibutuhkan di level desain grafis, membuat mockup keseluruhan page sehingga kita sudah tau mau seperti apa hasil akhir web kita nanti.

• Image processing (Photoshop)
• Vector processing (Corel Draw, Adobe Illustrator, Freehand dll)

Browser

Karena dipasaran ada banyak browser maka kita akan menguji hasil tampilan desain kita di beberapa browser sekaligus, untuk memastikan hasil tampilan benar dan konsisten.

• IE 6
• Mozilla Firefox
• Browser lain (Opera, Netscape, IE7dll)

Pada implementasinya kita hanya akan menguji di Firefox dan IE6 saja. Firefox digunakan sebagai acuan hasil akhir tampilan yang benar (Opera, Netscape, IE7 dll akan dianggap konsisten dengan nya)
Tampilan dari IE 6 kemungkinan akan terdistorsi, cara mengatasinya akan kita bahas di sesi pembahasan CSS lebih lanjut.

Plugin Browser

Untuk keperluan ploting, inspeksi, guna mencari bug atau ketidak sesuaian lainnya dalam code html, CSS, atau Javascript, kita membutuhkan plugin di browser kita, yaitu :

Untuk Firefox

• Web Developer
• Firebug

Untuk IE6

• Web Developer for IE

Php dan MySql

Bagi pemula ato yg gak mau ribet gunakan :

• Wamp
  
• Xampp

Text editor

Ini berguna untuk editor code html, css, dan javascript

• Notepad ++, Dreamweaver, dll

Tools Lainnya

ACDSee
Tools kecil penampil serta pengedit image ini sangat praktis dan cepat utk kondisi darurat seperti resize, convert, rename, color balance dll terutama untuk image masal.

Color Picker
Saat anda mengatur properti warna akan sering bersinggungan dengan CSS

Penggunaan software serta tools diatas akan sangat membantu kita dalam mengembangkan sebuah template yang optimal dari segi visual maupun code, jangan paksakan diri anda menggunakan tangan kosong yang hanya membawa diri anda ke situasi yang memusingkan.

Comments

Nah Ini Dia!! bocah Lugu 2008-03-23 12:19:52 Gue pertama!! Hehehe Gue udah ikutin instruksi diatas, ditunggu sekuelnya om! Kalo perlu ada yg nambahin gitu

content shine 2008-03-24 05:57:48 keduaX, content tulisanya biasa aja tapi cara penuturannya mantap "Seorang pelukis tentu saja butuh kanvas serta seperangkat kuas serta cat warna untuk membuat sebuah lukisan, demikn juga...."

tambahan tools not2comply 2008-03-24 06:30:15 ada sedikit extentsion firefox lainnya untuk mereka yang kurang memahami css. cssviewer:untuk melihatlayout css. cssmate & editcss : untuk mengedit secara langsung dari firefoxnya.

ff extension Kalion 2008-03-24 20:23:34 FF extension yang satu ini juga bagus : Web Developer : http://chrispederick.com/work/web-developer/

tambahan aja kindy 2008-03-25 09:07:07 :p mau ngasih tambahan aja paling tools tambahan buat design template itu adalah joomlasolution,, itu adalah plug-in buat dreamweaver untuk mengurangi kesalahan dalam coding pembuatan template,,, satu lagi adalah xml generator,, buat generator xml untuk template yang kita buat sendiri,, handmade,, hehehe thanx

tambahan penting banget! johndekoplo 2008-03-27 19:40:45 ada yang kelupaan : ROKOK & KOPI....asli penting! supaya inspirasi tetep mengalir dan juga supaya gak ngantuk...soalnya kita2 kan sebangsa hantu malam semuanya....kerja pas malem-malem aja....

Yang gak kalah penting... npherryanto 2008-08-20 00:23:12 ===ada yang kelupaan : ROKOK & KOPI....asli penting! supaya inspirasi tetep mengalir dan juga supaya gak ngantuk...soalnya kita2 kan sebangsa hantu malam semuanya....kerja pas malem-malem aja....=== he..he...gue bangets...

tools? milibags 2008-10-13 15:27:30 """ ada yang kelupaan : ROKOK & KOPI....asli penting! supaya inspirasi tetep mengalir dan juga supaya gak ngantuk...soalnya kita2 kan sebangsa hantu malam semuanya....kerja pas malem-malem aja.... """ wah, klo gw kopi ma rokok dah wajib. mendingan kerja tangan kosong daripada ga ada kopi sm rokok!!! tul ga?

heh?? milibags 2008-10-13 15:31:04 ya nggak juga sih... tangan kosong? edan apa? mo pake apa? mspaint buat ngegambar & edit pic? sinting! hehehe... tools juga penting deng.. sama winamp! gw stres klo ga ada musiknya. yg penting jgn ada pacar/istri! bisa ga konsen kerjaannya, kapan beresnya!?

mohon bantuan adhemahendra 2008-10-14 00:47:52 :upset :zzz saya newbienih...mohon bantuanya dalammengolah joomlah ini...dan cara 2nya y dari awal...mohon bantuanya

KERENZ..!! Bims 2008-10-21 17:41:03 segera donk langkah selanjutnya, kalo enggak, gw bisa puyeng nh.. :?

MAHAL softwarenya hum4nb31ng 2009-05-28 05:10:52 Software buat mengolah citra (image) * Image processing (Photoshop) * Vector processing (Corel Draw, Adobe Illustrator, Freehand dll) Ngelihat harga software2 diatas,.... wuah bisa mabok,...baru bisa belajar desain template,.. Photoshop ganti pake GIMP Corel Draw ganti pake Inkscape www.sugargroupschools.org

Woke !!! freeasabird212 2009-12-01 15:13:55 Woke tenan kie bro artikelnya buat newbie ky saya, tengkyu. Btw, saya post di Website saya bole ya, but keep your name and off course joomla-id, bravo !

Only registered users can write comments!

Powered by !JoomlaComment 3.26

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."