第11課：使用樣式、元件和URL

精通Fireworks81第11課：使用樣式、元件和URLMacromediaFireworks8提供了三個可用于儲存和重新使用樣式、元件和URL的面板。樣式儲存在“樣式”面板中，元件儲存在“庫”面板中，URL儲存在“URL”面板中。默認(rèn)情況下，這三個面板構(gòu)成了“資源”面板組。“樣式”面板包含一組可供選擇的預(yù)定義Fireworks樣式。另外，如果創(chuàng)建了筆觸、填充、濾鏡和文本屬性的組合并想重新使用該組合，可以將這些屬性保存為樣式。只需將它們保存在“樣式”面板中，然后將該屬性組合應(yīng)用于其它對象即可，而不必每次都重建屬性。Fireworks提供三種類型的元件：圖形、動畫和按鈕。每種類型的元件都具有適合于其特定用途的獨特特性。使用“庫”面板，除了可以重制、導(dǎo)入和編輯元件外，還可以創(chuàng)建新元件。有關(guān)內(nèi)置在動畫和按鈕元件中的特定功能的信息，請參閱創(chuàng)建動畫和創(chuàng)建按鈕和彈出菜單。URL（即統(tǒng)一資源定位符）是Internet上特定頁面或文件的地址。如果要多次使用同一URL，可將它添加到“URL”面板。可以在URL庫中對URL進(jìn)行組織和分組。本章包含以下主題：使用樣式使用元件使用URL2使用樣式通過創(chuàng)建樣式，可以保存并重新應(yīng)用一組預(yù)定義的填充、筆觸、濾鏡和文本屬性。將樣式應(yīng)用于對象后，該對象即具備了該樣式的特性。Fireworks提供了許多預(yù)定義的樣式?？梢蕴砑?、更改和刪除樣式。FireworksCD-ROM和Macromedia網(wǎng)站提供了更多可導(dǎo)入到Fireworks中的預(yù)定義樣式。還可將樣式導(dǎo)出以便與其他Fireworks用戶共享，或者從其它Fireworks文檔導(dǎo)入樣式。注意：不能將樣式應(yīng)用于位圖對象。3應(yīng)用樣式可使用“樣式”面板創(chuàng)建、儲存樣式以及將樣式應(yīng)用于對象或文本?！皹邮健泵姘?將樣式應(yīng)用于對象后，便可在不影響原始對象的前提下更新該樣式。Fireworks不跟蹤將哪個樣式應(yīng)用于對象。自定義樣式一經(jīng)刪除，便無法恢復(fù)；但是，當(dāng)前使用該樣式的任何對象仍會保留其屬性。如果刪除的是Fireworks提供的樣式，則可以通過“樣式”面板“選項”菜單中的“重設(shè)樣式”命令，將該樣式和所有其它被刪除的樣式恢復(fù)。然而，重設(shè)樣式時還會刪除您的自定義樣式。4創(chuàng)建和刪除樣式可基于所選對象的屬性來創(chuàng)建樣式。樣式將顯示在“樣式”面板中。下列屬性可以保存在樣式中：填充類型和顏色，包括圖案、紋理以及角度、位置和不透明度等矢量漸變屬性筆觸類型和顏色濾鏡文本屬性，如字體、字號、樣式（粗體、斜體或下劃線）、對齊方式、消除鋸齒、自動字距調(diào)整、水平縮放、范圍微調(diào)以及字頂距等若要創(chuàng)建新樣式：創(chuàng)建或選擇具有所需筆觸、填充、濾鏡或文本屬性的矢量對象或文本。單擊“樣式”面板底部的“新建樣式”按鈕。從“新建樣式”對話框中選擇希望該樣式所具有的屬性。如果需要，命名該樣式，然后單擊“確定”。一個表示該樣式的圖標(biāo)隨即顯示在“樣式”面板中。若要基于現(xiàn)有樣式創(chuàng)建新樣式：將現(xiàn)有樣式應(yīng)用于所選對象。編輯該對象的屬性。通過創(chuàng)建新樣式將這些屬性保存起來（如前面過程中所述）。若要刪除樣式：從“樣式”面板中選擇一個樣式。按住Shift鍵并單擊可選擇多個樣式；按住Control鍵并單擊可選擇多個不相鄰的樣式。單擊“樣式”面板中的“刪除樣式”按鈕。5編輯樣式如果要更改樣式包含的屬性，可從“樣式”面板對該樣式進(jìn)行編輯。若要編輯樣式：選擇“選擇”>“取消選擇”取消選擇畫布上的任何對象。雙擊“樣式”面板中的某個樣式。在“編輯樣式”對話框中，選擇或取消選擇希望應(yīng)用的屬性的組件?！熬庉嫎邮健睂υ捒虬c“新建樣式”對話框相同的選項。有關(guān)選擇要加入到樣式中的屬性的詳細(xì)信息，請參閱創(chuàng)建和刪除樣式。單擊“確定”將更改應(yīng)用于樣式。6導(dǎo)出和導(dǎo)入樣式為了節(jié)省時間和保持一致性，您可能希望與其他Fireworks用戶共享樣式。通過將樣式導(dǎo)出以便在其它計算機(jī)上使用可以實現(xiàn)樣式共享。若要導(dǎo)出樣式：從“樣式”面板中選擇一個樣式。按住Shift鍵并單擊可選擇多個樣式；按住Control鍵并單擊可選擇多個不相鄰的樣式。從“樣式”面板的“選項”菜單中選擇“導(dǎo)出樣式”。輸入將包含所保存樣式的文檔的名稱和位置。單擊“保存”。若要導(dǎo)入樣式：從“樣式”面板的“選項”菜單中選擇“導(dǎo)入樣式”。選擇要導(dǎo)入的樣式文檔。該樣式文檔中的所有樣式即被導(dǎo)入并直接放在“樣式”面板中所選樣式之后。7使用默認(rèn)樣式如果要從“樣式”面板中刪除所有自定義樣式，并恢復(fù)所有已刪除的默認(rèn)樣式，可以將“樣式”面板重設(shè)為默認(rèn)狀態(tài)。還可以更改“樣式”面板中顯示的圖標(biāo)的大小。若要將“樣式”面板重設(shè)為默認(rèn)樣式：從“樣式”面板的“選項”菜單中選擇“重設(shè)樣式”。注意：將樣式重設(shè)為默認(rèn)值時將刪除已保存的任何自定義樣式。若要更改樣式預(yù)覽圖標(biāo)的大?。簭摹皹邮健泵姘宓摹斑x項”菜單中選擇“大圖標(biāo)”可以在大預(yù)覽尺寸和小預(yù)覽尺寸之間切換。8在不創(chuàng)建樣式的前提下應(yīng)用屬性可以從某個對象中復(fù)制屬性，然后將它們應(yīng)用于其它對象，而不必在“樣式”面板中創(chuàng)建新樣式。如果不打算將這些屬性重新應(yīng)用于其它對象，則可以通過該方法快速地將屬性應(yīng)用于對象。能夠復(fù)制和應(yīng)用的屬性包括填充、筆觸、濾鏡和文本屬性。若要從一個對象復(fù)制屬性并將它們應(yīng)用于其它對象：選擇要復(fù)制其屬性的對象。選擇“編輯”>“復(fù)制”。取消選擇原始對象，然后選擇要對其應(yīng)用新屬性的對象。選擇“編輯”>“粘貼屬性”。所選對象具有與原始對象相同的屬性。9使用元件Fireworks提供三種類型的元件：圖形、動畫和按鈕。每種類型的元件都具有適合于其特定用途的獨特特性。實例是Fireworks元件的表示形式。當(dāng)對元件對象（原始對象）進(jìn)行編輯時，實例（副本）會自動更改以反映對元件所做的修改。每當(dāng)想重新使用圖形元素時，元件都會很有用?？蓪嵗旁诙鄠€Fireworks文檔中并保留與元件的關(guān)聯(lián)。元件對于創(chuàng)建按鈕以及通過多個幀中的對象制作動畫很有幫助。10創(chuàng)建元件使用“編輯”>“插入”子菜單，可以創(chuàng)建圖形、動畫和按鈕元件。可以從任何對象、文本塊或組中創(chuàng)建元件，然后在“庫”面板中對其進(jìn)行組織。若要在文檔中放置實例，只需將其從“庫”面板拖到畫布上。若要從所選對象中創(chuàng)建新元件：選擇對象，然后選擇“修改”>“元件”>“轉(zhuǎn)換為元件”。在“元件屬性”對話框的“名稱”文本框中，為該元件鍵入一個名稱。選擇元件類型：“圖形”、“動畫”或“按鈕”。然后單擊“確定”。該元件隨即出現(xiàn)在庫中，所選對象變成該元件的一個實例，同時“屬性”檢查器顯示元件選項。若要從頭開始創(chuàng)建元件：執(zhí)行下列操作之一：選擇“編輯”>“插入”>“新建元件”。從“庫”面板的“選項”菜單中選擇“新建元件”。選擇元件類型：“圖形”、“動畫”或“按鈕”。然后單擊“確定”。根據(jù)所選的元件類型，將打開元件編輯器或按鈕編輯器。使用“工具”面板中的工具創(chuàng)建元件，然后關(guān)閉編輯器。11放置實例可將元件的實例放在當(dāng)前文檔中。若要放置實例：將元件從“庫”面板拖到當(dāng)前文檔中。12編輯元件若要編輯元件及其所有實例：執(zhí)行下列操作之一打開元件編輯器：雙擊某個實例。選擇某個實例，然后選擇“修改”>“元件”>“編輯元件”。對該元件進(jìn)行更改，然后關(guān)閉窗口。該元件及其所有實例都將反映所做的修改。若要重命名元件：在“庫”面板中，雙擊元件名稱。在“元件屬性”對話框中更改該名稱，然后單擊“確定”。若要重制元件：在“庫”面板中選擇元件。從“庫”面板的“選項”菜單中選擇“重制”。若要更改元件的類型：在“庫”中雙擊元件名稱。選擇一個不同的“元件類型”選項。若要在“庫”面板中選擇所有未使用的元件：從“庫”面板的“選項”菜單中選擇“選擇未用項目”。若要刪除元件：在“庫”面板中選擇元件。從“庫”面板的“選項”菜單中選擇“刪除”。單擊“刪除”。該元件及其所有實例隨即被刪除。

