計算機常用工具軟件

計算機常用工具軟件第1頁，共71頁，2023年，2月20日，星期四<2>內容提要10.1Fireworks概述10.2文檔的基本操作10.3圖像的基本操作10.4Fireworks制作實例第2頁，共71頁，2023年，2月20日，星期四<3>10.1Fireworks概述圖像也是網(wǎng)頁中不可缺少的部分，使用Macromedia公司開發(fā)的Fireworks可以非常方便地處理網(wǎng)頁圖像。該軟件不僅結合了位圖以及矢量圖形處理的特點，具有處理復雜圖像的功能，而且還能為圖像創(chuàng)建各種交互式動感效果。網(wǎng)頁中的各種圖像：產品圖片、背景圖片、按鈕圖片、廣告圖片。各種標志：網(wǎng)站標志、各種小圖標。網(wǎng)頁動畫：各種動畫LOGO、動畫Banner、動畫廣告。網(wǎng)頁界面設計：網(wǎng)頁首頁設計、網(wǎng)站內容頁面設計。輔助網(wǎng)頁制作：導航條、按鈕、交換圖像、彈出菜單。優(yōu)化網(wǎng)頁圖像：減小圖像文件大小。第3頁，共71頁，2023年，2月20日，星期四<4>Fireworks的工作界面Fireworks的工作界面，主要由標題欄、菜單欄、工具欄、工具箱、繪圖區(qū)域、屬性面板和功能面板等組成。第4頁，共71頁，2023年，2月20日，星期四<5>Fireworks的工作界面標題欄工具欄繪圖區(qū)域工具箱菜單欄功能面板屬性面板第5頁，共71頁，2023年，2月20日，星期四<6>1）標題欄標題欄位于Fireworks窗口的頂部，顯示了當前編輯的文件名稱和縮放比率。第6頁，共71頁，2023年，2月20日，星期四<7>2）菜單欄菜單欄位于標題欄的下方，包括文件、編輯、視圖、選擇、修改、文本、命令、濾鏡、窗口、幫助10組不同功能的指令菜單。單擊各主菜單項都會彈出相應的下拉菜單，有些下拉菜單還包括了下一級的子菜單。第7頁，共71頁，2023年，2月20日，星期四<8>3）繪圖區(qū)域繪圖區(qū)域即編輯圖像的區(qū)域，也被稱為畫布。它就是通過使用Fireworks的各種工具進行編輯圖像的地方。在繪圖區(qū)域中上方有、、或4個按鈕，可以在原始界面和預覽界面之間進行切換，單擊按鈕返回原始界面，單擊按鈕顯示預覽界面，單擊按鈕顯示2幅圖的預覽界面，單擊顯示4幅圖的預覽界面。第8頁，共71頁，2023年，2月20日，星期四<9>繪圖區(qū)域單擊按鈕將彈出快速導出的菜單，可以將Fireworks中編輯的圖像快速導出為Macromedia公司的其他產品或者是其他圖像處理軟件的格式。在繪畫區(qū)域的下方是所編輯圖像文檔的狀態(tài)欄，分別用于控制Gif動畫的播放、退出位圖編輯模式、顯示圖像的尺寸和控制圖像縮放比例。第9頁，共71頁，2023年，2月20日，星期四<10>4）快捷工具欄快捷工具欄包含圖像編輯中經常使用到的一些輔助工具，如新建、打開、保存、導入、導出、打印、撤銷、剪切、復制、粘貼等一些功能按鈕。第10頁，共71頁，2023年，2月20日，星期四<11>5）繪圖工具欄在繪圖工具欄中包含著繪制和編輯圖像的各種工具。選擇【窗口】→【工具】命令或按【Ctrl+F2】快捷鍵可以打開或隱藏工具箱，它主要由選擇、位圖、矢量、網(wǎng)頁、顏色和視圖6個部分構成。其中各個工具的作用如下。選擇工具主要用于選擇對象及對選擇的對象進行變形操作，每個工具的作用如下。第11頁，共71頁，2023年，2月20日，星期四<12>繪圖工具欄“指針”工具：用于選擇或者拖動對象?！斑x擇后方對象”工具：用于選擇被其他對象覆蓋的對象?！安糠诌x定”工具：可以選擇對象組中的某個對象，也可以選擇矢量圖像中的各個控制點。“縮放”工具：用于縮放對象。“傾斜”工具：用于旋轉和傾斜對象?！芭で惫ぞ撸河糜谂で妥冃螌ο蟆！安眉簟惫ぞ撸河糜趯D像進行裁剪?！皩С鰠^(qū)域”工具：用于將選中的部分導出。第12頁，共71頁，2023年，2月20日，星期四<13>位圖工具位圖工具主要用于繪制位圖和對位圖進行處理?！斑x取框”工具：用于創(chuàng)建矩形選區(qū)?！皺E圓選取框”工具：用于創(chuàng)建橢圓或圓形選區(qū)?！疤姿鳌惫ぞ撸和ㄟ^拖動鼠標的方式建立任意形狀的選區(qū)?！岸噙呅翁姿鳌惫ぞ撸河糜趧?chuàng)建多邊形選區(qū)?！澳g棒”工具：將顏色相近的區(qū)域創(chuàng)建為選區(qū)。“刷子”工具：用于創(chuàng)建具有填充效果的粗線條。第13頁，共71頁，2023年，2月20日，星期四<14>位圖工具“鉛筆”工具：通過拖動鼠標的方式創(chuàng)建任意形狀的線條?！跋鹌げ痢惫ぞ撸河糜诓脸恍枰膮^(qū)域或者對象?！澳：惫ぞ撸河糜谑咕庉嫷膮^(qū)域或者圖像具有模糊的效果?！颁J化”工具：用于使編輯的區(qū)域或者圖像具有銳化的效果。“減淡”工具：用于使編輯的區(qū)域或者圖像顏色減淡。第14頁，共71頁，2023年，2月20日，星期四<15>位圖工具“加深”工具：用于使編輯的區(qū)域或者圖像顏色加深“涂抹”工具：用于在圖像中沿拖動的方向推移圖像?！跋鹌D章”工具：用于把圖像的一個區(qū)域復制或克隆到另一個區(qū)域中?！疤鎿Q顏色”工具：用一種顏色替換另外的一種顏色?！凹t眼消除”工具：用于除去照片中出現(xiàn)的紅眼。第15頁，共71頁，2023年，2月20日，星期四<16>位圖工具“滴管”工具：用于吸取鼠標所在位置的顏色?！坝推嵬啊惫ぞ撸豪靡言O置的顏色填充所選擇的區(qū)域?！皾u變”工具：利用設置的漸變顏色填充所選中的區(qū)域。第16頁，共71頁，2023年，2月20日，星期四<17>矢量工具矢量工具主要用于繪制矢量圖形和對矢量圖形進行處理。“直線”工具：在畫布中繪畫出直線。“鋼筆”工具：用于繪制直線路徑?！笆噶柯窂健惫ぞ撸河糜诶L制各種形狀的矢量路徑?！爸乩L路徑”工具：重新繪制路徑。矩形、橢圓和多邊形工具：下拉菜單中的選項分別用于繪制相應形狀矢量圖形。第17頁，共71頁，2023年，2月20日，星期四<18>矢量工具“文本”工具：用于在圖像中插入并編輯文本?！白杂勺冃巍惫ぞ撸嚎梢灾苯訉κ噶繉ο髨?zhí)行彎曲和變形操作?！案膮^(qū)域形狀”工具：主要用于拉伸變形區(qū)域指針外圓內的所有選定路徑的區(qū)域?！奥窂较此ⅰ惫ぞ撸河糜诟穆窂降耐庥^。使用不斷變化的壓力或速度，可以更改路徑的筆觸屬性。“刀子”工具：能夠將一個路徑分割成兩個或多個路徑。第18頁，共71頁，2023年，2月20日，星期四<19>Web工具Web工具主要用于創(chuàng)建熱點切片，每個工具的作用如下?！熬匦螣狳c”工具：可以在圖像的目標區(qū)域周圍繪制矩形熱點。“圓形熱點”工具：可以在圖像的目標區(qū)域周圍繪制圓形熱點。“多邊形熱點”工具：可以在圖像的目標區(qū)域周圍繪制多邊形熱點?！扒衅惫ぞ撸簩崿F(xiàn)圖像的矩形切片切割。第19頁，共71頁，2023年，2月20日，星期四<20>Web工具“多邊形切片”工具：可以實現(xiàn)圖像的多邊形形狀的切片切割?！半[藏切片和熱點”工具：實現(xiàn)切片熱點視圖的隱藏?！帮@示切片和熱點”工具：實現(xiàn)切片熱點視圖的顯示。第20頁，共71頁，2023年，2月20日，星期四<21>顏色工具顏色工具主要用于設置填充顏色和描邊顏色?！肮P觸顏色”：用于設置描邊的顏色?！疤畛漕伾保河糜谠O置填充的顏色?！霸O置默認筆觸/填充色”：將筆觸顏色和填充顏色設置為默認值，即筆觸顏色為黑色，填充顏色為白色?！皼]有描邊或填充”：設置沒有描邊或填充?！敖粨Q筆觸/填充色”：將筆觸顏色和填充顏色進行交換。第21頁，共71頁，2023年，2月20日，星期四<22>視圖工具視圖工具主要用于轉換屏幕的顯示模式?！皹藴势聊荒Ｊ健保簩⑵聊磺袚Q到“標準屏幕模式”顯示模式。“帶有菜單的全屏模式”：可以用來將屏幕切換到“帶有菜單的全屏模式”顯示模式。“全屏模式”：將屏幕切換到“全屏模式”顯示模式?！笆中巍惫ぞ撸河糜谝苿赢嫴疾榭磮D像?！翱s放”工具：放大或縮小畫布的顯示比例。第22頁，共71頁，2023年，2月20日，星期四<23>6）“屬性”面板“屬性”面板位于繪畫區(qū)域的下方，用來設置繪圖區(qū)域中正在編輯的內容的屬性?？梢赃x擇【窗口】→【屬性】命令或按【Ctrl+F3】快捷鍵打開或關閉“屬性”面板，根據(jù)當前選擇工具和對象的不同，“屬性”面板中所顯示的選項也會不同。第23頁，共71頁，2023年，2月20日，星期四<24>7）控制面板在Fireworks中有多個控制面板，一般位于工作界面的右側。在默認情況下有些面板沒有顯示，可以選擇“窗口”菜單中相應的命令顯示或者隱藏這些面板。第24頁，共71頁，2023年，2月20日，星期四<25>10.2文檔的基本操作Fireworks文檔的基本操作包括文檔的新建、保存、打開和導入的操作。第25頁，共71頁，2023年，2月20日，星期四<26>1）新建文檔在Fireworks中新建文檔的方法有以下幾種：在開始頁中單擊“新建”欄中“Fireworks文檔”鏈接。選擇【文件】→【新建】命令或按【Ctrl+N】快捷鍵。單擊快捷工具欄中的“新建”按鈕。第26頁，共71頁，2023年，2月20日，星期四<27>新建文檔執(zhí)行新建文檔操作后將打開“新建文檔”對話框，其各項含義如下。寬度：在文本框中輸入畫布寬度的數(shù)字，并選擇相應的單位，包括“像素”、“英寸”和“厘米”三個選項。高度：在文本框中輸入畫布高度的數(shù)字，并選擇相應的單位，包括“像素”、“英寸”和“厘米”三個選項。分辨率：在文本框中輸入畫布分辨率的數(shù)字。分辨率越高，則文件就越大，單位包括“像素\英寸”和“像素\厘米”兩個選項。第27頁，共71頁，2023年，2月20日，星期四<28>“新建文檔”對話框第28頁，共71頁，2023年，2月20日，星期四<29>2）保存文檔在Fireworks中保存文檔有以下兩種方法完成：選擇【文件】→【保存】命令或按【Ctrl+S】快捷鍵。單擊快捷工具欄中的“保存”按鈕。如果文檔是第一次保存或選擇【文件】→【另存為】命令，則會打開“另存為”對話框。在對話框中可以選擇保存文檔的位置和輸入文件的名稱，設置完成后單擊按鈕進行保存。第29頁，共71頁，2023年，2月20日，星期四<30>3）打開文檔在Fireworks中打開文檔有以下兩種方法：單擊快捷工具欄中的“打開”按鈕、選擇【文件】→【打開】命令或按【Ctrl+O】快捷鍵，在打開的“打開”對話框選擇要打開的文檔，再單擊按鈕打開。雙擊Fireworks圖標的文檔即可打開該文檔。第30頁，共71頁，2023年，2月20日，星期四<31>4）文件的導入在Fireworks中可以導入一幅圖像到當前的文檔中，有以下幾種方法可以導入文檔：執(zhí)行【文件】→【導入】命令或按【Ctrl+R】快捷鍵。單擊快捷工具欄中的“導入”按鈕。執(zhí)行導入操作后，在打開的“導入”對話框中選擇需要導入的圖像文件，然后單擊“打開”按鈕即可。第31頁，共71頁，2023年，2月20日，星期四<32>示例：新建一個Fireworks文檔本示例將新建一個Fireworks文檔，并在文檔中導入一幅圖像，然后保存文檔，主要練習新建文檔、導入圖像和保存文檔等操作。制作思路：1）啟動Fireworks8。2）新建文檔。3）導入“鯊魚.psd”圖像。4）保存“鯊魚.png”文檔。●

