本節簡介：學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
--依次定義下面的盒子-浮動位置的調整-- f12預覽效果--
--定義div塊（逐個定義盒子的內容）-依次給盒子加css樣式(選擇器類型為ID)-設置方框（輸入像素尺寸等）--
--div布局：-插入-布局對象-DIV標簽-給div命名(id)-逐個定位（根據塊的個數復制代碼，最后修改盒子名稱）--
選擇器類型（選擇標簽）-|類型（宋體，18號，）-|方框（設置居中對齊：上下為0，左右自動--確定）
保存完切片--打開DW--新建html文件--新建站點--給站點指定圖像文件夾--保存--定義css樣式表（新建css規則）--選擇標簽--
網頁制作流程------后臺處理：1.利用CSS美化頁面效果 2.用JS
bic商務網站，底部頁腳友情鏈接；1.網站分析，2.ps實現布局，3.fiash制作動畫；4.css美化頁面，5.js實現頁面特效，6.數據庫寫入，7.發布站點！
用ps實現頁面布局，再用ps、flash實現網站頁面效果、用ps進行頁面切片處理、使用dw-css+div布局網頁
網頁制作流程-后臺處理：利用CSS美化頁面效果-用JS實現頁面特效-系統功能分析-數據庫設計實現頁面功能-發布站點
網頁制作美工流程-網站分析-用PS實現頁面布局-用PS、flash等軟件實現網站頁面效果-用PS來進行頁面切片處理-使用dw-css+div布局頁面
網頁美工制作流程：1、網站分析；2、使用ps實現頁面布局；3、利用ps、flash實現頁面效果；4、利用ps進行頁面切片處理；5、使用dw、css布局網頁
用css美化頁面效果（比如超鏈接、特效）、數據庫設計實現頁面功能、發布站點
用ps實現頁面布局，再用ps、flash實現網站頁面效果、用ps進行頁面切片處理、使用dw-css+div布局網頁
網頁制作流程 ：頁眉 （導航、logo）頁腳（版權 法律 友情鏈接）中間部分（商品正文 分類列表 促銷活動）
網絡制作流程，1對網站進行整體的分析,2用PS實現頁面布局，3.用PS/Flash等軟件實現網站頁面效果4用PS來進行頁面切片處理5使用DW-CSS+DIV布局頁面，后臺處理1利用CSS梅花頁面效果2用JS實現頁面特效3系統功能分析4數據庫實現頁面功能5發布站點
要點：1.網站制作流程：10步 2.局部設置css
流程 網站分析 用PS實現頁面布局 用PS、Flash等軟件實現網站頁面效果 用PS來進行切頁面切片處理 使用DW-CSS+DIV布局網頁
網頁制作流程（后臺處理）：利用CSS美化頁面效果、用JS實現頁面特效、系統功能分析、數據庫設計實現頁面功能、發布站點、
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
