本節簡介：一個完整的網站制作流程通常會包括：設計稿、切圖素材、構建布局搭建DIV、搭建CSS和JS效果等步驟，課程中會以實例的形式進行演示講解。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網站制作總體流程：1，設計師通過ps設計頁面的效果2，通過切圖得到素材（網頁大?。ㄇ腥サ膱D片不易過大）3，建立html文檔，搭建div，4，搭建css和js效果，5測試網站
工作區可以保存什么內容？可以保存文檔窗口，打開面板，面板大小，面板在屏幕上的位置
工作區可以保存什么內容？（ABCD)A:文檔窗口。B：打開面板。C：面板大小。D面板在屏幕上位置。
網站制作總體流程：（1）設計稿 （2）切圖，得到素材 （3）構建布局，搭建DIV （4）搭建CSS和JS效果 （5）測試網頁
切好切片后 點擊文件-存儲為web所用格式 -存儲 在切片位置選擇：所有用戶切片。
Dreamweaver 框架只能是矩形的所以在 PS中 只能做矩形的切片
制作網頁中，盡量圖片越少越好，圖片太多會導致網頁加載速度慢，甚至網頁無法打開
網站制作總體流程：1設計稿；2切圖，得到素材；3構建布局，搭建DIV;4搭建CSS和JS效果；5測試網站
網站制作總體流程：1設計稿；2切圖，得到素材；3構建布局，搭建DIV;4搭建CSS和JS效果；5測試網站
網站制作總體流程：1設計稿；2切圖，得到素材；3搭建CSS和JS效果；4測試網站
1個像素平鋪；切片是方形或矩形；大體切片，再細致分；切片就是DW中DIV表格布局；內容區不用切，設計白色背景，再添加文字 ；貫穿圖片，直接儲存站點圖片；
打開dw ①文件-新建-HTML文件 ② 插入-DIV 確定 根據在PS中設計好的板式先建立好DIV 然后加效果
切好切片后 點擊文件-存儲為web所用格式 -存儲 在切片位置選擇：所有用戶切片。
首先在PS中設計好頁面背景的整體效果，存成圖片格式用切片切取上面的一個方形橫欄，橫欄下面是一小條的長方形，如果是條紋的形式，即只要切取條形紋中的一個單位即可，白色背景、圖片文字部分不需要切片。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
