本節簡介：學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
1 2 3 步驟是網頁美工所必須的 4 5 盡量掌握
美工的后臺處理1：利用CSS美化頁面效果 2：用JS實現頁面特效 3：系統功能分析 4：數據庫設計實現頁面功能 5：發布站點
網頁設計的美工部分：1：網站分析 2：用ps實現頁面布局 3：用ps、flash等軟件實現網站頁面效果 4：用PS來進行頁面切片處理 5：使用DW—css+div布局頁面
在ps中如果需要查看尺寸以像素為單位，點擊上方的標尺，選擇像素就可以了！
利用CSS美化頁面效果、用JS實現頁面特效 、系統功能分析、數據庫設計實現頁面功能、 發布站點
1網站分析2用PS實現頁面布局3用ps、flash等軟件實現網站頁面效果 4用ps來進行頁面切片處理 5使用DW-CSS+DIV布局網頁
1、在ps中如果需要查看尺寸以像素為單位，點擊上方的標尺，選擇像素就可以了！
后臺處理：CSS美化頁面——js實現頁面特效——系統功能分析——數據庫設計實現頁面功能——發布站點
網站分析——PS實現網頁布局——用PS、flash等軟件實現網站頁面效果——PS切片——dw、css、div布局網頁
頁面不居中的解決方法，在整個頁面設置一個大的box,再將頁面做居中設置，按F12預覽效果
導航區靠左邊，設置它的浮動（float）為left，點擊確定，導航區就浮動在布局的左側，接下來的分類產品區的浮動也要設置為left，這個效果就是沿著導航區往后排列的浮動效果，點擊確定
3 對每一個div進行設置，對每一個盒子新建CSS規則，選擇器類型為ID，在方框區域設置每個盒子的尺寸，設置居中對齊
1 確定body的樣式類型，新建CSS規則，選擇器類型為標簽，點擊確定，在類型中設置字體、字號，其他不用管，之后在方框區域設置整個頁面的居中對齊，即Margin上下設置為0，左右設置為自動，點擊確定 2 創建完站點之后，對頁面進行DIV的布局，即插入-布局對象-DIV標簽，每一個布局都是一塊一塊的盒子，給每一塊盒子命名，點擊確定，在代碼中復制多個DIV
打開DW，選擇HTML格式，新建一個HTML文檔，完成后，新建一個站點，給站點命名，高級設置里設置站點里的圖像，給圖像指定一個文件夾，然后把剛剛新建的文件也存儲到站點下，在新的站點里面可以使用一個CSS的內部樣式表，如果是定義整個網站，那么就可以使用外部的樣式表，這樣每個頁面都可以加載樣式表，會方便很多，
后臺數據處理：利用CSS美化頁面效果，用JS實現頁面特效，系統功能分析，數據庫設計實現頁面功能，發布站點
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
