本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
替換文本是當圖片無法顯示的時候,把那個“差號”換成打入的替換文本
網頁制作流程:美工部分——網站分析、ps劃分區域布局、ps flash等頁面效果圖、ps切片、DW div+css布局 。后臺處理——css美化、js特效、系統功能分析、數據庫設計實現頁面功能(如購物車、商品列表)、檢測沒問題后發布站點。
代碼都是兩兩相對的,所以在添加或復制代碼是要添加完整;另外在做網頁設計的時候,如果頁面出現未居中對齊的效果時,可以在這個網頁頁面的外面添加一個大的頁面box;然后將作成的網頁做一個居中處理就可以了。
網頁制作流程:美工部分——網站分析、ps劃分區域布局、ps flash等頁面效果圖、ps切片、DW div+css布局 。后臺處理——css美化、js特效、系統功能分析、數據庫設計實現頁面功能(如購物車、商品列表)、檢測沒問題后發布站點。
dw導入圖片時,如有文字,先不刪除文字,先導入圖片再刪除文字以防錯位
替換文本是當圖片無法顯示的時候,把那個“差號”換成打入的替換文本
不做左浮動(方框-float-選left)會在右方,而不是在下方,左浮動才會規整。注意上下左右的長度要對齊
網頁制作流程——美工部分 網站分析——用PS實現頁面布局——用PS、Flash等軟件實現網站頁面效果——用PS來進行網頁切片處理——使用DW—CSS+DIV布局頁面
用DW布局好后,導入圖片之后再刪除文字,以免產生錯位
后臺數據處理:利用CSS美化頁面效果,用JS實現頁面特效,系統功能分析,數據庫設計實現頁面功能,發布站點
B2C商務網站,商品分類要清晰,頁眉部分包含logo、導航、以及搜索,中間部分放置商品的分類列表以及促銷活動,點擊進入商品詳情的鏈接,最下方,放置版權以及法律說明和友情鏈接等。
網頁制作流程——后臺處理 利用CSS美化頁面效果——用JS實現頁面特效——系統功能分析——數據庫設計實現頁面功能——發布站點
網頁制作流程——美工部分 網站分析——用PS實現頁面布局——用PS、Flash等軟件實現網站頁面效果——用PS來進行網頁切片處理——使用DW—CSS+DIV布局頁面
現在前端喜歡用sublime text,Dreamweaver貌似用著不方便了