本節簡介：學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
div之間是可以相互疊加的，所以后面的div還是位于原來的位置，所以要讓后面的產品區沿著導航區的邊緣排列，而不是覆蓋在上面
對導航區做一個CSS樣式，因為該導航區在左側，所以要對她進行左浮動的對齊
導航區和廣告區可以合并作為一個box，拉倒同一個位置上，因為在做box的時候，如果上面的寬度不夠的話，下面的廣告區會自動移動到導航區下面來，所以不需要在這個地方做兩個div的盒子
對第二個方框進行CSS定義，按順序更改選擇器名稱，在方框內輸入數據
點擊確定之后，吧方框類的字改為網頁布局中相應區塊的名字
在規則里面的方框欄，輸入測量好的區塊的寬高，居中顯示
將光標放在ｂｏｘ＿１里面，在右側body的屬性欄新建CSS規則。用id的定位盡可以了
接下來對Div標簽添加ＣＳＳ樣式，在PS的頁面布局中對區塊進行測量，右鍵單擊標尺，修改為像素，即可按像素測量，用矩形選框
根據網頁的頁面布局，確定要建立多少個box，在代碼視圖中對代碼進行復制添加，按順序更改id
創建完站點和body的CSS樣式后，對頁面進行Div布局，在插入工具下，布局對象插入Div標簽，ID設置為box_1點擊確定
確定后對代碼做一個精簡，margin:0px auto;
首先定義一個body 的樣式表的類型，新建一個CSS規則，選擇標簽，設置字體宋體，字號18號，之后在方框設置頁面對齊，上下為0，左右為自動。
這樣的話每一個頁面都可以加載樣式表，這樣會方便很多。
2.在新的站點里面使用CSS的一個樣式表，因為現在知只做一個單獨的網頁，所以就不需要 使用Web的樣式表，如果定義的是整個網頁，那么就要使用Web的樣式表。
打開Dreamweaver：選擇Html,新建站點，選擇保存的文件夾，（文件件需要自己找一個地方建立“站點”文件夾），然后在高級設置里面建立一個保存圖片的文件夾“images”,然后保存，保存Html文件到站點文件夾下面。
html格式，新建站點 站點→高級設置→選擇位置，保存JPG
網頁制作流程：1.網站分析 2.ps實現頁面布局 3.ps等實現網站頁面效果 4.ps進行頁面切片 5.用DW——css+DIV制作
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
