本節簡介：學習網頁制作的流程，案例制作：在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁的制作流程（美工部分）：網站分析、用PS實現頁面布局、用PS、FLash等軟件實現網站頁面效果、用PS來進行頁面切片處理、使用DW--CSS+DIV布局網頁、
單獨的網頁不需要使用外部樣式表，除非定義的整個網站
網頁制作流程（后臺處理）：利用CSS美化頁面效果、用JS實現頁面特效、系統功能分析、數據庫設計實現頁面功能、發布站點、
網頁的制作流程（美工部分）：網站分析、用PS實現頁面布局、用PS、FLash等軟件實現網站頁面效果、用PS來進行頁面切片處理、使用DW--CSS+DIV布局網頁、
地下是頁腳；css設計超鏈接，js div形成特效；切掉白邊，制作的時候不需要白邊；1新建文件，后站點【選擇根文件，高級設計圖像的存儲的位置】，存儲文件2用css樣式表【body樣式，上下設計為0，左右自動】3插入div，記得選方寬【id，后復制塊，更名，加sc樣式】4更名【f12看效果】5外面加divbox，形成居中
讓整個頁面居中于瀏覽器1：劃分兩塊div在左右兩邊，把整個頁面撐起來；2.在整個頁面的外面加一個大的div框架，把網頁做居中效果。
屬性欄?點擊，標簽，body，確定。設置頁面的字體，字號等。代碼模式下在body內插入多個div，在設計模式下，分別對每個div進行css樣式定義（點擊屬性?進行定義）。
定義單獨網頁，建立css內部樣式表；如果定義整個網站，則建立外部樣式表。
打開DW，選擇html格式，新建文件index。新建站點，命名（建立images文件用來存儲圖像）。存儲文件index。
1.網站分析2.ps實現頁面布局3.ps/flash 等實現網頁效果4.ps切片5.DW頁面布局
打開DW（新建格式HTML）>新建站點（命名）>高級設置-本地信息（儲存圖像的位置）
切片時，要對其到參考線（視圖>對其到>對其到參考線）最后的劃分是為了在DW里更好的制作模塊的布局，劃分的時候盡量整體些
后臺處理：用CSS做效果 平面（超鏈接效果、文字效果（eg 新聞內容、產品介紹、多文字的排班、圖文混合）、用鼠標滑動提示效果、）>用DW-JS+DIV實現頁面特效>系統分析>用數據庫設計實現頁面的功能（購物車、商品列表）>發布
網頁美工：分析網站>PS整體布局>用PS實現頁面效果> 網頁美工：用PS進行頁面切片處理>在DIV+CSS做一個布局 B2C(商對客) DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。
利用CSS美化頁面用>JS實現頁面特效>系統功能分析>數據庫設計實現頁面>發布站點
LOGO 導航；主題內容：商品列表；版權 法律聲明 友情鏈接
網站分析>PS實現頁面布局>PS、FLASH實現網站頁面效果>PS進行頁面切片處理>DW-CSS+DIV布局網頁
外部樣式表，使用于整個網站，內部樣式，使用于當前頁面所用的樣式。
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