演示例1第32頁，共71頁，2023年，2月20日，星期四<33>10.3圖像的基本操作設置文檔的屬性就是在對圖像的編輯過程中，對繪圖文檔的大小、顏色以及分辨率等進行調整或者修改。圖像的基本概念包括像素、分辨率、顏色深度和Alpha通道等概念。第33頁，共71頁，2023年，2月20日，星期四<34>像素和分辨率像素是組成位圖的最基本單元?？梢园严袼乜闯墒且粋€極小的方形的顏色塊，每個小方塊為一個像素。圖像的分辨率是指圖像在單位尺寸上所包含的像素數(shù)量。圖像的分辨率與圖像的精細度和圖像文件的大小有關。第34頁，共71頁，2023年，2月20日，星期四<35>顏色深度和Alpha通道顏色深度是指圖像中可以顯示出的顏色數(shù)，在計算機中，通常采用顏色深度這一概念來說明其處理色彩的能力。Alpha通道使用不同灰度值表示透明度的大小，Alpha通道的作用主要用于合成不同的圖像，實現(xiàn)混合疊加。第35頁，共71頁，2023年，2月20日，星期四<36>修改畫布的大小在Fireworks中，修改畫布的大小是通過在“畫布大小”對話框中來完成的?？梢酝ㄟ^選擇【修改】→【畫布】→【畫布大小】命令，或者在文檔的“屬性”面板中單擊按鈕打開“畫布大小”對話框。第36頁，共71頁，2023年，2月20日，星期四<37>改變畫布的背景顏色改變畫布的背景顏色是通過在“畫布顏色”對話框中完成的。選擇【修改】→【畫布】→【畫布顏色】命令，打開“畫布顏色”對話框。第37頁，共71頁，2023年，2月20日，星期四<38>旋轉畫布可以選擇【修改】→【畫布】菜單下的命令對畫布進行旋轉。菜單中各項命令的含義如下。旋轉180°：執(zhí)行此命令，畫布將旋轉180°。旋轉90°順時針：執(zhí)行此命令，畫布將順時針旋轉90°。旋轉90°逆時針：執(zhí)行此命令，畫布將逆時針旋轉90°。第38頁，共71頁，2023年，2月20日，星期四<39>修剪畫布通過Fireworks中的修剪畫布命令，可以使畫布的大小同繪制圖像或者文字的大小相匹配，從而減少文件量。選擇【修改】→【畫布】→【修剪畫布】命令或按【Ctrl+Alt+T】快捷鍵，修剪畫布。第39頁，共71頁，2023年，2月20日，星期四<40>示例——練習圖像的基本操作制作思路：新建一個500×400像素的Fireworks文檔。導入“海浪.psd”、“魚1.psd”、“魚2.psd”、“魚3.psd”和“魚4.psd”共五幅圖像。重新設置畫布大小旋轉畫布修剪畫布●

