網頁切片技巧

才智咖 人氣:1.2W

切片在製作網頁的過程中佔有很重要的地位,下面是本站小編整理的網頁切片技巧,希望對你有幫助!

網頁切片技巧

切片介紹

1. 切片是將圖片轉換成可編輯網頁的一座橋樑,通過切片才可以將普通圖片變成Dreamweaver可以編輯的網頁格式

2. 切片後的影象可以更快的.在網路上傳播

3. 切片後的影象也是網頁中片的主要來源

切片方法

1. 切片首先保證切出網頁中需要多次修改的區域,例如文字區域

2. 切片影象的大小盡量保持在15K以內(便於網路傳輸)

3. 充分利用Dreamweaver中的自動拼貼功能減少垃圾切片

操作技巧

技巧1:使用鍵盤的方向鍵移動物件時,按住【Shift】鍵不放,每次可以移動10個畫素。

技巧2:使用【指標】工具移動物件時,按住【Shift】鍵不放,可以保證其水平或垂直移動。

技巧3:按住【Alt】鍵不放拖拽某個物件,即可對其進行復制。但是自動形狀不能用這個操作,因為自動形狀是一種組合狀態,可以使用複製貼上命令複製。

技巧4:對於所有的形狀繪製工具而言,按住【Shift】鍵不放進行繪製,可以保證其寬高比始終為1:1。

技巧5:使用基本形狀工具繪製形狀時,按住【空格】鍵不放,不要鬆開滑鼠左鍵,可以移動向量圖形的位置。繪製選區的時候也是如此。

技巧6:使用【矩形】工具繪製矩形時,按住鍵盤的上或下鍵不放,不要鬆開滑鼠左鍵,可以增加或減少矩形的圓度。

技巧7:需要選擇組內物件時,並不需要取消組合,可以選擇【部分選定】工具來選擇組內物件,這對於多個組合物件的編輯來說非常方便。

技巧8:使用【鋼筆】工具繪製路徑的過程中,按住【Alt】鍵不放,可以隨時調整路徑點的控制手柄。

技巧9:使用【刷子】工具繪製圖像時,按住【Shift】鍵不放,繪製出出一條水平或垂直線後,釋放滑鼠,但不要鬆開【Shift】鍵,繼續繪製,fireworks會把所畫前一條線的終點和後一條線的起點連線起來。

技巧10:按住【Alt】鍵,單擊【層】面板中的點陣圖圖層,可以根據點陣圖的形狀獲得選區。

技巧11:繪製多個選區時,按住【Shift】鍵表示增加選區;按住【Alt】鍵表示減選區;按住【Shift】+【Alt】鍵表示對選區進行交集運算。

技巧12:在給選區填充顏色時,可以使用【Alt】+【Delete】鍵快速填充顏色,與photoshop裡填充前景色的快捷鍵一樣。

技巧13:按快捷鍵【Ctrl】+【F8】,可以建立一個新的元件。

技巧14:按住【Ctrl】鍵,單擊【混色器】面板下方的顏色欄,可以快速切換到不同的顏色模式

技巧15:在【層】面板中,選中蒙板圖示並像移動圖層那樣按住蒙板圖示將其移動到其他位置,這樣可以刪除蒙板,並且保留下了蒙板物件。

技巧16:使用【文字】工具單擊已經建立的文字,待游標轉換為文字游標時,按住鍵盤上的【Ctrl】加鍵盤的左右鍵可以用來改變字元間距,按住【Ctrl】加鍵盤的上下鍵可以用來改變文字的行距。

技巧17:在顏色彈視窗採集顏色時,按住【Shift】鍵可以確保獲得的顏色為網路安全色。

技巧18:如果要給輔助線精確定位,可以在輔助線上雙擊滑鼠左鍵,在彈出的【移動引導線】對話方塊中輸入詳細的座標。

TAGS:網頁 切片