13編輯實例斷開元件鏈接：通過先斷開實例與元件的鏈接，可在不影響該元件或其它實例的前提下修改此實例。若要使實例與元件分離：選擇實例。選擇“修改”>“元件”>“分離”。所選實例隨即變?yōu)橐粋€組。“庫”面板中的元件與該組不再有任何關(guān)聯(lián)。與元件分離后，以前的按鈕實例即失去其按鈕元件特性，而以前的動畫實例則失去其動畫元件特性。編輯實例屬性：可以在不影響元件或其它實例的前提下，在“屬性”檢查器中修改下列實例屬性：混合模式不透明度濾鏡寬度和高度x和y坐標(biāo)注意：按鈕實例還具有其它可在不影響元件的前提下編輯的屬性。若要在不影響元件或不斷開元件鏈接的前提下編輯實例屬性：選擇實例。在“屬性”檢查器中修改實例屬性。14導(dǎo)入和導(dǎo)出元件您在當(dāng)前文檔中創(chuàng)建的動畫、圖形和按鈕元件都儲存在“庫”面板中。該面板還儲存您導(dǎo)入到當(dāng)前文檔中的元件。雖然“庫”面板是特定于當(dāng)前文檔的，但是通過導(dǎo)入和導(dǎo)出、剪切和粘貼或拖放操作，可以在多個Fireworks文檔中使用一個庫中的元件?？梢詮钠渌鼛欤ò切┌贛acromediaFireworks中準(zhǔn)備的元件的庫以及包含您或他人先前導(dǎo)出的元件的庫）導(dǎo)入元件。反之，如果創(chuàng)建了希望重新使用或共享的元件，則可以導(dǎo)出您自己的元件庫。導(dǎo)出元件庫時，它是作為PNG文件導(dǎo)出的。15導(dǎo)入元件若要從Fireworks元件庫導(dǎo)入一個或多個現(xiàn)成的元件：打開Fireworks文檔。選擇“編輯”>“庫”，然后選擇一個庫：“動畫”將打開動畫元件集合?！绊椖糠枴睂⒋蜷_類似于各種列表項目符號的圖形元件的集合?！鞍粹o”打開具有2個、3個和4個狀態(tài)的Fireworks按鈕元件的集合?！爸黝}”將打開一個動畫、圖形和按鈕元件列表；每個主題由以相似方式設(shè)計和命名的三種元件組合而成，這些元件的顏色搭配很協(xié)調(diào)，能夠一起使用?！捌渌睂⒋蜷_“打開”對話框，從中可以定位到先前導(dǎo)出的元件庫PNG文件。有關(guān)更多信息，請參閱下一個過程。此外，還可以從先前導(dǎo)出的庫PNG文件（位于硬盤、CD和網(wǎng)絡(luò)上）中導(dǎo)入元件。有關(guān)導(dǎo)出元件的更多信息，請參閱導(dǎo)出元件。若要將元件從其它文件導(dǎo)入到當(dāng)前文檔中：執(zhí)行下列操作之一：從“庫”面板的“選項”菜單中選擇“導(dǎo)入元件”。選擇“編輯”>“庫”>“其它”。導(dǎo)航到包含該文件的文件夾，選擇該文件，然后單擊“打開”。選擇要導(dǎo)入的元件，然后單擊“導(dǎo)入”。導(dǎo)入的元件隨即出現(xiàn)在“庫”面板中。通過拖放或復(fù)制和粘貼實例，您還可以將獨立的元件導(dǎo)入到多個文檔的“庫”面板中或者將其從多個文檔的“庫”面板中導(dǎo)出。若要通過拖放或復(fù)制和粘貼操作導(dǎo)入元件，請執(zhí)行下列操作之一：將元件實例從包含該元件的文檔拖到目標(biāo)文檔中。在包含該元件的文檔中復(fù)制一個元件實例，然后將其粘貼到目標(biāo)文檔中。16導(dǎo)出元件如果已在Fireworks文檔中創(chuàng)建或?qū)肓嗽?，并且希望將其保存以便在其它文檔中重新使用或與他人共享，您可以通過“庫”面板的“選項”菜單將它們導(dǎo)出到PNG文件。然后，可以使用“編輯”>“庫”子菜單導(dǎo)航到包含這些元件的PNG文件，并將它們導(dǎo)入。若要導(dǎo)出元件：從“庫”面板的“選項”菜單中選擇“導(dǎo)出元件”。選擇要導(dǎo)出的元件，然后單擊“導(dǎo)出”。導(dǎo)航到文件夾，為該元件文件鍵入一個名稱，然后單擊“保存”。Fireworks將這些元件保存在單個PNG文件中。17在多個文檔中更新已導(dǎo)出的元件和實例導(dǎo)入的元件會保持與其原始元件文檔的鏈接?？梢跃庉嬙荚臋n，然后更新目標(biāo)文檔以反映所做的編輯。若要更新所有已導(dǎo)出的元件和實例：在原始文檔中，雙擊某個實例，或選擇某個實例，然后選擇“修改”>“元件”>“編輯元件”以打開相應(yīng)的元件編輯器。修改元件，然后關(guān)閉編輯器。保存該文件。在導(dǎo)入了該元件的文檔中，從“庫”面板中選擇該元件。從“庫”面板的“選項”菜單中選擇“更新”。

