本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
1.body 2.div box分為幾大塊設置box序列號命名3.設置box長高(根據設計的圖像的大小來設置)4.box左浮動是相互挨著的向左對齊的
進入dw新建一個站點、存儲圖像的位置文件夾用英文、新建的網頁保存在站點下面
ps切片布局模塊的劃分:1.對其參考線2.劃分整體(主要的為了便于進入dw好處理)3.導出僅圖像
后臺處理:1.利用css美化頁面效果、2.用js實現頁面特效3.系統功能分析4.數據庫設計實現頁面功能5.發布站點
網頁美工部分:1.網站進行分析(結構需要簡單清晰、商業促銷手段) 2.ps實現網頁頁面的布局(對功能區進行布局)布局(標題欄、導航區、廣告搜索區、產品分類區、廣告區、新品區、特供區、功能推薦 、廣告區、推薦、暢銷區、友情鏈接、廣告區、人氣產品區、廣告區、服務售后區、版權區3.用ps、flash等軟件實現網站頁面效果4.用ps來進行頁面切片處理5.使用dw-css+div布局網頁
網頁總長1003,網站分析 ps布局和實現效果和切片,使用DW-CSS+DIV布局網頁。
網站制作流程1:對網站功能設計進行整體分析2:在用PS等軟件進行網頁布局3:用已有的素材在PS,AI,CDR,Flan等軟件上進行制作4:用PS進行切片處理5:使用DW--CSS+DIV進行草圖布局,和美化效果6;利用JS等實現頁面特效7:系統功能分析8;數據庫設計來實現頁面功能9:檢查一遍沒有問題再進行站點發布
網站分析 ps布局和實現效果和切片,使用DW-CSS+DIV布局網頁
網站制作流程1:對網站功能設計進行整體分析2:在用PS等軟件進行網頁布局3:用已有的素材在PS,AI,CDR,Flan等軟件上進行制作4:用PS進行切片處理5:使用DW--CSS+DIV進行草圖布局,和美化效果6;利用JS等實現頁面特效7:系統功能分析8;數據庫設計來實現頁面功能9:檢查一遍沒有問題再進行站點發布
居中。在整個頁面的外面加一個大的div框架,再做居中效果。
網頁制作流程。美工部分-1.網站分析;2.用PS實現頁面布局;3.用PS,Flash等軟件實現網站頁面效果;4.用PS來進行頁面切片處理;5.使用DW--CSS+DIV布局網頁;后臺處理-1.利用CSS美化頁面效果;2.用JS實現頁面特效;3.系統功能分析;4.數據庫設計實現頁面功能;5.發布站點。