本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
2、頁面布局。3、用ps/flash等軟件實現網站特效。4、PS切片。5、使用DW——CSS+DIV布局網頁。
美工部分,1.網站分析,它所要達到的功能。頁眉,中間內容,頁腳。
1 網站分析 用實現頁面布局 用ps flash 等軟件實現網站頁面效果 系統功能分析 數據庫設計實現頁面功能 發布站點
網頁製作流程:美工部分和後臺處理。美工部分:網站分析、用PS實現頁面佈局、用PS Flash等軟件實現網站頁面效果、用PS進行切片處理、使用DW-CSS+DIV頁面佈局
這個二級網站下面都設置了左浮動,盒子里面可以再包含盒子。將圖片放到設計里面時,要將圖片放在事先打好的文字中間,這樣圖片放進來就不會跑到其他的地方去。最后將全部的網頁設置為中間,就可以在外面加個大盒子做個居中效果。居中CSS為margin:0px auto
這個二級網站下面都設置了左浮動,盒子里面可以再包含盒子。將圖片放到設計里面時,要將圖片放在事先打好的文字中間,這樣圖片放進來就不會跑到其他的地方去。最后將全部的網頁設置為中間,就可以在外面加個大盒子做個居中效果。居中CSS為margin:0px auto
這個二級網站下面都設置了左浮動,盒子里面可以再包含盒子。將圖片放到設計里面時,要將圖片放在事先打好的文字中間,這樣圖片放進來就不會跑到其他的地方去。最后將全部的網頁設置為中間,就可以在外面加個大盒子做個居中效果。居中CSS為margin:0px auto;
利用CSS美化頁面效果-用JS實現頁面特效-系統功能分析-數據庫設計實現頁面功能-發布站點。
網站分析-用PS實現頁面布局-用PS、Flash等軟件實現網站頁面效果-用PS來進行頁面切片處理-使用DW、CSS+DIV布局網頁。
在這些大盒子建立一個新的div盒子box,然后在CSS樣式表里定義一下居中
替換文本是在圖片無法加載時用于替換圖片顯示在div盒子里的文字
將相應區域的圖片導入div,然后刪除div內的文字說明。
同樣是輸入相應的寬高,做一個左浮動。如果不做浮動,那么,div就會跑到右側,做了左浮動的話,div就可以按照左對齊挨個進行排列
接下來做下面的友情鏈接和地址欄,分兩個div做比較方便,如果用嵌套的話,需要3個div.
同樣做一個左浮動,這個左浮動就是讓它沿著導航的邊緣對齊往后做的一個排列效果。