Temukan Rahasia 4 langkah belajar HTML, PHP & MySQL. Klik Disini!

Cara Belajar Desain Blog Dengan Efektif




Mau Cari Informasi tentang Teknologi/Game? Cari Artikel Disini!


Terbit 04.05.2009. Edisi May 2009. Sudah ada 29 Komentar.
DHINATACOM

roda warna - color wheelAda satu pertanyaan mendasar yang sering muncul dibenak para blogger pemula ketika sedang asiknya blog walking menjelajah blogosphere. Melihat desain blog milik teman atau orang lain yang tampak keren dan tidak standar memang bisa bikin hati iri :)

Jadi sebenarnya ada gak sih cara yang cepat, mudah dan efektif untuk belajar mendesain blog sendiri? jawabannya TIDAK ADA. Semua butuh proses. Tapi ada tips jitu dari para desainer web tentang cara belajar desain web yang efektif, mereka sudah mempraktekkannya dan berhasil.

Apa saja hal dasar yang perlu dipelajari?

Ada 4 bahasa pemrograman standar dalam web design: HTML, CSS, JavaScript dan PHP. Langkah pertama adalah Kamu perlu bisa membedakan cara penulisan dan tag dasar dari keempat bahasa tersebut, agar Kamu tidak rancu saat mengedit skrip coding dari theme blog yang Kamu gunakan.

Untuk PHP cukup pelajari cara penulisan tag sesuai dengan CMS blog yang Kamu pakai. Misalnya WordPress, sudah memiliki tag standar (Tutorial tag WordPress Bag 1, Tutorial tag WordPress Bag 2) dalam bahasa PHP yang langsung bisa Kamu gunakan tanpa perlu susah payah membuat perintahnya sendiri.

Nah, sekarang pertanyaanya pelajari yang mana dulu?

jawabannya adalah..

HTML → CSS → PHP → JavaScript

HTML ada diurutan pertama karena merupakan bahasa pemrograman utama yang WAJIB dipelajari dalam membangun sebuah halaman blog/website. Setelah halaman dasar dibangun, CSS digunakan untuk memberikan “makeup” pada halaman. Sebagai langkah awal gunakan saja tag PHP standar bawaan dari theme blog yang sudah ada. JavaScript bisa Anda pelajari untuk membuat halaman blog lebih interaktif, tapi tidak mutlak.

Bagaimana dengan proses belajarnya?

Modifikasi → Merancang → Membuat

Tidak ada salahnya untuk terlebih dahulu mempelajari coding dari theme buatan orang lain. Jika tahap modifikasi sudah tidak lagi sulit, sudah saatnya merancang desain theme buatan sendiri. Dalam tahap ini, corat-coret layout blog diatas kertas sangat membantu designer untuk membuat desain yang memiliki konsep dengan gambaran yang jelas dari pada sekedar langsung menggambar imajinasi yang ada dikepala ke layar monitor.

Pelajari hingga 50%

Jika semangat belajar lagi tinggi, semua modul pelajaran bisa dilahap sampai kenyang habis dalam sekali waktu. Ya, bisa saja dalam satu waktu Kamu mempelajari semua bahasa keempat pemrograman desain web, namun itu tidak efektif. Banyak senior menyarankan untuk mempelajari sebuah bahasa hingga 50%, lalu pelajari bahasa baru lainnya.

Belajar Web 1
Gambar 1

Belajar Web 2
Gambar 2

Jadi ketika sebuah bahasa pemrograman sudah Kamu kuasai hingga 50%, Kamu bisa melanjutkannya ke bahasa lain sehingga setahap demi setahap kamu akan menguasai semuanya karena saling berkaitan, dan begitu seterusnya. Bagi kebanyakan orang, cara ini lebih efektif ketimbang mempelajari semuanya secara bersamaan.

Selain pemrograman, Kam juga perlu belajar untuk membuat desain grafisnya. Tahap awal bisa juga untuk mengambil elemen-elemen grafis dari Internet, yang gratis pastinya :) Banyak kok website yang menyediakan desain header, tombol, dan pernak-pernik gambar untuk blog Kamu. Gunakan software grafis yang banyak penggunanya, Misal Adobe Photoshop, karena semakin banyak penggunanya, semakin banyak juga tutorial gratis yang bisa Kamu temukan di Internet.

Selamat belajar!

Ada yang mau menambahkan? ayuk

color wheel image via tigercolor.com

Artikel Terkait:







Powered by FeedBlitz

komentar pembaca DHINATACOM

Pelajari juga software semacam phothosop ayuk

 
 

wah udah komplit mas. emang html, css, php dan js itu aktor utamanya. disamping tool yg lain macam adobe family. dan yg tak kalah pentingnya adalah sense of art hehe. nyontek dikit jg gpp asal jgn nyontek semua :D

makasih buat tambahanannya mas Sandi yess

kayaknya saya harus mempertajam sense of art dan sense of visualization lagi nih hihihi licik

 
 

saya rasa untuk php pada posisi keempat karena php berjalan di sisi server sedangkan javascript masih bisa di berjalan di sisi client(browser),jadi Html (belajar juga Xhtml),Css,Java script,php.

PHP sebenarnya juga bisa kok berjalan di komputer lokal kita (PC/Laptop) dengan memakai software web server seperti WAMP, XAMPP, dan lainnya.

Makasih atas komentarnya :)

