Dalam mendesain sebuah website, diperlukan keterampilan dan kreatifitas yang tinggi. Disamping itu, untuk menjadi web designer, diperlukan kemampuan bahasa seperti html, css, php, sql, javascript dll. Perlengkapan dan peralatan web design juga harus memadai.
Bisa saya katakan bahwa bahasa html dan css adalah bahasa yang paling dasar, php dan sql merupakan bahasa penunjang, dan javascript adalah bahasa penghias. Biasanya html sering digunakan bersama css, php dengan sql, sedangkan javascript dengan jquery, namun tingkat bahasa jquery merupakan tingkat tinggi, sehingga sulit dipahami orang awam.
1. Niat (*yang ini kudu wajib dimiliki)
2. Memiliki software desain web. Bisa gunakan notepad, notepad++, MS FrontPage atau Adobe DreamWeaver
3. Pahami bahasa html->css->php->sql->javascript secara berurutan
4. Belajar Blog dahulu
5. Belajar dari Web lain
6. Edit tema-tema yang sudah ada
7. Jika sudah mahir, coba buat tema sendiri
8. Aktif di forum-forum
Berikut penjelasannya masing-masing:
1. Niat
Yang ini gak usah dibahas , kalo udah ada niatan untuk belajar, insyaallah bisa betah sampai step terakhir.
Yang ini gak usah dibahas , kalo udah ada niatan untuk belajar, insyaallah bisa betah sampai step terakhir.
2. Memiliki software desain web
Yang dimaksud dengan software desain web disini, adalah software coding editor dan software grafis.
Untuk coding editor :
Yang dimaksud dengan software desain web disini, adalah software coding editor dan software grafis.
Untuk coding editor :
o Notepad
o Notepad++
o MS FrontPage
o Adobe DreamWeaver
Aku rekomendasikan pake Notepad++, karena selain gratis, fungsinya juga lumayan lengkap buat pemula. Tapi kalo udah mahir bisa pake Adobe DreamWeaver.
Untuk grafis :
Untuk grafis :
o GIMP
o CorelDraw
o Adobe Photoshop
Saya biasa menggunakan CorelDraw, tapi saya sarankan gunakan Adobe Photoshop.
3. Pahami bahasa html->css->php->sql->javascript secara berurutan
Lakukan step ini bersama dengan step ke-4 dengan urut. Beberapa artikel berikut ini, saya ambil dari website lain, yang menurut saya enak dipahami. HTML
Lakukan step ini bersama dengan step ke-4 dengan urut. Beberapa artikel berikut ini, saya ambil dari website lain, yang menurut saya enak dipahami. HTML
CSS
o http://www.belajarcss.com/
PHP
SQL
JavaSript
Tutorial HTML, PHP, SQL, dan JavaScript beserta fungsi-fungsinya semuanya ada diW3Schools, sampai saat ini saya belajar dari sana. Dan untuk tutorial HTML, PHP, dan SQL dalam bahasa Indonesia bisa dilihat disini
4. Belajar Blog dahulu
Mengapa Blog? Belajar blog disini bukan untuk belajar menulis, melainkan belajar tentang penempatan kode-kode yang sudah anda pelajari sebelumnya, juga sebagai tempat latihan langsung tentang pengoprasian kode-kode tersebut. Mulailah dengan langkah yang mudah, dan maju sedikit demi sedikit. Banyak para Web Designer memulai karir mereka dengan nge-Blog. Saya sarankan buat blog anda dengan WordPress SelfHost. Cara pembuatannya bisa belajar dari sini lalu sana
Mengapa Blog? Belajar blog disini bukan untuk belajar menulis, melainkan belajar tentang penempatan kode-kode yang sudah anda pelajari sebelumnya, juga sebagai tempat latihan langsung tentang pengoprasian kode-kode tersebut. Mulailah dengan langkah yang mudah, dan maju sedikit demi sedikit. Banyak para Web Designer memulai karir mereka dengan nge-Blog. Saya sarankan buat blog anda dengan WordPress SelfHost. Cara pembuatannya bisa belajar dari sini lalu sana
5. Belajar dari Web lain
Inspirasi yang mendorong anda untuk berkreasi tak lepas dari pengaruh tampilan web milik orang lain. Inspirasi tampilan website yang mendorong saya untuk berkreasi adalah dariGoMediaZine dan Smashing Magazine
Inspirasi yang mendorong anda untuk berkreasi tak lepas dari pengaruh tampilan web milik orang lain. Inspirasi tampilan website yang mendorong saya untuk berkreasi adalah dariGoMediaZine dan Smashing Magazine
6. Edit tema-tema yang sudah ada
Edit tema pada blog anda sebelumnya, sesuai dengan inspirasi anda. Buatlah blog anda semenarik mungkin tanpa menggunakan plugin, menjadi tantangan bagi anda untuk mendalami kode-kode tadi.
Jika belum puas, lakukan editing template yang sudah ada. Ini bertujuan untuk mempertajam kemampuan anda. Saya ijinkan anda untuk mengubah template gray_mixedyang saya buat hanya bermodal Notepad++. Atau jika masih belum puas, anda bisa mampir di :
Edit tema pada blog anda sebelumnya, sesuai dengan inspirasi anda. Buatlah blog anda semenarik mungkin tanpa menggunakan plugin, menjadi tantangan bagi anda untuk mendalami kode-kode tadi.
Jika belum puas, lakukan editing template yang sudah ada. Ini bertujuan untuk mempertajam kemampuan anda. Saya ijinkan anda untuk mengubah template gray_mixedyang saya buat hanya bermodal Notepad++. Atau jika masih belum puas, anda bisa mampir di :
7. Jika sudah mahir, coba buat tema sendiri
Ini merupakan tantangan yang sulit jika masih awal-awal. Berikut langkah ringkasnya :
Ini merupakan tantangan yang sulit jika masih awal-awal. Berikut langkah ringkasnya :
o Mencetuskan ide sketsa tentang rancangan tampilan
o Gunakan software grafis untuk membuat rancangannya
o Implantasikan rancangan tadi kedalam bahasa web
o Tes tema yang telah dibuat, cek setiap baris kode
Untuk membuat gambar rancangan dengan software, saya sarankan gunakan PhotoShop. Sedangkan untuk bahasa web, saya sarankan gunakan Adobe DreamWeaver.
8. Aktif di forum-forum
Ini merupakan langkah lanjutan, anda bisa memanfaatkan forum-forum berikut untuk menambah pengetahuan anda.
Ini merupakan langkah lanjutan, anda bisa memanfaatkan forum-forum berikut untuk menambah pengetahuan anda.
Secara ringkas, anda memulai dengan belajar bahasa web, kemudian dipraktekkan dalam blog, lalu edit tema yang terdapat disana, dan yang terakhir, buat tema anda sendiri. Jika anda bisa melakukan ke-4 aspek tersebut, selamat anda adalah seorang Web Designer!!
Tidak ada komentar:
Posting Komentar