Cara Membuat Web Profesional dengan Photoshop

Pada Blog kali ini saya akan membahas tentang Cara Membuat Web Profesional dengan Photoshop,
Proses pengembangan diawali dengan pembuatan layout halaman menggunakan Adobe
Photoshop
, kemudian diolah dalam Macromedia Dreamweaver untuk menambahkan isi
(content) dan sedikit tambahan menu pop up (pull down) menggunakan Javascript.

Untuk studi kasus, pertama kali kita akan mencoba membuat situs pribadi. Dalam hal pemilihan
warna, terserah para pembaca. Saya sebagai penulis hanya memberikan teknik membuat bentuk
layout halaman website profesional.

4.1.SITUS PRIBADI













Gambar 4.1.1. Bentuk Layout yang akan disempurnakan
Dengan melihat bentuk layout tersebut di atas, akan lebih mudah proses pengembangannya
dalam Adobe Photoshop. Sebelum membuat dokumen baru, kita harus mengetahui bahwa tidak

semua resolusi monitor pengguna sama dengan yang kita miliki. Sebagai contoh, resolusi
monitor kita menggunakan ukuran 1024 x 768 pixel sedangkan pengguna (user) hanya memiliki
resolusi 800 x 600 pixel. Apabila Anda membuat ukuran dokumen 900 x 600 pixel maka
menimbulkan ketidaknyamanan pengunjung karena harus sering menggulung halaman website
akibat ukuran dokumen terlalu lebar. Sebaiknya lebar tidak melebihi 800 pixel.
4.2.1.Membuat Dokumen Baru
Diasumsikan Anda menggunakan Adobe Photoshop CS maupun CS2.
Adobe Photoshop kemudian ikuti beberapa petunjuk berikut ini.
Jalankan program

  1. Buatlah dokumen baru dengan ukuran 800 x 600 pixel. Mode warna RGB, resolusinya 72pixel, mode warna RGB 8 bit dan latar belakang white. Beri nama dokumen baru tersebut
    (misal: Situs Pribadi), setelah selesai klik OK.











2.     Untuk mempermudah proses pembuatan interface situs, ada baiknya memasukkan gambarbentuk layout ke                        dalam   dokumen Adobe Photoshop. Anda dapat menduplikasi (copy danpaste) ke dalam dokumen tersebut.











Mungkin kalau dijelasin semua tidak cukup space yang ada,,,maka untuk lebih lengkapnya Download Disini

Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...
Previous
Next Post »

2 comments

Write comments
September 3, 2010 at 12:33 AM delete

Mantap Postingannnya...? Salam Kenal By : Junior Blogger,,,LinkBacknya Ya...!

Reply
avatar
February 16, 2011 at 2:12 PM delete

ane coba dulu gan
thanks ya udah share

Reply
avatar

Tuliskan Saran & Kritik Anda.... ConversionConversion EmoticonEmoticon