本節簡介：學習切片與切片的相關命令；案例制作：裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
給做好的網頁設計圖片切片時，片狀純色背景的切片方式是切1個像素的色塊即可。
切片時要考慮后面Dreamweaver編輯的功能效果，如導航是加熱點，可以把整個導航切成一片，如果要做翻轉特效，需要分開切，再加css。效果圖中空白部分可以不切進去，DW編輯時留白即可，這樣減少占用空間。
切片時先拉參考線，然后可以右鍵切片編輯，然后給每個切片命名，或者直接給出url鏈接地址，另外導出時可以直接導出gif格式，還有切片時可以選擇視圖，對齊到參考線用切片選擇工具點擊，刪掉不要的切片，還可以切片選擇工具-右擊-切片選項-給每個切片命名（英文名）。純色圓角矩形背景，分左中右切片，左右圓角，中間切1像素平鋪即可。
切片時先拉參考線，然后可以右鍵切片編輯，然后給每個切片命名，或者直接給出url鏈接地址，另外導出時可以直接導出gif格式，還有切片時可以選擇視圖，對齊到參考線
用切片選擇工具點擊，刪掉不要的切片，還可以切片選擇工具-右擊-切片選項-給每個切片命名（英文名）。純色圓角矩形背景，分左中右切片，左右圓角，中間切1像素平鋪即可。
切片時要考慮后面Dreamweaver編輯的功能效果，如導航是加熱點，可以把整個導航切成一片，如果要做翻轉特效，需要分開切，再加css。效果圖中空白部分可以不切進去，DW編輯時留白即可，這樣減少占用空間。
上左中右，一般是門戶網站、大型企業、商務、政府網站使用結構。左中為欄目及內容、小廣告區、右側為登陸、搜索區，這種結構信息量大，處理不好會造成雜亂，框架結構、顏色調整，顏色清爽，如底色為白。 綜合結構：同一頁面使用幾種結構綜合或主頁簡單結構（如上下）二級頁面使用復雜結構。不規則結構：信息量少，一張形象廣告圖片，更多用于個人網站，彰顯個性。
上下結構（導航+大海報或flash)一般用在企業網站首頁，記住大圖片尺寸的適應顯示器尺寸，不然會出現滑塊，特別是導航條在下面時。 左右結構要注意主次對比，通常左邊窄，放導航，符合閱讀習慣——重要位置是左邊和上邊（logo通常放在左上角，導航通常放在左邊或上邊） 。上左右結構：上方導航和海報，左導航，右產品信息。
視圖—對齊到參考線
切片選擇工具-切片編輯
保存切片是可以選擇只保存選中的切片
命名規則:同一個組使用相同前綴名,子元素加上不同后悔名
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
