langkah design web

Kamu mungkin udah tahu kalau untuk mempermudah pekerjaan desain web, kita bisa menggunakan software bantuan seperti Dreamweaver, Frontpage atau kalau pengen gratisan bisa pakai KompoZer. Software-software itu biasanya dikenal dengan istilah web authoring software. Namun demikian, untuk membuat desain web yang indah, kamu masih memerlukan alat bantu lain. Yang saya maksudkan adalah software untuk memanipulasi gambar. Ya, Dreamweaver dan kawan-kawannya tidak bisa memanipulasi gambar. Yang saya maksudkan dengan manipulasi gambar di sini adalah mengubah gambar yang akan kita gunakan di web site, seperti mengubah ukuran, memotong, mengubah warna atau bahkan menggabungkan beberapa gambar agar nampak lebih enak dilihat.

Semua itu hanya bisa dilakukan oleh software yang digunakan khusus untuk memanipulasi gambar. Dan tentu saja yang mungkin paling sering kamu denger adalah Adobe Photoshop. Selain Adobe, saya juga pernah beberapa kali menggunakan Macromedia Dreamweaver dan akhir-akhir ini saya mencoba software pengolah gambar open source yang bernama GIMP. Saya coba terapkan di situs ini. Silahkan lihat untuk mengetahui apa yang bisa dilakukan oleh GIMP. Meskipun filternya tidak selengkap Adobe, namun untuk pemula sudah sangat cukup.

Nah, umumnya langkah-langkah yang dilakukan saat saya mendesain sebuah web site adalah seperti ini:
• Membuat gambar desain template web menggunakan GIMP
• Memotong-motong gambar tersebut sesuai areanya (misalnya header, menu, body, footer, dll).
• Menyusun potongan-potongan gambar itu kembali dalam web site menggunakan KompoZer.
• Jika web site saya merupakan web site dinamis, maka langkah berikutnya adalah menyisipkan kode-kode PHP ke dalam web site hasil dari KompoZer.
Kalau halaman web kamu udah beres, kamu bisa melanjutkan dengan langkah-langkah membuat web site di internet.
Ok, mudah-mudahan penjelasan singkat ini bisa bermanfaat minimal memberikan gambaran awal bagaimana sebenarnya proses membuat desain sebuah halaman web secara umum.
Kalau ingin mengetahui lebih detil langkah-langkah desain web tersebut,

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: