本節簡介：學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁制作流程-后臺處理1.利用CSS美化頁面效果2.用JS實現頁面特效3.系統功能分析4.數據庫設計實現頁面功能5.發布站點
網頁制作流程-美工部分1.網站分析2.用PS實現頁面布局3.用Ps、Flash等軟件實現網站頁面效果4.用Ps來進行切片處理5.使用DW-CSS+DIV布局網頁
網站美工制作流程是：1、網站分析 2、用ps實現頁面布局 3、用ps、flash等軟件實現網站頁面效果 4、用ps來進行切頁面切片處理 5、使用 DW_CSS+DIV布局網頁
DW_ADOBE'DREAMWEAVER'CSS_HTML
（二）后臺處理：利用CSS美化頁面效果；用JS實現頁面特效；系統功能分析；數據庫設計實現頁面功能；發布站點。
網頁制作流程：{美工部分}網站分析；用PS實現頁面布局；用PS、Flash等軟件實現網頁頁面效果；用PS來進行頁面切片處理；使用DW—CSS+DIV布局網頁
網頁制作流程（一）.美工部分：1，網站分析 2，用PS實現頁面布局。3，用PS，Flash等軟件實現網站頁面效果。4，用PS進行頁面切片處理。5，使用DW-CSS+DIV布局網頁。（二）后臺處理：1，利用CSS美化頁面效果，2，用JS實現頁面特效。3，系統功能分析。4，數據庫設計實現頁面功能，5，發布站點。
網頁制作流程（一）.美工部分：1，網站分析 2，用PS實現頁面布局。3，用PS，Flash等軟件實現網站頁面效果。4，用PS進行頁面切片處理。5，使用DW-CSS+DIV布局網頁。（二）后臺處理：1，利用CSS美化頁面效果，2，用JS實現頁面特效。3，系統功能分析。4，數據庫設計實現頁面功能，5，發布站點。
建立DIV 框架 7個 在DIV上加CSS 定義 大小
Dw：1，選擇HTML格式；2新建站點，包括圖像文件夾位置和保存網頁；3設置定義“body”的屬性，包括{1類型：標簽；2字體，方框（居中對齊：T~0，B~0，R,L~auto,即自動）}；4，頁面布局：插入—布局對象—Div標簽（D）
1，網站分析；2，ps頁面布局；3ps、Flash等軟件實現網站頁面效果；4ps切片；5，Dw布局網頁
網站制作流程 1:對網站功能設計進行整體分析2:在用PS等軟件進行網頁布局3:用已有的素材在PS,AI,CDR,Flan等軟件上進行制作4:用PS進行切片處理5:使用DW--CSS+DIV進行草圖布局,和美化效果6;利用JS等實現頁面特效7:系統功能分析8;數據庫設計來實現頁面功能9:最后檢查一遍沒有問題再進行站點發布
1.網站分析 2.用ps實現頁面布局 3.用psflash等軟件實現網站頁面效果 4.用ps切片處理 5.用dw-css+div布局頁面
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
