本節簡介：一個完整的網站制作流程通常會包括：設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟，課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
1 首先要新建一個HTML的文檔 2插入DIV 按PS中的切圖布局框架
存儲 切片選所有用戶切片，這樣導出的是所有藍色部分的切片，灰色字的不導出
設計稿—切圖，得到素材—構建布局，搭建DIV—搭建CSS和JS效果
網站制作流程：1、使用ps設計頁面效果 2、使用ps切圖得到素材，一色的色彩， 只需要切除一個像素就可以 3、建立html文檔，搭建DIV，構建布局，使用css樣式美化網站 4、測試網站 切圖原則：只能大大小小矩形切片
F12快捷鍵測試頁面，為了測試網頁對各種瀏覽器及顯示器的兼容性，通常還需用專門的軟件來進行測試
設計稿---切圖，得到素材---構建布局，搭建DIV---搭建CSS和JS效果
ps進行切片:1.文字和白色背景不需要2.重復背景只需要截取一小部分后平鋪3.不規則圖片可以導入圖片庫，暫時不用切4.導出時選擇所有用戶切片
切片：單色背景不需要切片。有變化的背景切一個完整的變化單位。圖片不需要切片。
網站制作流程：1，設計稿（PS） 2，切圖，得到素材。 3，構建布局，搭建DIV。 4，搭建CSS和JS效果。 5，測試網頁。
1、切圖得到素材 2、構建布局，搭建DIV 3、搭建CSS和JS效果
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
