本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
除了切片命名以外,還可以給切片一個鏈接,這樣的話,當我們在Dreamweaver里面設置切片,再放置圖片的時候切片本身就帶有圖片的鏈接效果
在切片處理完之后,還想要在切片上做處理,可以對想要處理的地方進行切片,多出來的地方點擊切片選擇工具精確調整切片位置。
在切片處理完成后,點擊到切片選擇工具,選擇切片,設置切片的名稱,這樣在把切片生成一個單個的圖片的時候,方便我們找到切片的位置。
給做好的網頁設計圖片切片是,片狀純色背景的切片方式是:切一個像素的色塊即可。
可以把導航進行整體切片,也可以單獨切片,根據實際情況選擇
在視圖工具下選擇對齊到切片和參考線,把對齊到圖層去掉,把需要進行切片的地方進行切片
利用參考線畫出大致的區域后,用切片工具對頁面做切片處理
一些大面積的色塊區域,(中間的地方)可以在左右畫出一像素寬度的地方就可以了,這樣更節省空間
把一些白色區間不做處理,這樣可以節省網頁空間,讓網頁加載的速度更快。
切片選擇工具-編輯切片選項,重命名切片,視圖 選擇對齊到參考線,對齊到切片
效果圖中空白地方可以不切,在DW中留白處理即可。減少占用空間。當導航圖標要做翻轉特效時,要分開切片。