本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
切片時可以選擇到視圖對齊參考線,用切片選擇工具點擊刪除掉不需要的切片。純色圓角矩形背景,分左中右切片,左右圓角,中間切1像素平鋪即可。
給做好的網頁做切片是,片狀純色背景切片的方式:切一個像素的色塊即可
切片時可以選擇到視圖對齊參考線,用切片選擇工具點擊刪除掉不需要的切片。純色圓角矩形背景,分左中右切片,左右圓角,中間切1像素平鋪即可。
切片時可以選擇到視圖對齊參考線,用切片選擇工具點擊刪除掉不需要的切片。純色圓角矩形背景,分左中右切片,左右圓角,中間切1像素平鋪即可。
效果圖中空白地方可以不切,在DW中留白處理即可。減少占用空間。當導航圖標要做翻轉特效時,要分開切片。
切片:有助于提高網頁打開速度,切片工具有利于處理各類型的數據圖像
切片時要考慮后面Dreamweaver編輯的功能效果,如導航是加熱點,可以把整個導航切成一片,如果要做翻轉特效,需要分開切,再加css。效果圖中空白部分可以不切進去,DW編輯時留白即可,這樣減少占用空間。
切片時先拉參考線,然后可以右鍵切片編輯,然后給每個切片命名,或者直接給出url鏈接地址,另外導出時可以直接導出gif格式,還有切片時可以選擇視圖,對齊到參考線用切片選擇工具點擊,刪掉不要的切片,還可以切片選擇工具-右擊-切片選項-給每個切片命名(英文名)。純色圓角矩形背景,分左中右切片,左右圓角,中間切1像素平鋪即可。
切片工具:把頁面切成若干圖像文件,每個部分可以進行屬性的設置 存儲:存儲為WEB格式(所有切片 默認設置或者HTML) 空白區域可以不做處理 有的文字可以先隱藏 中間一整塊色塊可以只切出一個像素 切片完成后可以依次設置切片的屬性 先確定切片的整體風格策略
保存:文件-存儲為web所用格式,單獨保存其中一個圖像
PS:將各個部分進行切片,在Dream中增加鏈接,切片裁切用標尺參考
切片:提高網頁打開速度,切片工具有利于處理各類型的數據圖像
切片編輯可以用切片選擇工具,切片選擇工具里邊可以讓圖片鏈接網址