本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
切片工具:把頁面切成若干圖像文件,每個部分可以進行屬性的設置 存儲:存儲為WEB格式(所有切片 默認設置或者HTML) 空白區域可以不做處理 有的文字可以先隱藏 中間一整塊色塊可以只切出一個像素 切片完成后可以依次設置切片的屬性 先確定切片的整體風格策略
切片工具:把頁面切成若干圖像文件,每個部分可以進行屬性的設置 存儲:存儲為WEB格式(所有切片 默認設置或者HTML) 空白區域可以不做處理 有的文字可以先隱藏 中間一整塊色塊可以只切出一個像素 切片完成后可以依次設置切片的屬性 先確定切片的整體風格策略
切片工具:把頁面切成若干圖像文件,每個部分可以進行屬性的設置 存儲:存儲為WEB格式(所有切片 默認設置或者HTML) 空白區域可以不做處理 有的文字可以先隱藏 中間一整塊色塊可以只切出一個像素 切片完成后可以依次設置切片的屬性 先確定切片的整體風格策略
切片工具:把頁面切成若干圖像文件,每個部分可以進行屬性的設置 存儲:存儲為WEB格式(所有切片 默認設置或者HTML) 空白區域可以不做處理 有的文字可以先隱藏 中間一整塊色塊可以只切出一個像素 切片完成后可以依次設置切片的屬性 先確定切片的整體風格策略
注意視圖中--對齊到--參考線、圖層、切片,靈活應用。
如果是展示的商品,也可以用切片切完之后,用切片選擇工具,編輯切片選項,加鏈接。
給切好的切片命名:用左側切片選擇工具,右擊,編輯切片選項,修改名稱即可。
給做好的網頁設計圖片切片時,片狀純色背景的切片方式是:切1個像素的色塊即可。
按照功能劃分網頁的區域, 切分為了提高網頁的瀏覽速度。片狀背景的切片方法是,只切出1px的小圖片即可。
切片要精細要精確到像素不要留空白。便于在網絡環境下編輯使用
切片完成后對切片進行命名選擇“切片選擇工具”點右鍵選擇“編輯切片選項”便于在dw中識別切片區域
每一個切片區域都是單獨的圖像都可以可以設計各自的屬性
對網頁切片后點擊文件下的“存儲為web所用格式”將切片格式整體進行輸出,來用于dw的網頁布局i排版中。
對網頁切片有助于網頁的瀏覽速度提升,一整張大的圖片瀏覽速度較慢。