Webdesign Rules! by Ruben Bos
Memutuskan untuk mendandani blog anda dengan desain anda sendiri setelah menimbang-nimbang apakah sebaiknya anda menggunakan desain sendiri atau desain orang lain? Jika iya, sekarang datang pertanyaan susulannya: Apa saja yang saya butuhkan untuk mendesain blog?
Sederhana saja: Pengetahuan & Tools
Pengetahuan. Yang perlu anda ketahui:
- Kemampuan desain. Iya dong! namanya juga mendesain
Lebih baik jika memiliki sense desain yang baik dan kemampuan menggunakan graphic editor seperti photoshop atau Corel Draw. - Pengetahuan tentang HTML
- Pengetahuan tentang CSS
Pada dasarnya, dua pengetahuan diatas juga sudah mencukupi untuk membuat halaman web yang web standard. Tapi jika untuk mendesain halaman blog, akan lebih mudah jika anda juga memahami hal-hal ini:
- Memahami konsep website statis Vs website dinamis
- Lebih baik lagi jika memahami dasar-dasar bahasa pemrograman. Untuk wordpress, pahamilah PHP.
- Pengetahuan akan Javascript dan Snippet Code seperti Jquery akan lebih membantu anda untuk membuat desain blog anda lebih atraktif.
Tools / Software. Software yang akan anda butuhkan:
- Software Graphic Editor seperti Photoshop & Corel Draw untuk membuat desain awal.
- Software Apache web server, agar komputer anda dapat berfungsi sebagaimana server hosting anda. Untuk tugas ini, saya menggunakan XAMPP.
- Software Code Editor, untuk menulis code CSS, PHP, HTML, dll. Saya menggunakan code editor Notepad++ yang free
- Web Browser! mulai dari Firefox, Safari, Opera, Chrome, hingga si mimpi buruk web developer: Internet Explorer Kenapa harus ada berbagai browser? Karena setiap browser memiliki cara yang berbeda dalam mengeksekusi script CSS. Jadi tampilan desain dengan CSS anda di Firefox belum tentu sama dengan tampilan di Internet Explorer. Issue ini dinamakan Browser Compatibility. Pastikan anda memiliki Internet Explorer 6 karena browser tersebut adalah populasi browser terbesar dan paling “lain sendiri” dalam meng handle CSS.
Yap, intinya sih itu saja. Tapi jika mau lebih mantap lagi, saya rekomendasikan beberapa add-ons FIrefox yang akan sangat membantu dalam proses mendesain web:
- ColorZilla - A must have! untuk mengetahui hexacode dari suatu warna. Menemukan warna yang bagus di suatu web? Aktifkan ColorZilla dan klik pada warna tersebut. Tara! Hexacodenya dan nilai RGB atau CMYK nya dapat anda ketahui.
- MeasureIt - A must have! Untuk mengukur panjang dimensi dari halaman web dalam nilai pixel
- FontFinder - Menemukan blog yang typographynya sangat enak dibaca? Contek rahasianya dengan FontFinder
- IE Tab – melihat tampilan IE 6 yang crap dalam firefox
- Window Resizer – Menampilkan browser dalam berbagai ukuran window.
- JSView - Melihat CSS code dari satu halaman web dengan “klik kanan + view source”
- Scrapbook - Mensave halaman web di browser. Jadi jika anda menemukan halaman web yang baik dan cocok untuk dijadikan referensi, anda bisa membukanya saat sedang tidak online.
Yap! Itu dia tadi hal-hal yang dibutuhkan untuk mendesain blog versi saya. Bagaimana dengan versi anda? Ada tambahan? 
Enjoy!
Dapatkan update harian bloggingly GRATIS di RSS Reader anda! Subscribe sekarang RSS FEED BLOGGINGLY !
Apa itu RSS? Kenali RSS di halaman ini
Tentang Penulis: 
kharis sulis... (2)
Arya (1)
fanz (1)
jmj (1)
seo (1)
Karena pakai blogspot,.. ya paling2 kudu ngerti CSS doank, hehe
Saya pengen sekali mendesign tema sendiri tapi apalah daya, bahasa2 itu yang tidak saya mengerti… :hikz:
hahahaha.. saya juga sama dengan dinda, gak bisa bahasa itu.. kalo dreamweaver bisa gak yah buat theme wp?
Framework css 960.gs sering saya pake, tapi cuma CSS reset + PSD nya doank buat ngelayout hehehe
.
.
Deuh lom nyampe PHP mah euy
Yeah, notepad++ emang paling mantab dibandingiin code editor gratis yang lain
Addon FF >> Firebug, Web developer dan Yslow juga sangat membantu.
*Anyway, kang Fikri. Ada solusi selain XAMPP?, Gak tau kenapa jadi berat loading servernya ato saya salah setting? Hatur nuhun
@BudiTyas
ditambah pengetahuan tag2nya blogspot kan?
@Dinda Watson
Dipelajari saja. Kalau dipelajari pasti bisa
@Dawiecool
paling untuk ngetic codenya saja. Jadi kurang lebih sama fungsinya seperti NOtepad ++. kalau mengconvert dari desain menjadi wordpress theme, sepengetahuan saya ya tidak bisa
@Prakarsa Arya
Hehe, saya malah masih belum begitu paham caranya menggunakan framework grid. malah jadi lieur saya mah
kan ada tuh addons buat membuat grid, paling terpakai untuk membuat frame diawal saja.
Ohya, Firebug juga oke tuh. Kalau Yslow saya malah baru dengar sekarang.
Selain XAMPP? hmm.. setau saya ada namanya WAMP kalau tidak salah. Lambat? sering tiba2 mati sendiri g? Crash dengan program lain mungkin
wah ternyata rumit sekali untuk mendesain template blog sendiri ><
thx atas infonya
@Catur
dijamin bisa deh hehe..
Yah terlihat sulit memang tapi asal kita pahami langkah-langkahnya dan yang pasti ngerti bahasa pemrograman XHTML, CSS, dan PHP yang indah itu
makasih ya atas tips untuk mendesain blog
saya akan mencobanya, karena saya masih awam
@hendi
sama-sama, senang bisa membantu
silahkan dicoba..
@afwan
makanya dicoba saja, biar jadi mudah
Kalau utk desain wordpress sudah ada softwarenya,gampang.Tapi kalau blog ( blogspot dll ) saya cari2 ga ketemu?Ada yg tau ?