Belajar Web Programming

Selain XAMPP dan Text editor, untuk membuat sebuah website adalah editor gambar. Editor gambar sendiri sangat penting, kenapa? Karena sebuah website akan terlihat lebih menarik jika diberi gambar dengan tema yang sesuai dengan website yang akan dibangun. Misal website yang membahas tentang fashion, akan lebih menarik dan meyakinkan jika didalamnya dibubuhi gambar-gambar pakaian. Dengan gambar atau grafik juga akan menunjukan seberapa bonafit perusahaan pemilik website tersebut. Dan untuk membuat sebuah desain gambar yang menarik tentunya dibutuhkan tools atau aplikasi yang menarik juga bukan. 

Dan di sini aplikasi editor gambar yang akan kita pakai adalah Adobe Potoshop, anda tentu pernah melihat atau bahkan menggunakan aplikasi ini bukan. Adobe potoshop sendiri adalah sebuah aplikasi foto editor yang diluncurkan oleh Adobe. Jika anda belum memiliki tools ini, and dapat membelinya langsung dari situs pembuatnya yaitu adobe. Dan jika anda tidak memiliki budget untuk membelinya , saya menyarankan untuk mendowload versi gratisnya namun hanya berlaku 30 hari saja. 

Untuk tools Editor gambar sendiri, saya hanya memberi referensi potoshop karena hanya ini yang saya tahu dan saya bisa. Dan jika anda punya editor gambar lain seperti corel atau yang lainnya, silahkan saja. Namun di sini saya akan lebih banyak menggunakan potoshop untuk editing gambar.

Kenapa saya menggunakan potoshop? Karena potoshop memiliki beberapa keunggulan dan salah satunya adalah kita dapat langsung membuat sebuah template website dengan menggunakan aplikasi ini. Tools yang canggih bukan? Selain itu , potoshop menggunakan sistem multilayer yang memberi banyak keuntungan bagi penggunanya seperti . Gambar asli yang kita miliki tidak akan rusak karena yang kita edit adalah layer yang berbeda. Jikan kita salah edit atau kita tidak ingin menampilkan sebuah editan kita hanya perlu klik gambar mata dan layer itu tidak akan tampil. Selain itu kita juga dapat memindah posisi layer dibawah layer sebelumnya atau setelah layer sesudahnya tinggal drag and drop.

Jadi langsung saja instal potoshopnya di komputer anda dan kita akan segera memulai projek pertama kita. Dan versi potoshop yang saya gunakan adalah Adobe Potoshop CS3.

Selain XAMPP, untuk membuat sebuah website juga diperlukan tools-tools lainnya terutama dalam penulisan koding atau source dari sebuah web itu sendiri. Sebenarnya untuk penulisan source website tidak harus menggunakan tools khusus untuk membuat website, dengan hanya memakai notepad bawaan windows pun anda sudah bisa membuat sebuah website. Namun , untuk pemula yang baru belajar sangat dianjurkan untuk menggunakan tools lain yang diperuntukan khusus untuk membuat sebuah website. Tools tersebut memang dibuat untuk membangun sebuah website jadi sangat mempermudah penggunanya belajar web programming. 

Tools yang ada sebenarnya sangat banyak dan bervariasi, namun dengan tujuan yang sama yaitu untuk membangun sebuah website. Ada tools yang sederhana yang kegunaannya hanya untuk mengedit text dan ada pula tools yang lengkap seperti Dreamweaver. Dan tools yang akan sering kita gunakan adalah Dreamweaver. Anda dapat membeli Dreamweaver di situs resminya atau anda juga dapat mencoba paket trial selama 30 hari.

Dreamweaver adalah sebuah aplikasi khusus yang dirancang untuk membangun sebuah website. Didalamnya terdapat banyak sekali fitur yang bertujuan untuk mempermudah penggunanya. Dengan dreamweaver anda dapat membuat berbagai jenis file pengusung web, seperti html, php, css,js,ajax dan masih banyak lagi. Selain itu dengan dreaweaver anda juga akan lebih mudah melakukan koneksi database, anda hanya cukup melakukan sedikit konfigurasi untuk koneksinya dan setelah jadi anda hanya perlu melakukan tarik dan tempel untuk meletakkan koding yang berhubungan dengan database.

