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