#Desain Web Degan Photoshop dan Image Ready# 

1.  Buatlah desain web seperti dibawah ini: 

2.  Tampilkan Ruler (CTRL_R) 3.  Buat garis Bantu seperti dibawah ini degan menarik Ruler Horizontal atau Vertikal 

seperti dibawah ini:

4.  Klik Slice Tool pada tool Box

5.  Potong  Bagian  yang  di  Inginkan  menggunakan  Slice  Tool  (dengan  cara  seleksi bagian yang ingin di potong) 

6.  Klik menu File – Save For Web ­ Save

7.  Pada File Name : index,  Save as Type : HTML and Images, Setting : Default Setting, Slice : All Slice ­ Save 

8.  Klik  Edit in ImageReady (Shift_CTRL_M) pada Tool Boox

9.  Pada  Layer  Palete  Web  Content  untuk  tombol  Home  dengan  URL:index.html, untuk  tombol  Profile  dengan  URL:profile.html,  untuk  tombol  Contact  dengan URL:contact.html, untuk tombol Galery dengan URL:galery.html, 

10.  Klik menu File – Save AS (untuk menyimpan File PSD nya.) 11.  Klik menu File­Save Optimeze As (untuk menyimpan file HTML nya) – Save­ 

Replace

12.  Buatlah halaman Profile, Contact, Galery  dengan cara Save As dan Save Optimeze As, dan isinya tinggal di edit aja 

Note:  untuk mengedit halaman web, buka file PSD nya!!!! (setiap  file   HTML harus memiliki file PSD kalau tidak ada file PSD nya ya…. Ada harus buat baru lagi dech…!!) setelah itu ulangi langkah No. 10 dan 11