本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
切片可用于劃分網頁區域,參考線切片定位更準確。切片之后存儲為-web格式-所有切片。
切片要考慮:功能區域,實現效果。 純色圖案可以用一個像素切片。
切片工具可以將一張大圖切成若干個小圖,每個切片都是單獨的圖像,可以設置各自的屬性。使用切片工具可以提高網站的加載速度、便于優化。
網頁裁切:1.利用參考線劃分區域,切片從左邊拖動2.白色區域不做切片,DW中可以節省空間。3.把不需要的文字隱藏,文字可以DW中生成4.基于參考線(淘寶的詳情頁可以這樣操作)
切片時,編輯切片URL,DW插入圖片,即可自帶鏈接。
給切線命名,選擇“切片選擇工具”,選中切片區域,右鍵--編輯切片選項,修改名字,還可以添加URL,帶有鏈接效果。
做好參考線,然后選擇“切片”工具,這是點擊“基于參考線的切片”,就會自動切片。
運用切片工具將網頁中的畫面、文字,分割成為各個單獨的圖像,從而優化圖像,提高下載頁面速度。
切片工具可以將一張大圖切成若干個小圖,可以提高網站的加載速度、便于優化。 切片要考慮:功能區域,實現效果。 純色圖案可以用一個像素切片;片狀純色背景的切片方式是切1個像素的色塊即可;URL可以給圖片一個鏈接的效果,網址;切片可用于劃分網頁區域,參考線切片定位更準確;切片之后存儲為web格式--所有切片。
切片工具可以將一張大圖切成若干個小圖,可以提高網站的加載速度、便于優化。 切片要考慮:功能區域,實現效果。 純色圖案可以用一個像素切片。
給做好的網頁設計圖片切片時,片狀純色背景的切片方式是切1個像素的色塊即可。
切片要考慮:功能區域,實現效果。 URL可以給圖片一個鏈接的效果,網址。
切片可用于劃分網頁區域,參考線切片定位更準確。切片之后存儲為web格式--所有切片。