Posted by : jody baharizki Thursday, February 9, 2012

pertama kita siapkan desain yang akan menjadi tampilan web kita. di tutorial ini kita hanya belajar bagaimana menjadikan file .psd menjadi .html.
web slice adalah web yang di buat dari slicing photoshop dan selanjutnya menjadi script-script yang dapat di edit di dreamweaver atau notepad++.

misal desain kita seperti ini.

kita buat dulu desain. kemudian pada toolbox di photoshop pilih gambar ini




pilih lah slice tool.
kemudian seleksi beberapa bagian yang akan kita jadikan inputan,button,ataupun link.
seperti contoh:
setelah selesai, kita pilih file > save as for web & device (ctrl+shift+alt+S)
kemudian kita masuk ke tampilan ini:
kemuadian klik save, file akan tersimpan dalam format .html
jalankan pada browser dan lihat hasilnya.
silahkan dieksplor lagi :)

{ 2 comments... read them below or Comment }

  1. mending form nya gak usah di slicing deeh jod, background textbox nya aja sing di slicing. #saran

    ReplyDelete

Psang Iklan?

Psang Iklan?
Klik gambar diatas

Like Us!

Youtube

\
\

Labels

Powered by Blogger.

Total Pageviews

- Copyright © 2016 Jody Baharizki -@jodybaharizki- Powered by Blogger -