Pertama : Tanamkan niat dan tekad untuk belajar yang kuat (wajib), yang males atau masih setengah hati jangan buang-buang waktu untuk membaca, silahkan tutup halaman ini.

Kedua : Baca tentang bagaimana Website Bekerja, apa yang dibutuhkan supaya website bekerja, software apa saja yang dibutuhkan dan software apa saja yang menunjang dll.

Ketiga : Pelajari XHTML & CSS

  • Baca sekilas tentang html (#reff 1 ) bedanya dengan xhtml (#reff 2).
  • “Pelajari, Pahami dan Praktekan” semua tag html (#reff 3).
  • “Perdalam” tentang Div Element, tinggalkan table (#reff 4).
  • Baca sekilas tentang css (#reff 5), bagaimana cara menghubungkan antara css dengan html.
  • “Pelajari, Pahami” struktur penulisan syntax css (#reff 6).
  • “Praktekan” membuat html dipadukan dengan css
  • latih terus pe-markupan ini, dengan cara anda mendesign sebuah halaman website didalam photoshop dan menjadikannya website (slicing), atau dengan memprintscreen halaman website apa saja dan buat html nya (cloning). Lakukan terus sampai anda benar-benar tidak membutuhkan refferensi apapun dalam pengerjaannya.

Apabila anda sudah yakin dengan kemampuan markup anda, anda dapat memulai mencari project-project slicing atau cloning (sambil belajar sambil mencari dollar :P ). (#reff 7)

Tapi ingat jangan melihat besarnya yang didapat dulu, niatkan saja untuk mengasah keahlian kita.

Setelah itu anda sudah dapat mencoba untuk membuat template-template cms seperti wordpress, joomla dll.

Pada tahapan ini anda sudah dapat mencari recehan dollar, tapi tetep jangan melihat besarnya imbalan. meskipun berdasarkan pengalaman saya, setiap malam pada tahun 2007-2008 saya mendapatkan minimal 1 project untuk pengerjaan slicing PSD ke wordpress/html dengan besar imbalan minimal $30 tergantung dari bid. Tapi kita harus kuat begadang hehe …

Selesai bahasan tentang basic, bersambung ke part II :)

refferensi indexed:
#reff 1 : http://id.wikipedia.org/wiki/HyperText_markup_language
#reff 2 : http://id.wikipedia.org/wiki/XHTML
#reff 3 : http://www.w3schools.com/html/html_getstarted.asp
#reff 4 : http://www.w3schools.com/html/html_layout.asp#table1
#reff 5 : http://id.wikipedia.org/wiki/CSS
#reff 6 : http://www.w3schools.com/css/css_syntax.asp
#reff 7 : http://www.freelancer.com/jobs/HTML.1/