資源描述：
《網(wǎng)頁制作技術(shù)（第二版）許莉 08.任務(wù)八 制作網(wǎng)頁圖形》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、網(wǎng)頁制作技術(shù)（第二版）主編許莉中國水利水電出版社網(wǎng)頁設(shè)計(jì)與制作任務(wù)八制作網(wǎng)頁圖形學(xué)習(xí)目標(biāo)了解FireworksCS4的功能、特點(diǎn)以及工作界面掌握矢量圖形的繪制方法掌握矢量圖形的筆觸、填充的設(shè)置方法掌握圖層的使用方法掌握文本應(yīng)用的方法任務(wù)八制作網(wǎng)頁圖形目錄：知識1FireworksCS4的功能和特點(diǎn)知識2FireworksCS4的工作界面知識3FireworksCS4文檔的基本操作知識4矢量圖形的繪制知識5對象的處理知識6文本的創(chuàng)建任務(wù)1繪制幾何圖形任務(wù)2繪制公司標(biāo)志任務(wù)3制作新浪網(wǎng)標(biāo)志任務(wù)八制作網(wǎng)頁圖形知識1FireworksCS4的功能和特點(diǎn)認(rèn)識FireworksCS4Firewor
2、ksCS4是一種網(wǎng)頁圖形設(shè)計(jì)軟件，它與DreamweaverCS4、FlashCS4高度集成，使網(wǎng)頁設(shè)計(jì)時(shí)更加方便快捷。只要將DreamweaverCS4的默認(rèn)圖形編輯器設(shè)為FireworksCS4，那么在FireworksCS4中修改的文件將在DreamweaverCS4中得到即時(shí)的更新。使用FireworksCS4不僅可以創(chuàng)建和編輯矢量圖和位圖，處理各種網(wǎng)頁圖像，還可以制作風(fēng)格各異的LOGO、BANNER和導(dǎo)航欄，同時(shí)，還可以切割圖形，創(chuàng)建熱區(qū)，直接輸出Web頁，并在內(nèi)部嵌入Web頁常用的動畫、JavaScript腳本等。知識1FireworksCS4的功能和特點(diǎn)Fireworks
3、CS4的新增功能FireworksCS4與CS3版本相比，可以說是一次真正意義上的升級，主要表現(xiàn)在以下方面：1）性能的升級2）PDF導(dǎo)出新增功能3）可自定義、重用的資產(chǎn)增強(qiáng)功4）全新用戶界面新增功5）增強(qiáng)的字體處理新增功能6）CSS導(dǎo)出新增功能7）動態(tài)樣式8）工作區(qū)改進(jìn)增強(qiáng)功能知識2FireworksCS4的工作界面FireworksCS4啟動后會出現(xiàn)一個(gè)“開始頁”，如圖所示。在“開始頁”中可以新建和打開Fireworks文檔，并能快速訪問最近打開項(xiàng)目、Fireworks教程、新增功能和資源。知識2FireworksCS4的工作界面選擇“新建Fireworks文檔（PNG）”后，會彈出
4、“新建文檔”對話框，如圖所示。在此可以選擇畫布的寬度、高度、分辨率以及顏色。知識2FireworksCS4的工作界面點(diǎn)擊確定之后，進(jìn)入FireworksCS4的工作界面，如圖所示。FireworksCS4的工作界面主要由“菜單欄”、“工具欄”、“工具箱”、“編輯窗口”、“屬性面板”和“浮動面板”六個(gè)部分組成。知識3FireworksCS4文檔的基本操作創(chuàng)建、打開和保存文檔1）新建文檔選擇菜單【文件】
5、【新建】命令，彈出“新建文檔”對話框，設(shè)置畫布的寬度、高度、分辨率以及畫布顏色，單擊確定即可。2）打開文檔選擇菜單【文件】
6、【打開】命令，彈出“打開”對話框，如圖所示，選擇需要打開的文件，
7、單擊打開即可。知識3FireworksCS4文檔的基本操作3）保存文檔當(dāng)文檔進(jìn)行了編輯之后，可以選擇菜單【文件】
8、【保存】或【文件】
9、【另存為】命令，在對話框中輸入需要的路徑和名稱，即可保存文檔，文件默認(rèn)的擴(kuò)展名為.png。如果需要保存為其他格式的文件（如JPEG或GIF格式），可以選擇菜單【文件】
10、【導(dǎo)出】命令，選擇保存類型，并設(shè)置文件的完整名稱即可。知識3FireworksCS4文檔的基本操作修改文檔屬性1）修改畫布大小選擇菜單【修改】
11、【畫布】
12、【畫布大小】，或者在屬性欄點(diǎn)擊按鈕“畫布大小”，會彈出“畫布大小”對話框，如圖所示。在“寬度”和“高度”文本框中輸入新的尺寸。單擊“錨定
13、”按鈕以指定Fireworks將在畫布的哪一邊添加或刪除，然后單擊“確定”。默認(rèn)情況下選擇中心錨定，這表示對畫布大小的更改將在所有邊上進(jìn)行。知識3FireworksCS4文檔的基本操作2）改變畫布顏色選擇菜單【修改】
14、【畫布】
15、【畫布顏色】，如圖所示。選擇“白色”、“透明”或“自定義”。如果選擇“自定義”，則在“樣本”彈出窗口中單擊一種顏色。知識3FireworksCS4文檔的基本操作3）旋轉(zhuǎn)畫布當(dāng)導(dǎo)入的圖像倒置或側(cè)放時(shí)，可以旋轉(zhuǎn)畫布。在【修改】
16、【畫布】菜單中有三種旋轉(zhuǎn)方式：旋轉(zhuǎn)180度，順時(shí)針旋轉(zhuǎn)90度以及逆時(shí)針旋轉(zhuǎn)90度。4）修剪畫布和符合畫布如果文檔在畫布內(nèi)容周圍有多余的空間，
17、則可以選擇【修改】
18、【畫布】
19、【修剪畫布】，也可以選擇【修改】
20、【畫布】
21、【符合畫布】。如果文檔內(nèi)容超過了畫布大小，則需要選擇【修改】
22、【畫布】
23、【符合畫布】，或單擊屬性欄的“符合畫布”按鈕，使畫布與文檔大小一致。知識3FireworksCS4文檔的基本操作5）改變圖像大小選擇【修改】
24、【畫布】
25、【圖像大小】，“圖像大小”對話框?qū)⒋蜷_，如圖所示。在此可以設(shè)置圖像大小以及分辨率。知識3FireworksCS4文檔的基本操作使用布局工具為了精確定位