演示例2第40頁，共71頁，2023年，2月20日，星期四<41>修剪文檔操作方法如下：（1）從“工具”面板中選擇“裁切”工具，或者選擇“編輯”>“裁剪所選位圖”菜單。（2）在畫布上拖動鼠標。并調整修剪手柄，直到邊框包圍要保留的文檔區(qū)域為止。（3）在邊框中雙擊或者按下Enter鍵以修剪文檔?！?/p>

演示例3第41頁，共71頁，2023年，2月20日，星期四<42>使用標尺、輔助線和網(wǎng)格標尺能夠幫助測量、組織和計劃作品的布局輔助線是從標尺拖到文檔畫布上的線條。它們可作為幫助放置和對齊對象的輔助繪制工具網(wǎng)格在畫布上顯示一個由橫線和豎線構成的體系，網(wǎng)格對于精確放置對象非常有用。此外，用戶可以查看和編輯網(wǎng)格、調整網(wǎng)格大小以及更改網(wǎng)格的顏色。第42頁，共71頁，2023年，2月20日，星期四<43>首選參數(shù)和快捷鍵首選參數(shù)快捷鍵第43頁，共71頁，2023年，2月20日，星期四<44>操作的撤消與重復使用“歷史記錄”面板可以查看、修改和重復操作文檔過程中所進行的動作。在該面板中列出了最近在Fireworks中執(zhí)行的操作及次序，所列動作個數(shù)最多不超過在Fireworks“首選參數(shù)”對話框的“撤消步驟”域中指定的數(shù)值。第44頁，共71頁，2023年，2月20日，星期四<45>上機練習：繪制以下圖形●

