Part - 2 Slicing in Image Ready
Pindah / jump ke adobe image ready, ato slicing bisa dilakukan langsung di adobe sotoshop, sesuai selera yang biasa lu pake
Untuk diketahui, web 2.0 memiliki ciri less table dan gambar. Jadi disini kita akan belajar memilih objek slice yang akan digunakan saja pada saat perancangan layout web 2.0 na, jadi ga musti semua bagian gambar lu slice…
Bagian yang perlu di slice:
1. Top Header Background
2. Top Body Image
3. Icon Area
4. Footer Backrgound
sedangkan untuk menu dan field form bisa diganti dengan tanpa menggunakan gambar di Macromedia Dreamweaver, sebagai tool editor yang biasa gw pake dalam membwat layout editing website.
Pertama hidden dolo menu di atas na, ambil slice tool 
slice lah pada bagian top header, pertama tarik lebar dengan bebas, kemudian ubah ukuran lebarna menjadi 1 px, ni untuk background top header nanti yang akan di repeat berulang2 oleh CSS na.
lakukan hal yang sama bwat ngambil background footer na.
slice juga area icon na…perbesar dengan zooming tool 
kalo kurang jelas
untuk gambar top body slice semua aja
kalo lu ngerasa semua kperluan gambar dah cukup sesuai dengan yang ada di imajinasi lu, optimize aja gambar2 slice na gw pake preset PNG-24
lanjot ke menu File > Save Optimize As
Part-1 | Part-2 | Part-3 | Part-4
© Copyright 2008 www.dremi.info
Original Post: Web 2.0 Layout With CSS Part-2 Category: Web Layout
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!
July 24th, 2008 di 2:53 pm
artikel anda ada di:
http://web-2-0.infogue.com/web_2_0_layout_with_css_part_2
anda bisa promosikan artikel anda di infogue.com yang akan berguna untuk semua pembaca. Telah tersedia plugin/ widget vote & kirim berita yang ter-integrasi dengan sekali instalasi mudah bagi pengguna. Salam!