本節簡介：學習切片與切片的相關命令；案例制作：裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
需要切片的區域-logo-搜索-下載-廣告-導航-標題欄-小廣告-產品（小的產品本身有圖片就直接用），完成后選擇文件-儲存為Web格式（gif格式，設置：默認設置，切片：所有切片）
切片：1、用參考線對頁面區域進行劃分。2、點擊切片工具進行切片。
切片處理的時候，右鍵選項命名，找的時候可以更快的找到，如果是單個的切片，儲存切片時選選中的切片。
1-范圍大的區域做一個切片2-同色系的區域做切片3-位置相連相近的切片（前綴名01.02.03...）方便找4-找屬性均勻的做切片5-如果是漸變效果就用1個效果色塊做切片較好
需要切片的區域-logo-搜索-下載-廣告-導航-標題欄-小廣告-產品（小的產品本身有圖片就直接用），完成后選擇文件-儲存為Web格式（gif格式，設置：默認設置）
需要切片的區域-logo-搜索-下載-廣告-導航-標題欄-小廣告-產品（小的產品本身有圖片就直接用），完成后選擇文件-儲存為Web格式（gif格式，設置：默認設置）
切片處理的時候，右鍵選項命名，找的時候可以更快的找到，如果是單個的切片，儲存切片時選選中的切片。
1-范圍大的區域做一個切片2-同色系的區域做切片3-位置相連相近的切片（前綴名01.02.03...）方便找4-找屬性均勻的做切片5-如果是漸變效果就用1個效果色塊做切片較好
在做切片之前必須想到為什么這樣切，對于頁面制作會產生怎么樣的便捷：把頁面看成一個或者2-3個大的表格，再詳細考慮到每一個表格中間，該怎么切
切片制作完成后選擇文件-儲存為Web格式（gif格式，設置：默認設置，切片-所有切片）當需要修改某一切片的時候，現在PS中刪除原切選，在從新做，保存的時候，更改文件名為新切片名稱的拼音，切片-所選切片
確保制作切片的中間不留小的縫隙，避免產生不必要的自動切片，保證圖像優化處理為html表格之后在DW這樣的網頁環境中能靈活的編輯和修改
1.PS切片工具：切片工具便于優化圖像，提高整個頁面的下載速度，也可以處理數據圖像；切片完成后保存為web文件輸出到DW中處理；每個切片都是單獨的圖像，可以設置各自的屬性；切片布局要注意，確保切片中間不留縫隙；大范圍切片時是同屬性的（廣告條歸廣告，導航條歸導航單做1個切片，同色系，前輟名同樣是產品做一樣的）。屬性漸變的區域適合做1個像素的切片，在dr了里面做背景效果。切片要有思想，有布局。確保切片不留縫隙。
切片工具便于優化圖像，提高整個頁面的下載速度，也可以處理數據圖像
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
