לפני שנתחיל בחיתוך האתר, נפתח ספרייה חדשה המיועדת לכל הדפים
החתוכים. לספרייה זו נעתיק את כל הקבצים של דפי האתר שעיצבנו.
נקרא לספרייה בשם: Imageready-שם התכנה ששימשה לביצוע תהליך חיתוך הדפים עד גרסת Photoshop Cs2
בתוך ספריית Imageready, נפתח מספר ספריות, כמספר דפי האתר אותו
אנו בונים. בכל ספרייה נמקם את אחד מהקבצים של דפי האתר, כרגע כולם מיוצאים מהפוטושופ בסיומת psd
את הפעולות המפורטות כרגע, נבצע על כל אחד מדפי האתר.
* נפתח את קובץ ה-psd מתוך ספריית Imageready.
* נמקם על המסמך קווי עזר לחיתוך. (Guides)
* בשלב העיצוב דאגנו שכל האלמנטים במסמך יעוצבו ויתאימו לחיתוך בצורת
בצורת טבלה.
* מתוך תפריט Tools נבחר את כלי סכין החיתוך tool Slice.
* ברגע שבחרנו כלי זה, תופיע בתפריט העליון של הכלי האפשרות: Slices from guides.
* נלחץ על האפשרות הזו והדף ייחתך עפ"י סימון קווי העזר שמיקמנו.
* בכדי למקם חלקים/לשנות את החלוקה, נבחר באפשרות השנייה של סכין החיתוך:Slice select tool
לסיום, אחרי שסיימנו את שלב החיתוך, נעבור לשלב השמירה.
נבחר בתפריט הראשי...File--- Save for web&devices
בחלון שייפתח, נדאג לבצע אופטימיזציה ואז נלחץ Save
בשורה: Save as type
נבחר באופציה: Html and Images
הספרייה אליה נבצע שמירה תהיה הספרייה שפתחנו לדף מסוים זה בתוך ספרייתImageready.
אחרי ביצוע פעולת השמירה, נראה כי הדף שלנו נשמר בשמו בסיומת Html
ולצידו באותה ספרייה, נשמרה ספרייה בשם: Images, ובתוכה כל תמונות הדף, לפי החיתוכים שיצרנו.
בתוך ספריית Images, נפתח ספרייה בשם Files. אל תוך ספרייה זו נעתיק את כל הקבצים הנספחים השייכים לאתר כגון: תמונות נוספות, סרטוני פלאש,אנימציות, סרטוני וידאו,תמונות Rollover אם קיימות וכו‘...