本節簡介:學習網頁制作的流程,案例制作:在DW中制作網上商城二級頁面草圖。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
在dreamwear中進行塊的劃分之前,先要在ps里面進行切片的處理。
在dreamwear中制作網頁時,對網頁的布局有準確的分析。再對塊的劃分的時候才不會出錯。
div、js實現浮動條,下拉菜單,滾動條,文本框的提示功能
網頁布局模式要統一,兩種方法:左右兩邊插入BOX,二,整個外面加一個大的BOX
導入圖片時,如果有文字,先導入圖片再把文字部分去掉
左邊導航區 可作成一個CSS,導航+廣告區,左對齊,上左右,右邊分類產品區BOX04,左浮動
插入布局對像DIV標簽,插入BOX分布區,確定 數量 ,修改名稱,根據切片大小確定盒子像素大小尺寸
定義整個BODY樣式表,CSS樣式,代碼作精簡,數值為0可刪掉
新建HTML網頁,新建站點 高級設置里面設置圖像的位置
DW:新建站點高級設置圖像,另存為index.html格式
頁面不居中的解決方法,在整個頁面設置一個大的box,再將頁面做居中設置,按F12預覽效果