演示第45頁，共71頁，2023年，2月20日，星期四<46>10.4Fireworks制作實例我們將通過實例介紹如何利用Fireworks8制作網(wǎng)頁圖片，通過它們進一步學習Fireworks8工具和面板的靈活使用。第46頁，共71頁，2023年，2月20日，星期四<47>路徑文字如果希望文本不受矩形文本塊的限制，可以繪制路徑并將文本附加到它。文本將順著路徑的形狀排列并且保持可編輯性。將文本附加到路徑后，該路徑會暫時失去其筆觸、填充以及效果屬性。用戶隨后應用的任何筆觸、填充和效果屬性都將應用到文本，而不是路徑。如果之后將文本從路徑分離出來，該路徑會重新獲得其筆觸、填充以及效果屬性。第47頁，共71頁，2023年，2月20日，星期四<48>制作環(huán)繞文字以下是制作環(huán)繞文字的具體步驟：1．新建寬度為300像素，高度為200像素的文件，背景設為白色。2．選擇“工具”面板中的“文本”工具，在工作區(qū)輸入文本“，字體選擇“ArialBlack”，字號為20像素大小，顏色為黑色，如圖所示。3．選擇“工具”面板“矢量”部分的“橢圓”工具。4．按住“Shift”鍵，在工作區(qū)畫一個圓，并在“屬性”檢查器中設置新的寬度和高度值均為108。第48頁，共71頁，2023年，2月20日，星期四<49>制作環(huán)繞文字5．單擊“填充顏色框”圖標，在顏色彈出窗口中點擊“透明按鈕”。6．選中“描邊”工具，在“描邊種類”中選擇“鉛筆”|“1象素柔化”。7．按住Shift鍵，使用“指針”工具同時選擇圓和文字。8．打開“文本”菜單，單擊“附加到路徑”菜單命令，環(huán)繞文字效果如圖所示。第49頁，共71頁，2023年，2月20日，星期四<50>制作環(huán)繞文字9.如果想旋轉文字，選擇“工具”面板中的“縮放工具”，出現(xiàn)圓形箭頭，就可以旋轉文字。10．如果希望文本沿路徑的內側排列，選擇“文本”菜單中的“倒轉方向”。11．打開另一幅圖片，從其中復制徽標到圓的中心位置。12．設置文本的顏色為#FF3300，并可根據(jù)內容尺寸重設畫布大小。13．單擊“文件”菜單中的“保存”，將圖像保存為例4.png?！?/p>

