本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網站分析 ps實現頁面布局 ps等實現網站頁面效果 ps進行頁面切片 用DW——css+DIV制作
工作流程 分析網站 ps實現頁面布局 ps\flash 實現網站頁面效果 ps切片處理 dw-css+div布局網頁
美工:網站分析→PS布局→PS效果制作→PS切片→DW布局 后臺處理:CSS美化頁面→JS實現特效→系統功能分析→數據庫實現頁面功能-發布站點
不刪除區域標題,導入的圖片才可以在正確的位置,圖片導入放置好后可刪除文字
網頁制作流程——后臺處理:1.利用css美化頁面效果2.用JS實現頁面特效3.系統功能分析4.數據庫設計實現頁面功能5.發布站點
網頁制作流程——美工部分:1.網站分析,2.用ps實現頁面布局,3.用ps、flash等軟件實現網站頁面效果,4.用ps來進行頁面切片處理,5.使用DW-CSS+DIV布局網頁
網站分析、PS完成布局、PS Flash頁面效果、切片、代碼!
網頁制作流程:(1)美工部分 A、網站分析 B、用PS實現頁面布局 C、用PS、Flash等軟件網站頁面效果 D、用PS來進行頁面切片處理 E、使用DE--CSS+DIV布局頁面
后臺處理:1利用CSS美化頁面效果 2 用JS實現頁面特效 3系統功能分析 4數據庫設計實現頁面功能 5發布站點
網頁美工部分:1.網站分析- PS網頁布局-網頁效果(PS,FLASH)-PS切片處理-網頁布局(DW,CSS+DIV)
JS:浮動廣告欄效果,滾動新聞條,下拉菜單,問候語顯示
CSS:超鏈接效果,文字效果,鼠標滑塊效果,多文字排版,圖文混合效果
大型網站分析:(結構簡單,信息量大)logo,導航區,產品信息,分類信息多,商業促銷,友情鏈接,版權
后臺處理:1利用CSS美化頁面效果,2用JS實現頁面特效,3系統功能分析,4數據庫設計實現頁面功能,5發布站點
網頁制作流程:1網站分析,2用PS網頁布局,3用PS,Flash等軟件實現網站頁面效果,4用PS來進行頁面切片出來,5使用dw-css+div布局網頁