Belajar Web Design

Hidup itu penuh ilmu, contohnya ilmu Web Design. Dalam bidang web design masih dibagi-bagi menjadi beberapa cabang keahlian. Ya wajar sih, teknologi web adalah salah satu teknologi yang bisa dibilang cukup cepat perkembangannya. Terutama karna semua orang di dunia yang terhubung ke internet dapat berperan di dalamnya. Disini mungkin saya coba sedikit memberikan link-link yang perlu dilirik oleh seorang web designer dalam menjalankan ibadahnya :D.

Untuk belajar web design, ada baiknya jika kita tau mulai belajar dari mana, baik teorinya maupun prakteknya. Kalo saya sih, lebih suka penjelasan yang singkat dan langsung praktek. Selanjutnya yang lebih penting adalah sering latihan. Pasti anda semua setuju kan? Dalam latihan ini kadang kita butuh contekan atau kamus atau reference, nah kita juga perlu tau tuh dimana kita bisa mendapatkan contekan itu. Contekan berisi penjelasan singkat dan ada baiknya jika terdapat contoh penggunaannya. Kondisi disini bisa dibilang sama dengan kondisi kita waktu masih sekolah/kuliah/training. Kita diberi hal-hal dasar/fundamental, disertai latian seadanya yang menunjang dengan bab yang sedang dibahas dalam waktu tertentu.

Setelah kita dapat mengerjakan kasus-kasus standard, biasanya kita nagih tantangan yang lebih berat. Hal ini dapat kita lakukan dengan langsung bekerja di industri web dan sejenisnya. Kita berhadapan dengan kasus nyata di lapangan sesuai permintaan dari kustomer atau kebutuhan tim. Dalam kondisi ini kita akan banyak menjumpai hal baru dan menantang. Ada kalanya kita butuh solusi terhadap permasalahan tertentu dan spesifik. Untungnya jaman sekarang sudah ada internet, kita dapat menjumpai berbagai jawaban atas kesulitan kita. Tinggal search gi search engine seperti google.com, dalam beberapa saat kita sudah menemukan berbagai jalan menuju jawaban kita. Seiring berjalannya waktu, terkadang teknologi baru bermunculan, trend baru bermunculan, trick baru bermunculan. Nah pada kesempatan ini, ada baiknya saya coba mendokumentasikan beberapa hal terkait web design yang sepertinya perlu di lirik oleh seorang web designer.

Menurut saya, belajar web design ada baiknya jika kita tau dulu lingkungannya. Lingkungan www adalah lingkungan internet. Anda dapat sekilas membaca mengenai jaringan internet TCP/IP disini. Gampangannya, melalui internet kita dapat melihat website, kita dapat menemukan informasi atas sesuatu yang kita cari, baik berupa artikel, tulisan, gambar, music, video. Makanya ada istilah "Teknologi Informasi" atau Information Technology. Nah darimanakah informasi-informasi tersebut mucul? Siapa yang menaruh artikel disana sehingga dapat dibaca semua orang di dunia? Siapa yang menaruh gambar/lagu/video disana?

Sekarang kita coba pindahkan pandangan kita. Anggaplah jika kita yang berada pada posisi si pemberi jawaban. Apa yang perlu kita sediakan sehingga kita dapat memberikan informasi kepada orang lain? Salah satu jawabannya adalah "kita membuat web site".

Sebuah situs web (sering pula disingkat menjadi situs saja; web site, site) adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet.

[Wikipedia bahasa indonesia] [English Wikipedia]

Best Practice Belajar Web Design
Untuk belajar web design jaman sekarang, menurut saya lebih baik jika dimulai dari HTML, kemudian lanjut ke CSS, dan terakhir web design graphic layout dan integrasinya dengan HTML dan CSS.

1. Learn HTML from W3 Schools
   
2. Learn XHTML from W3 Schools
3. Learn CSS from W3 Schools
4. From-psd-to-html-building-a-set-of-website-designs-step-by-step

Setelah anda belajar hal diatas, anda dapat langsung loncat ke materi-materi di bawah ini. Dibawah ini merupakan link yang saya kumpulkan hasil jalan-jalan yang dibuat oleh para master yang mau menshare ilmunya kepada kita semua. Ketika saya menemukan link bagus lainnya, saya akan coba untuk selalu update posting blog ini. Silahkan menikmati.

CSS (Cascading Style Sheet)

1. The-mystery-of-css-sprites-techniques-tools-and-tutorials
2. 50-really-useful-css-tools
3. Powerful-css-techniques-for-effective-coding
4. 53-css-techniques-you-couldnt-live-without
5. Css-specificity-things-you-should-know
6. Css-float-theory-things-you-should-know

Web Graphic & Layout Design

1. Design-a-beautiful-website-from-scratch
2. From-psd-to-html-building-a-set-of-website-designs-step-by-step
   

Web Design References

1. (X)HTML Reference by W3 Schools
   
2. HTML Reference by Sitepoint
3. HTML DOM by W3 Schools
   
4. CSS Reference by W3 Schools
5. CSS Reference by Sitepoint
6. Web Content Accessibility Guidelines from W3C
7. Techniques of WCGA from W3c
   
8. Websitetips Resources
9. Sitepoint Reference
   

Web Technologies you may want to read

1. W3 Consortium
   
2. Web Standards Organization
3. Semantic Web oleh W3 Schools
4. Web Browser Trend
5. Mofuse.com membuat blog anda dapat dilihat melalui mobile device dengan memanfaatkan RSS feed pada blog anda