本節簡介:學習切片與切片的相關命令;案例制作:裁切網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
制作頁面要確保切片之間不留小的縫隙,盡量避免自動切片,這樣才能確保圖像在優化處理為html表格后,在網頁中可以打開,并靈活編輯
在做切片之前必須想到為什么這樣切,對于頁面制作會產生怎么樣的便捷:把頁面看成一個或者2-3個大的表格,再詳細考慮到每一個表格中間,該怎么切
屬性漸變區域適合做一個像素的切片,在dreamweaver中做背景效果處理
作為一個切片的必須是同一個屬性,比如只屬于導航,或者只屬于廣告等;可以作為一個切片的區域必須是屬性,顏色等在水平或垂直上沒有太大變化。
當對已經保存的切片做了更改(在網頁刪除原來的,重新做),保存時需要更改文件名,切片-選中的切片
1-范圍大的區域做一個切片2-同色系的區域做切片3-位置相連相近的切片(前綴名01.02.03...)方便找4-找屬性均勻的做切片5-如果是漸變效果就用1個效果色塊做切片較好
給做好的網頁設計圖片切片時,片狀純色背景的切片方式是切1個像素的色塊。
切片處理的時候,右鍵選項命名,找的時候可以更快的找到,如果是單個的切片,儲存切片時選選中的切片。
需要切片的區域-logo-搜索-下載-廣告-導航-標題欄-小廣告-產品(小的產品本身有圖片就直接用),完成后選擇文件-儲存為Web格式(gif格式,設置:默認設置)
在做網頁的時候,使用分割好的小圖片有利于網頁的瀏覽速度。
把白色的圖片部分盡量切出來。文字可以不要,可以在Dreamweaver里編輯。
每個小切片的圖片,都是一個獨立的元素,可以編輯其它屬性做各成的優化處理。
如果是大圖,打開速度慢,切成小圖有助于網站打開速度及Dreamweaver里編輯