注意：若要更新所有已導(dǎo)入的元件，請在“庫”面板中選擇所有元件，然后選擇“更新”。18使用URL為網(wǎng)頁對象指定URL時，將創(chuàng)建一個指向諸如網(wǎng)頁這樣的文件的鏈接?？梢詾闊狳c、按鈕和切片對象指定URL。如果打算多次使用同一URL，可以在“URL”面板中創(chuàng)建一個URL庫并將這些URL儲存在該庫中。可使用“URL”面板添加、編輯和組織URL。例如，如果網(wǎng)站包含幾個用于返回到主頁的導(dǎo)航按鈕，可以將主頁的URL添加到“URL”面板中。然后可以通過在“URL”庫中選擇該URL將它指定給每個導(dǎo)航按鈕。如果某個URL出現(xiàn)在多個文檔中，可以使用“查找和替換”功能進(jìn)行批量更改（請參閱查找和替換）。URL庫對所有Fireworks文檔都可用，并在會話間保存。19將URL指定給網(wǎng)頁對象若要將URL指定給網(wǎng)頁對象：在“鏈接”文本框中輸入一個URL。單擊加號(+)按鈕以添加URL。選擇網(wǎng)頁對象。從“URL”預(yù)覽窗格中選擇URL。20創(chuàng)建URL庫若要創(chuàng)建新的URL庫：從“URL”面板的“選項”菜單中選擇“新建URL庫”。在文本框中輸入庫名稱，然后單擊“確定”。新庫名稱隨即出現(xiàn)在“URL”面板的“庫”彈出菜單中。若要將新的URL添加到URL庫：從“庫”彈出菜單中選擇一個庫。在“鏈接”文本框中輸入一個URL。單擊加號(+)按鈕。加號(+)按鈕將當(dāng)前URL添加到庫中。通過只添加那些在文檔中使用的URL，可以對URL進(jìn)行進(jìn)一步的組織。若要在將URL指定給網(wǎng)頁對象的同時將它添加到庫中：選擇該對象。執(zhí)行下列操作之一輸入URL：從“URL”面板的“選項”菜單中選擇“添加URL”，輸入一個絕對或相對URL，然后單擊“確定”。在“鏈接”文本框中輸入一個URL。單擊加號(+)按鈕。該URL隨即出現(xiàn)在“URL”預(yù)覽窗格中。請參閱指定URL以及設(shè)置按鈕元件或?qū)嵗腢RL。若要將已使用的URL添加到URL庫中：從“庫”彈出菜單中選擇一個庫。從“URL”面板的“選項”菜單中選擇“將使用的URL添加到庫”。若要將所選URL從“URL”預(yù)覽面板中刪除：單擊“URL”面板底部的“從庫中刪除URL”按鈕。若要刪除庫中所有未使用的URL：從“URL”面板的“選項”菜單中選擇“清除未用的URL”。單擊“確定”。21編輯URL使用“URL”面板可以輕松地對URL進(jìn)行編輯?？梢灾痪庉嬆硞€URL的單個匹配項，也可將所做的更改應(yīng)用于整個文檔。若要編輯URL：從“URL”預(yù)覽窗格中選擇要編輯的URL。從“URL”面板的“選項”菜單中選擇“編輯URL”。編輯URL。如果希望在整個文檔中更新該鏈接，請選擇“更改文檔中的所有匹配項”。22關(guān)于絕對URL和相對URL當(dāng)在“URL”面板中輸入URL時，可以輸入絕對或相對URL：如果要鏈接到的網(wǎng)