本節簡介：一個完整的網站制作流程通常會包括：設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟，課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
創建html-插入div-設置文字加載圖片-添加css；div可以套用也可以并列；div中可以鑲嵌表格；設置文字加載圖片
ps設計稿-切圖工具進行布局切圖得到素材（與div搭建緊密相關）-搭建div-將圖片、文字、表單放入-css
動態效果需要通過實時視圖查看；f12查看頁面效果；多種瀏覽器測試
創建html-插入div-設置文字加載圖片-添加css；div可以套用也可以并列；div中可以鑲嵌表格；設置文字加載圖片
只保留需要保存到圖片文件夾的切片；導出切片——所有用戶切片，只導出藍色切片；將所有需要的圖片放到images文件夾中
首先用切片工具切圖，切片的組成就是div的整體結構布局；貫穿不同框架的原素要單獨導出到圖片文件夾；重復圖案的背景只切背景圖案；不需要的切片刪除掉
編輯-快捷鍵可自定義快捷鍵，查看工具欄-文檔和標準兩種形式
2.網站制作總體流程：設計稿--切圖，得到素材--構建布局，搭建DIV--搭建CSS和JS效果
1.工作區可以保存文檔窗口、打開的面板、面板大小、面板在屏幕上的位置
設計稿 切圖，得到素材 構建布局，塔建DIV 搭建CSS和JS效果 測試網頁
有規律變化的背景切片可以切一個變化單位，使用時平鋪；背景比圖片穩定
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
