本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
大范圍切片時是同屬性的(廣告條歸廣告,導航條歸導航單做1個切片,同色系,前輟名同樣是產品做一樣的)。屬性漸變的區域適合做1個像素的切片,在dr了里面做背景效果。切片要有思想,有布局。確保切片不留縫隙。
大范圍切片時是同屬性的(廣告條歸廣告,導航條歸導航單做1個切片,同色系,前輟名同樣是產品做一樣的)。屬性漸變的區域適合做1個像素的切片,在dr了里面做背景效果。切片要有思想,有布局。確保切片不留縫隙。
大范圍切片時是同屬性的(廣告條歸廣告,導航條歸導航單做1個切片,同色系,前輟名同樣是產品做一樣的)。屬性漸變的區域適合做1個像素的切片,在dr了里面做背景效果。切片要有思想,有布局。確保切片不留縫隙。
大范圍切片時是同屬性的(廣告條歸廣告,導航條歸導航單做1個切片,同色系,前輟名同樣是產品做一樣的)。屬性漸變的區域適合做1個像素的切片,比如背景。切片要有思想,有布局。確保切片不留縫隙。
切片工具:參考線劃分區域,隱藏文字,dreamweaver中可以設置文字,裁切時對齊到切片參考線
網頁頁面圖片的大小對瀏覽的速度有影響,同一個屬性的可以作為一個切片,同一個色系的也可以作為一個切片,方便查找,切片是還要注意不要留縫隙,為了方便切片你還可以放大圖片像素到700-800倍
要點:1.切片對齊調整 2.對于純色或漸變色的標題的切片處理
確保制作切片的中間不留小的縫隙,避免產生不必要的自動切片,保證圖像優化處理為html表格之后在DW這樣的網頁環境中能靈活的編輯和修改
確保制作切片的中間不留小的縫隙,避免產生不必要的自動切片,保證圖像優化處理為html表格之后在DW這樣的網頁環境中能靈活的編輯和修改
同屬性下可做大范圍切片(廣告條 導航等) 同色系同理
二級頁面切片工具編輯切片選項工具命名還可設置鏈接dw中本身就帶有一個鏈接效果文件存儲為web默認格式
切片選擇--刪除切片, 切片選項--命名切片(便于找到切片)/ 上方工具欄--基于參考線的切片/一個像素 dream weaver 中填充?/ 儲存為 web格式,【切片--所有切片】【如果修改部分切片,修改后儲存時選擇‘選中的切片’】
切片制作完成后選擇文件-儲存為Web格式(gif格式,設置:默認設置,切片-所有切片)當需要修改某一切片的時候,現在PS中刪除原切選,在從新做,保存的時候,更改文件名為新切片名稱的拼音,切片-所選切片
制作切片時,為了更精確可以把圖像放大到700-800倍(即精確到像素)來切片