Peluang BISNIS Kursus Online: Belajar HTML, PHP & MySQL Sambil Menghasilkan UANG

Cara Belajar Desain Blog Dengan Efektif


web hosting indonesia


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


Terbit 04.05.2009. Edisi May 2009. Sudah ada 43 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
  1. Bintang says:

    Pelajari juga software semacam phothosop ayuk

  2. tipis says:

    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

  3. wasito says:

    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.

    • DHINATACOM says:

      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 :)

      • wasito says:

        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

        • DHINATACOM says:

          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

  4. es_PUTer says:

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

    • DHINATACOM says:

      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

  5. torik says:

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

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

  7. julz says:

    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…

  8. yo says:

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

  9. sungai siak says:

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

  10. Alfisyahrin says:

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

  11. yuda says:

    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

  12. sandi says:

    ternyata php itu sulit juga karena harus menghafal smua

    tab

  13. crow poc says:

    terima kasih atas pencerahnnya…

  14. kayadariblog says:

    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..

  15. arie says:

    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..

  16. sambs says:

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

  17. alothea says:

    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

  18. usman says:

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

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

  20. 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 P HP, HTML, CSS, dll.)
    Btw nice article bro

  21. Rusman says:

    Yang tidak kalah penting belajar ngacir2 >>>Dreamweaver<<<

  22. arnold says:

    :sundul: cendol recseller UPDATE TRUZZ MAS INFO NYA……. :sundul: NIE LG HEHEHEEHHE………….

  23. anny says:

    aku tertarik ma gambar-gambar yang ada di komentar. gimana to tuk menampilkannya di blog. recseller makasih

  24. Didin says:

    :ngacir: hebbat, bener-bener hebbat…

  25. emy says:

    masih belajar buat tampilan blog ney,smp saat ini blogku msh pke tampilan standart yg disediain blogspot… hihihi malu2in…. :capedeh2: mohon bimbingannya… salaman

  26. link balikny ya bro :)

  27. wewew says:

    nyerah masih pusing bangggg… maho

  28. mantab gan infonya, kunjungi jg blog saya ya

  29. Devildulla says:

    ASSALAMUALAIKUM..!!
    bro, q cma mo nanya, kyak mna sich cra_y PASANK KASKUS EMOTIONS di blogspot..???
    udah googling kmane aje tpi g’ bisa DI GUNAIN cma TAMPIL GMBAR doank..!!!
    langsunk aje dech k TKP http://skullsaiders.blogspot.com
    mohon di REPLY di sini aje..!!!
    <> salaman

  30. salamkreatif says:

    salaman keren gan blognya nih
    kaskuser juga yah??

    met kenal yah

    salamkreatif.com

  31. Mohamad Yani says:

    ngacir2 tolong dong cara mendesain blog, masih baru nih. salaman dan salam kenal juga. mantap aku bangga atas kreativitasnya. moga tambah sukses. cekemail

Tulis komentar

D . ( . P . diem . piss . kaget . nocomment . malu . mimpi . licik . ide . yess . tipi . tendang . sombong . sinchan . sial . senam . nyerah . ngiler . nggaya . nangis . musik . males . love . konslet . kembar . gatau . damn . bye . ayuk . belajar . tutupkuping . tolong . terharu . strees . serang . sendiri . ngakak . mimisan . mati . mantap . kesel . keren . kartukuning . kartumerah . fiuhhh . cendol . salaman . recseller . cekemail . maho . marah . najis . kiss . bingung . berduka . takut . ngacir2 . janganribut . capedeh .

Petunjuk komentar:
1. Tolong tulis komentar yang berhubungan dengan topik artikel. Jangan mengirim SPAM!
2. Komentar yang tidak berhubungan atau SPAM akan dihapus.
3. Klik gambar emoticon diatas untuk menampilkannya pada komentar Anda.

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