Selain dreamweaver , aplikasi lain yang akan kita pakai adalah notepad plus plus. Sesuai dengan namanya , aplikasi inipun mirip dengan notepad. Namun bedanya ada pada tampilannya, jika anda membuka sebuah file html dengan notepad plus plus maka tulisan yang ditampilkan akan berwarna-warni jadi tampilan koding menjadi lebih menarik dan mempermudah user untuk membut dan meneliti sebuah koding didalam sebuah file.

Sebenarnya masih banyak sekali text editor tools untuk membuat web dengan berbagai macam keunggulan dan fitur. Ada yang gratis dan ada pula yang berbayar. Namun saya sendiri lebih suka menggunakan kedua tools diatas yaitu Notepad ++ dan Adobe Dreamweaver. Selain menggunakan text editor tools , untuk membuat sebuah website kita juga membutuhkan aplikasi untuk mengedit gambar untuk mempercantik web kita dan itu akan kita simak pada artikel berikut ini.

Seperti yang sudah saya katakan pada bagian Pendahuluan, ada beberapa tools yang akan kita gunakan dan salah satunya adalah XAMPP . Untuk yang belum tahu, XAMPP ini adalah tools wajib yang digunakan untuk belajar Web Programming. Walaupun ada beberapa alternatif lain selain XAMPP namun saya sendiri menyarankan XAMPP. Kenapa? karena XAMPP adalah merupakan paket program lengkap yang dibutuhkan oleh seorang Web Programmer karena didalamnya sudah terdapat PHP dan MySQL. Keunggulan lainnya adalah XAMPP ini dapat anda gunakan secara gratis dan legal, jadi anda tidak perlu takut karena tidak akan ada pihak yang menuntut anda karena menggunakan XAMPP di komputer anda. Untuk XAMPP sendiri saya rekomendasikan untuk menggunakan XAMPP 1.71 karena menurut saya lebih simple dan jarang rewel.

1. Untuk mendapatkan XAMPP anda harus memiliki koneksi internet di komputer anda
2. Buka browser komputer dan pergi ke www.apachefriends.org kemudian klik ikon xampp dan anda akan dibawa masuk ke halaman utama xampp, dan disana anda dapat langsung mengambil xampp yang anda butuhkan. Jika tidak anda bisa melalui link ini http://www.filehorse.com/download-xampp/10213/download/ dan anda akan langsung mendapatkan XAMPP 1.7.1
3. Jika anda berniat mengambil dari halaman utama XAMPP pastikan anda mengambil versi XAMPP for Windows jika anda menggunakan windows. Jika anda salah mengambil, maka XAMPP yang anda ambil tidak akan dapat digunakan.

Cara menginstal XAMPP

Jika anda sudah mendapatkan aplikasi XAMPP, sekarang saatnya melakukan penginstalan di komputer anda. Berikut caranya:

Langkah Ke 4 - Opsi terakhir dalam penginstalan XAMPP

1. Buka folder tempat donlot XAMPP tadi
2. Klik 2x pada XAMPP Installer kemudian mulai proses penginstalan, pilih next
3. Setelah itu akan muncul pilihan dan pilihan itu adalah pilihan dimana anda akan menginstal XAMPP itu sendiri. Saya sarankan anda pilih direktori D; untuk penginstalan XAMPP, kenapa? karena saat terjadi sesuatu dengan sistem windows anda misal terjadi kerusakan dan harus diinstal ulang maka projek anda masih ada didalam komputer anda.
4. Setelah memilih dimana anda akan menginstal XAMPP , selanjutnya akan muncul pilihan terakhir dan ini sangat penting , dan harus teliti. Dalam tahap ini pastikan pada Service Section, kolom Install Apache as Service dan Install MySQL as service harus sudah tercentang karenaitu adalah hal pentingnya dan tidak boleh terlewat. Lihat gambar diatas.
5. Kemudian klik tombol install dan tunggu sampai proses penginstalan selesai.
6. Sebelum proses penginstalan benar-benar selesai akan ada notifikasi , pilih saja yes dan proses pengistalan selesai.

Dengan begini proses penginstalan XAMPP telah Selesai.