演示例4第50頁，共71頁，2023年，2月20日，星期四<51>蒙版效果Fireworks8中的蒙版能夠隱藏/顯示對象或圖像的某些部分，可以使用蒙版技術在對象上實現(xiàn)許多種創(chuàng)意效果。用矢量對象創(chuàng)建蒙版時，矢量對象的路徑輪廓可用于剪貼或裁剪其它對象。當位圖對象用作蒙版時，其像素的亮度或者其透明度會影響其它對象的可見性。第51頁，共71頁，2023年，2月20日，星期四<52>文本蒙版文本蒙版是一種矢量蒙版。應用文本蒙版的方式與使用已有對象應用蒙版的方式一樣：只需將文本用作蒙版對象即可。應用文本蒙版的常用方法是使用其路徑輪廓，但也可以使用其灰度外觀產生遮罩效果。第52頁，共71頁，2023年，2月20日，星期四<53>文字蒙蓋圖像效果1．打開一幅原始圖像（C:\Windows\Web\Wallpaper\Bliss.bmp）2．使用“漢儀大黑簡”字體輸入文字“天高任鳥飛”，設置大小為96像素。3．將文字的顏色改成白色，并為文字增加投影效果。設置投影的距離為7像素，顏色為白色，不透明度、柔化和角度均采用默認值。第53頁，共71頁，2023年，2月20日，星期四<54>文字蒙蓋圖像效果4.同時選中文字和圖片，使用菜單命令中的“修改”|“蒙版”|“組合為蒙版”命令。5．選擇“修改”|“畫布”|“修剪畫布”菜單命令設置畫布大小。6．在“屬性”面板中將默認導出選項設為“JPEG-較高品質”。7．使用“文件”|“導出”菜單命令將圖像保存為例5.jpg。●