jika web server telah di instal di komputer lokal, jangankan php (lisensi gratisan) pada posisi ketiga ,mungkin asp.net,java bisa juga pada posisi ketiga.Tetapi sebelum mengenalkan bagian server,optimasi disisi client penting,apa saja yang berjalan di client,apalagi bagi pemula,itulah sebabnya komentar wasito sebelumnya ada.Java Netbeans juga bagus untuk di download,versi 6 fullnya bisa 4 jam download,itu pengalaman saya.Jangan lupa pelajari referensi sintak-sintaknya Html,css,java script dan lainnya, jangan terlena dengan software WYSIWYG,begitu buka kode suatu web Via klik kanan ( pilih View page source atau View source)bingung deh.Makasih ya dhinata.Masih ada kurang valid di dhinata.com lewat Validator.w3.org

(Comments wont nest below this level)

sendiri sekarang sudah gak pake lagi software WYSIWYG EX: dreamweaver, dll. Cuma pake Notepad++ :D

Untuk desain dhinata.com memang ada bagian yang tidak valid, tp selama gak terlalu mengganggu desain dan SEO, biarian ajalah hehe…
makasih perhatiannya mas wasito.. great komen sinchan

 
 
 
 
es_PUTer2009-05-08 10:19:15

Newbie nih soal blog sinchan
Sampai sejauh mana sih pemanfaatan desain di blog? Bukannya daya tarik blog itu artikelnya yah? malu

intinya gini.. desain keren tp isinya gak mutu pembaca gak akan balik lagi, desain sederhana tp isinya bermutu mungkin pembaca akan balik lagi tp akan membosankan melihat desainnnya. Yang bagus adalah desain menarik dan tulisan bermutu ide

 
 

wah kalo PHP saya masih newbie pisan nie om, gmana ya mulainya belajar

saya juga gak terlalu bisa PHP, cuma ngerti aja beberapa perintah PHP dalam theme WP

 
 

WADUH KALO SAYA TIDAK BISA program blog jadinya buat blognya acak kadut,…

 

eh temen2, salam kenal, saya dr Jogja, kebetulan gy blajar mbuat wp-theme, kalo ga kberatan, mampir ke tempat saya donk, trus komentari di postingan yg mana aja dech…

 

saya buta sama sekali tentang blog. cara buatnya gmn,????
tolong donk

 

wah seperti aku yang baru belajar ngeblog seminggu masih payah bngt mengartikannya. tapi aku coba belajar deh makasih atas ilmunya

 

Mas, tukeran link yuk.
Link blog mas telah saya pasang. Gantian yah :)

 

aku ckarang lagi belajar membuat blog.kamu bisa bantu aku nggak.bisa ya please! aku blom bisa sama sekali. to9long di kirim lewat email ku

 

ternyata php itu sulit juga karena harus menghafal smua

tab

 

terima kasih atas pencerahnnya…

 
 

Rekan admin dhinata.com
kami mengharapkan anda untuk menjadi mitra dengan menjadi affiliasi pada blog bisnis : kayadariblog.com.. anda dapat menjadi mitra kami dengan gratis dan kami menyedikan bagi hasil 50% untuk bisnis ini.
Kunjungi : kaya-dari-blog.blogspot.com (untuk mendapatkan panduan affiliasinya)
Terima kasih..

 
 

assalamualaikum.. it’s time to blogwalking… visit my official site http://www.namagraph.com , I was created some design, architectural visualization, website, etc. you may download many tutorial and free “enormous e-book”, such as islamic books, best-seller novels, IT and others.. See you around in my shoutbox..

 

hallo boz.. salam kenal.
thank’s buat infonya.. tipi

 

mas saya baru 2 bulan bikin blog.jujur aja smakin kesini smakin pusing smakin waktu banyak tersita dan smakin merasa bodoh.oh ya mas sama sekali aku ga mengerti apa itu bahasa pemograman.tapi saya tak akan menyerah dan akan terus belajar.saya mohon saran dan bimbingannya.terima kasih… recseller

 

javascript:moreSmiliesAappendSmiley(‘ salaman ‘)-
salam kenal.terima kasih banyak infonya

 

thanks senang membaca tulisan anda, gmana ya ? caranya saya bisa mendign blog bagus seperti anda, semoga saja saya bisa .. amien … nosara

 

Hmmm menurut saya sebaiknya dalam web design perlu dipecah menjadi 2 spesialis. Spesialis mock up dan Slicing. Mock Up untuk desain visualisasi website dan Slicing untuk convert ke pemrograman webnya (baca:PHP, HTML, CSS, dll.)
Btw nice article bro

 
Nama (harus diisi)
E-mail (harus diisi - tidak akan ditampilkan)
Alamat Website/Blog Anda. (tidak wajib diisi)

Komentar Anda (smaller size | larger size)
yess . tipi . tendang . sombong . sinchan . sial . senam . nyerah . ngiler . nggaya . nangis . musik . males . love . konslet . kembar . gatau . damn . bye . ayuk . ngacir . nocomment . malu . mimpi . licik . ide . capedeh . cendol . batamerah . salaman . recseller . cekemail . maho . marah . najis . takut . ngacir2 . sundul . janganribut . capedeh2 . nosara . kacau .
Petunjuk komentar:
1. Tolong tulis komentar yang berhubungan dengan topik artikel. Jangan mengirim SPAM!
2. Tag standar HTML yang diperbolehkan:
    <a href> <blockquote> <code> <strike> <strong>
3. Komentar yang tidak berhubungan atau SPAM akan dihapus.
4. Klik gambar emoticon diatas untuk menampilkannya pada komentar Anda.

Catatan: Beberapa emoticon yang ditampilkan merupakan hak cipta dari Kaskus - The Largest Indonesian Community.