資源描述:
《網(wǎng)頁設計與網(wǎng)站制作課件.ppt》由會員上傳分享,免費在線閱讀,更多相關內容在教育資源-天天文庫。
1、第三章網(wǎng)頁圖形與圖像處理網(wǎng)頁制作與網(wǎng)站設計第三章網(wǎng)頁圖形與圖像處理【本章內容】3.1Fireworks簡介3.2圖形的繪制與編輯3.3圖像處理3.4圖像的優(yōu)化與導出3.1Fireworks簡介【本節(jié)內容】3.1.1Fireworks8的新功能3.1.2Fireworks8的安裝、啟動與退出3.1.3Fireworks8的界面3.1.4創(chuàng)建Fireworks文件3.1.1Fireworks8的新功能1、優(yōu)化增加了具有常用的圖像編輯工具、濾鏡和菜單命令的“圖像編輯”面板;支持導入更多導入文件格式;優(yōu)化的批處理工作流程,如縮放時檢查文件尺寸等。3.1.1Firewor
2、ks8的新功能2、集成的工作流程CSS(層疊樣式表)彈出式菜單;矢量兼容性;更多切片選項;識別ActionScript顏色值;文件類型轉換;改進的打開、保存和導出邏輯;減少了網(wǎng)格數(shù)目。3.1.1Fireworks8的新功能3、創(chuàng)作過程簡單化新增的混合模式透視陰影純色陰影移動界面組件示例按鈕、動畫、主題和項目符號“自動形狀屬性”面板動態(tài)選取框和轉換選區(qū)(選取框到路徑及路徑到選取框)自動命名文本“特殊字符”面板更改路徑上的文本的形狀3.1.1Fireworks8的新功能4、工作流程的改進最近使用過的字體和優(yōu)化可記住上次使用的設置;保存多個選區(qū);在層面板中選擇共享邊緣
3、的對象;自動保存首選參數(shù);將連續(xù)輕推分組;增強的繪圖板支持;鎖定對象。3.1.2Fireworks8的安裝、啟動與退出1、安裝安裝Fireworks8步驟如下:(1)將Fireworks8安裝光盤插入計算機的光盤驅動器。(2)開始安裝:在Windows系統(tǒng)中會自動啟動Fireworks安裝程序。(3)根據(jù)屏幕上安裝向導的提示輸入相關信息。(4)安裝完成時,重新啟動計算機。3.1.2Fireworks8的安裝、啟動與退出2、中文版Fireworks8的啟動(1)通過“開始”菜單下的“程序/Macromedia/MacromediaFireworks8”實現(xiàn)。(2)
4、通過快捷方式。3.1.2Fireworks8的安裝、啟動與退出3、中文版Fireworks8的退出選擇“文件/退出”菜單項;單擊程序窗口標題欄右側的“關閉”按鈕;直接按組合鍵【Alt+F4】如果修改了Fireworks文件內容后直接關閉應用程序,系統(tǒng)會彈出是否保存文件的對話框,提示用戶對所做和修改是否保存。如單擊“是”按扭,則在進行必要的文件保存設置后,保存對文件的修改退出;如單擊“否”按扭,則不保存對文件的修改直接退出。3.1.3Fireworks8的界面1、中文版Fireworks8的界面Fireworks8的工作界面,如圖3-1所示。它由標題欄、菜單欄、工
5、具箱、屬性檢查器、其它面板和開始頁六部分組成,開始頁位于窗口的中間,它包括打開最近的項目、新建、擴展和教程區(qū)四種任務提示。通過打開和新建都可以進入編輯界面(如圖3-2)。與工作界面相比,不同之處是:編輯界面窗口的中間部分用編輯區(qū)取代了工作界面窗口的開始頁。這個編輯區(qū)便是圖像編輯的主要場所,包括顯示文件的名稱(擴展名為.png)的標題欄,用于編輯的“原始”按鈕,按不同幅面預覽圖像的“預覽”、“2幅”及“4幅”3個按鈕及右上角的導出鈕。3.1.3Fireworks8的界面1、中文版Fireworks8的界面工具箱標題欄菜單欄開始頁“屬性”檢查器其它面板圖3-1Fir
6、eworks8的工作界面3.1.3Fireworks8的界面1、中文版Fireworks8的界面圖3-2Fireworks8的編輯界面3.1.3Fireworks8的界面2、工具箱工具箱位于屏幕的左側,它包含了用于創(chuàng)建、選擇和編輯的多種工具,它分成了6類別并用標簽標明,如圖3-3所示。一些工具包含在同一個工作組中,在同一個工作組中的工具右下角有三角形,在它們上面按下鼠標不放,便會彈出同組其它工具,將鼠標移到所要的工具上單擊便可實現(xiàn)切換。圖3-3工具箱3.1.3Fireworks8的界面3、“屬性”檢查器“屬性”檢查器是一個上下文關聯(lián)面板,它顯示當前選區(qū)的屬性、當
7、前工具選項或文檔的屬性。默認情況下,“屬性”檢查器停放在工作區(qū)的底部,如圖3-4所示。“屬性”檢查器可以半高方式打開,只顯示兩行屬性,也可以全高方式打開,顯示四行屬性。還可以在將“屬性”檢查器留在工作區(qū)中的同時將其完全折疊。圖3-4“屬性”檢查器3.1.3Fireworks8的界面4浮動面板浮動面板可以幫助我們編輯文檔中所選對象或元素的各個方面,可用于處理幀、層、元件、顏色樣本等。Fireworks8主要包含“優(yōu)化”面板、“層”面板、“幀”面板、“歷史記錄”面板、“形狀”面板、“樣式”面板、“庫”面板、“URL”面板、“混色器”面板、“樣本”面板、“信息”面板、
8、“行為”面板、“查找”面