演示例5第54頁，共71頁，2023年，2月20日，星期四<55>網(wǎng)頁按鈕按鈕是網(wǎng)頁中的重要元素，以下通過實例講解如何利用Fireworks8制作按鈕。1．創(chuàng)建300×200像素新文檔，繪制一個矩形，修改屬性檢查器面板中的矩形圓度值為100，將矩形四角轉換成圓角樣式。2．將矩形寬度設為150，高度設為48，并用顏色#FF6600填充。3．為此圓角矩形增加效果，單擊屬性檢查器中增加效果按鈕，彈出效果快捷菜單，然后選擇“斜角和浮雕”|“內斜角”命令，設置斜角邊緣形狀為平坦，寬度為7像素，其它參數(shù)采用默認值，效果如圖所示。第55頁，共71頁，2023年，2月20日，星期四<56>網(wǎng)頁按鈕4．選擇“濾鏡”|“調整色彩”|“曲線”菜單命令，打開曲線對話框修改圖像的光影層次效果。用鼠標指標拖動曲線生成波浪形狀，色彩可形成帶有金屬質感的效果。需要說明的是：在曲線調整之前，色彩的添加沒有任何意義，因為在曲線編輯中會打亂色調。第56頁，共71頁，2023年，2月20日，星期四<57>網(wǎng)頁按鈕5.選擇“濾鏡”|“色彩調整”|“色相/飽和度”菜單命令，為按鈕上色。6．在制作好的按鈕造型上，使用文本工具輸入文字“BACK”，調整字體類型和大小，也可調整圓角矩形大小，并使二者居中對齊。7．使用滴管工具吸取按鈕中間色調，并為字體填充該色。選擇效果菜單中的“斜角和浮雕”|“內斜角”命令，為字體添加凹陷的立體化效果。屬性設置如圖所示。第57頁，共71頁，2023年，2月20日，星期四<58>網(wǎng)頁按鈕8．在屬性面板上調整字體的透明度為85，使文本的凹陷效果顯得更加自然逼真。9．為按鈕添加投影，設置距離為7像素，不透明度為32%，其他參數(shù)采用默認值?！?/p>

