本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
網頁切片時,片狀純色的切片區域方式是切一個像素的色塊即可
把視圖對齊到切片,參考線打開。編輯切片選項,可以添加名稱,
先用輔助線畫線,再切片。能在DW里面寫入的,就不需要切片。像純色的直接切一個像素,然后用代碼寫,更節省空間,
純色色塊只需要存儲一個像素的圖片即可,白色區域則無需切片。
為什么文字下的顏色框不全部切掉,只要且兩邊? 可以使用DW的背景效果圖 填充1個像素的 背景即可
切片功能特點:按功能區畫分,每一個切片都是一個單獨的頁面,有利于我們處理各類的圖片
為了切片的更準確,可以將網頁圖片放大到百分之七百,八百甚至更大,精確到像素來制作切片。
要注意在連續切片的地方不要留小的縫隙,盡量避免不必要的自動切片,這樣才能保證我們的圖片優化處理為HTML表格之后,在Dreamweaver這樣的環境中還可以打開來進行靈活的編輯以及修改。
做切片時,要找到屬性均與的區域來做切片。切片的制作要有思想,考慮網頁的布局和制作思路,
命名要有一定技巧,對于同一屬性的設置同一屬性的命名
那么在文件夾images中就可以看到,就有保存了剛才處理的Logo圖片。
在我們的頁面中仍然還有需要我們單獨處理的地方,比如說Logo部分,需要對圖片單獨處理,文字另外打出來,那么就對Logo圖片做切片處理,把之前該部分的切片區域刪除,對圖片進行精確的選擇,然后進行保存,在保存的時候將切片選框選為選中的切片,然后把文件名稱改為Logo圖片的名稱(標識)biaozhi
打開剛才制作保存的文件夾,images,在這里面可以看到剛才制作的效果,對于已命名的切片將會顯示在上方。未命名的多余的切片,在網頁制作中就可以刪掉了。
記筆記更有助于積累資料、拓展新知,達到全面透徹學習的目的。點擊這里開始寫筆記。保存時對文件進行命名,切片選擇所有切片,默認設置,(根據情況)保存
切片都處理完了以后,點擊存儲,存儲為Web所用格式