Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword or section
Like this
1Activity

Table Of Contents

0 of .
Results for:
No results containing your search query
P. 1
dsain web

dsain web

Ratings: (0)|Views: 23 |Likes:

More info:

Published by: Gustian Nervous Grunge on Aug 18, 2011
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

08/18/2011

pdf

text

original

 
 49
 BAB 4
PROSES PENGEMBANGAN
Pada bagian ini kita akan membahas tentang teknik pengembangansitus sesuai dengan sketsa yang telah dibuat sebelumnya. Prosespengembangan diawali dengan pembuatan layout halamanmenggunakan Adobe Photoshop, kemudian diolah dalamMacromedia Dreamweaver untuk menambahkan isi (content) dansedikit tambahan menu pop up (pull down) menggunakan Javascript.Untuk studi kasus, pertama kali kita akan mencoba membuat situspribadi. Dalam hal pemilihan warna, terserah para pembaca. Sayasebagai penulis hanya memberikan teknik membuat bentuk layouthalaman website profesional.
4.1. SITUS PRIBADI
Gambar 4.1.1. Bentuk Layout yang akan disempurnakan 
 
 50
Dengan melihat bentuk layout tersebut di atas, akan lebih mudahproses pengembangannya dalam Adobe Photoshop. Sebelummembuat dokumen baru, kita harus mengetahui bahwa tidak semuaresolusi monitor pengguna sama dengan yang kita miliki. Sebagaicontoh, resolusi monitor kita menggunakan ukuran 1024 x 768 pixelsedangkan pengguna (user) hanya memiliki resolusi 800 x 600 pixel.Apabila Anda membuat ukuran dokumen 900 x 600 pixel makamenimbulkan ketidaknyamanan pengunjung karena harus seringmenggulung halaman website akibat ukuran dokumen terlalu lebar.Sebaiknya lebar tidak melebihi 800 pixel.
4.1.1. Membuat Dokumen Baru
Diasumsikan Anda menggunakan Adobe Photoshop CS maupunCS2. Jalankan program Adobe Photoshop kemudian ikuti beberapapetunjuk berikut ini.1. Buatlah dokumen baru dengan ukuran 800 x 600 pixel. Modewarna RGB, resolusinya 72 pixel, mode warna RGB 8 bit danlatar belakang white. Beri nama dokumen baru tersebut (misal:Situs Pribadi), setelah selesai klik OK.
Gambar 4.1.1.1. Kotak dialog dokumen baru 
2. Untuk mempermudah proses pembuatan interface situs, adabaiknya memasukkan gambar bentuk layout ke dalam dokumenAdobe Photoshop. Anda dapat menduplikasi (copy dan paste)ke dalam dokumen tersebut.
 
 51
 
Gambar 4.1.1.2. Sketsa yang telah dibuka dengan Photoshop 
3. Klik Set Foreground color untuk memilih warna sebagai latarbelakang.
Gambar 4.1.1.3. Set Foreground color 
4. Setelah kotak dialog Color Picker muncul, masukkan kodewarna
# 0066cc
pada kotak kode.
Gambar 4.1.1.4. Kotak dialog Color Picker 

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->