演示例6第58頁，共71頁，2023年，2月20日，星期四<59>制作彈出菜單當用戶將鼠標移動到某些網(wǎng)頁對象上時，瀏覽器中將顯示彈出菜單。用戶可以將URL鏈接附加到彈出菜單項以便于導航。例如，可以使用彈出菜單來組織與導航欄中的某個按鈕相關的若干個導航選項，也可以根據(jù)需要在彈出菜單中創(chuàng)建任意多級子菜單。第59頁，共71頁，2023年，2月20日，星期四<60>彈出菜單以下是創(chuàng)建彈出菜單的實例。1．利用繪圖工具欄中的鋼筆工具繪制菜單背景樣式，設置填充色為#FFFF66，沒有邊框線，并輸入文字“David的個人網(wǎng)站”，并將字體設置為“華文行楷”。2．繪制一個88×25的矩形，設置填充色為#FFCC33，邊框線顏色為#FFFF66。選擇效果快捷菜單中的“斜角和浮雕”|“凹入浮雕”命令為矩形添加立體效果，設置寬度為2像素，其他參數(shù)采用默認值。3．按住Alt鍵移動立體矩形，將其復制4個，為制作按鈕做準備。4．將制作好的零部件水平排列整齊，在第一個立體矩形上輸入相應文字，形成靜態(tài)按鈕，也就做好了網(wǎng)頁的水平菜單條。第60頁，共71頁，2023年，2月20日，星期四<61>彈出菜單5．單擊Web工具箱中的“矩形熱點”工具，為其中一個按鈕繪制熱區(qū)。6．選擇“修改”|“彈出菜單”|“添加彈出菜單”命令，為指定的按鈕設置下拉菜單。7．在打開的“彈出菜單編輯器”對話框中，包含4個選項卡。在“內容”選項卡的“文本”欄輸入彈出菜單內容，“鏈接”欄中輸入此菜單項超級鏈接的URL對象，“目標”欄中可選擇瀏覽器打開鏈接的方式。如果要創(chuàng)建子菜單項，只需點擊“縮進菜單”按鈕即可。第61頁，共71頁，2023年，2月20日，星期四<62>彈出菜單8．創(chuàng)建了基本菜單和可選子菜單之后，即可在“彈出菜單編輯器”的“外觀”選項卡上，對文本進行格式設置，對“滑過狀態(tài)”和“彈起狀態(tài)”應用圖形樣式，并選擇垂直或水平方向。9．“高級”選項卡提供了用于控制以下各項的附加設置：單元格大小、邊距和間距，文字縮進，菜單消失延時，以及邊框寬度、顏色、陰影和高亮等。10．在“位置”選項卡中設置彈出菜單和子菜單的位置。當“網(wǎng)頁層”可見時，用戶還可以通過在工作區(qū)中拖動彈出菜單的輪廓來調整其位置。11．回到設計頁面中，可以發(fā)現(xiàn)在熱區(qū)下方出現(xiàn)彈出菜單的外輪廓樣式，并與熱區(qū)以線相連，但看不到彈出菜單的實際面貌，如圖13-25所示。此時可拖動彈出菜單輪廓，調整其位置?！?/p>

演示例7第62頁，共71頁，2023年，2月20日，星期四<63>網(wǎng)頁切片切片就是將一幅大圖像分割為一些小的圖像切片，然后在網(wǎng)頁中通過沒有間距和寬度的表格重新將這些小的圖像無縫隙的拼接起來，成為一幅完整的圖像。當網(wǎng)頁上的圖片文件較大時，瀏覽器下載整個圖片需要花很長的時間，切片的使用使得整個圖片分為多個不同的小圖片分開下載，這樣下載的時間就大大地縮短。在目前互聯(lián)網(wǎng)帶寬并不高的情況下，運用切片來減少網(wǎng)頁下載時間且又不影響圖片的效果，不能不說是一個兩全其美的辦法。第63頁，共71頁，2023年，2月20日，星期四<64>切片優(yōu)點除了減少下載時間之外，切片還具有以下一些優(yōu)點：制作動態(tài)效果：利用切片可以制作出各種交互效果。優(yōu)化圖像：完整的圖像只能使用一種文件格式，應用一種優(yōu)化方式，而對于作為切片的各幅小圖片我們就可以分別對其優(yōu)化。創(chuàng)建鏈接：切片制作好之后，就可以對不同的切片創(chuàng)建不同的鏈接，而不需要在大的圖片上創(chuàng)建熱區(qū)。更新網(wǎng)頁的某些部分：切片使用戶可以輕松地更新網(wǎng)頁中經常更改的部分。第64頁，共71頁，2023年，2月20日，星期四<65>網(wǎng)頁切片示例1．打開設計好的網(wǎng)頁圖像2．選擇工具箱Web組中的“切片”工具，在圖像的“學習經歷”位置上按下鼠標左鍵并拖動繪制一個矩形區(qū)域，當矩形大小適當時釋放鼠標，這樣就生成了