DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks 4.0 認證教程 第十章 同步練習答案
Fireworks 4.0 認證教程 第十章 同步練習答案
編輯:Fireworks基礎     
題目 答案 題目 答案 1 B 2 D 3 D 4 D 5 D 6 A 7 B 8 B 9 A 10 A 11


該題正確答案為:

一、創建熱區
1.創建熱區使用工具箱中的“Hotpot Tools”工具 ,“Hotpot Tool”工具有矩形熱區工具 、橢圓熱區工具 和多邊形熱區工具。
2.在文檔中選擇要創建圖像熱區的區域,按下左鍵拖拽鼠標,當熱區區域被選中後,釋放鼠標,則該區域被熱區顏色覆蓋,並在熱區中間有一個准心模樣的圖標,表示熱區已經創建, 可以用其他熱區工具創建出不同形狀的熱區。

二、 編輯熱區

A:移動熱區
  直接用鼠標選中要移動的熱區,按住鼠標左鍵拖拽鼠標,將熱區拖到所需的位置即可。

B:改變熱區形狀
1. 選中要修改的熱區。
2. 單擊【Window】菜單中的【Object】命令,打開“Object”面板,
3. 在“shape”下拉菜單中選擇相應的形狀選項,要進行多邊形修改,選擇“Polygon”一項。
4. 在文檔中,用鼠標按住熱區邊緣的節點拖動,此時原來的矩形熱區可以變成多邊形熱區進行任意角度的修改(但不能修改邊數)。

C:改變熱區顏色
  在“Object”面板上有一個顏色井按鈕,單擊它打開顏色井更改熱區顏色。

D:顯示或隱藏熱區
  為了不影響對圖像的編輯操作,編輯好熱區後可以將它隱藏,單擊工具箱中最下方的隱藏熱區安鈕 ,如果要將它顯示,單擊顯示熱區按鈕 。

三、 給熱區分派超鏈接地址
1. 選中熱區,單擊【Window】菜單中的【Object】命令,打開“Object”面板。
2. 在地址欄中輸入超鏈接地址,如:www.yesky.com 。
3. 在“alt”文本框中輸入提示文字,如:“天極網”。
4. 選擇跳轉頁面的打開方式:
—black:在新空白窗口中打開網頁; —self:在當前頁面的框架中打開網頁; Parent:在當前父框架中打開網頁; Top:在當前窗口中打開網頁; 設置完成。

四、 導出熱區
  設置好熱區後,可以將其導出直接在網頁中使用。所以導出時,將生成圖像文件和Html代碼,操作如下:
A:首先利用第九章所學對圖像文件進行優化處理。
B:單擊【File】菜單中的【Export】命令,打開“Export“對話框。如圖:
C:點擊“保存”按鈕,完成導出。

五、創建切片
  創建切片將使用到工具箱中的“Slice Tool”工具。它包括矩形切片工具 和多邊形切片工具 ,切片操作只能在對象模式中進行。

1. 矩形切片的創建相對簡單些,只需用鼠標點選切片工具後,在文檔中拖拽鼠標,拉出一個矩形,則Fireworks將會自動按照矩形的四邊把圖像切割成若干小塊圖像, 要增加切片,可按上述方法反復操作即可;如果要取消切片,選中該切片,直接按“Delete”鍵,將其刪除;要減少切片數,用鼠標按住切片一角的節點上,將其拖出顯示窗口。

2. 創建多邊形切片,選取多邊形切片工具後,在需要創建切片的區域點擊出多邊形的多個頂點,即可創建多邊形切片。

六、 給切片分配超鏈接地址
操作同對熱區的操作相同。

七、 編輯切片
對切片的編輯也是用到“Object”面板,操作方法和編輯熱區相同。

八、導出切片
1.單擊【File】菜單中的【Export】命令,打開“Export”對話框,選擇保存位置,輸入文件名。
2.在“Slices”下拉列表中選擇合適項:
“None”:不生成切片文件。
“Export Slices”:根據繪制的切片生成切片文件。
“Slice Along Guides:根據文檔的現有的標准准線導出切片。
3.選中“Put Images in Subfolder”復選框,點擊“Browse”按鈕,選擇圖像切片存放的文件夾。
4.點擊“Ok”,完成導出。

12


該題正確答案為:

一、制作按鈕
1.單擊【Insert】菜單中的【New Button】命令,打開按鈕編輯器。
2.在編輯器中有一個“+”標識,以它為中心繪制出按鈕各個狀態的圖像,可以通過樣式面板來生成不同的圖像。
3.制作完成,關閉按鈕編輯器,在“Library”面板上可以看到新建的按鈕,

二、 給按鈕添加超鏈接地址
1.選中要分配超鏈接地址的按鈕
2.在“Object”面板上,單擊“Link Wizard”按鈕,打開鏈接向導對話框,
對話框中有四個標簽,要分配超鏈接地址,單擊“Link”標簽。在相應的文本框中,填入超鏈接地址,文字提示,在“Status Bar Text”表示的識別懸停在該按鈕上是,浏覽器狀態欄上顯示的文字。
3.根據向導提示設置好其他標簽選項,單擊“Ok”即可。

三、按鈕導出
  按鈕不是單獨導出的,它是文檔文件的一部分,所以它的導出和切片的導出相同,導出前,可以先對按鈕進行優化處理,在“Link Wizard”對話框中,選中“Export Settings”選項卡後,單擊“Edit”按鈕,打開“Export PrevIEw”進行導出前優化,返回文檔窗口,點擊工具欄的導出按鈕,將其導出,設置同切片類似。

四、導航條
  導航條實際上是一組分別指向不同超鏈接地址的按鈕集,它一般放在網站的“Top”框架中,始終在屏幕上顯示,對網站的浏覽者起著導航的作用,所以被稱作導航條。
  它的制作也就是制作多個按鈕,按一定順序排列,對每個按鈕分配不同的超鏈接地址和行為,放入頁面中即可。

五、行為
  就是在網頁中進行的一系列動作,通過這些動作,可以實現用戶同網頁的交互,也可以引起某個任務的執行。一個行為由一個觸發事件和一系列動作所組成,比如:&111nClick、&111nMouse Over、OnLoad等等事件,就可以產生一些相應的事件,如:彈出對話框、替換圖片、彈出提示信息等等動作。
  Fireworks提供了一種“Behavior”機制,快捷、直觀的讓用戶創建行為,自動地生成相應的&106avascript代碼,直接在網頁中使用。
  下面介紹一個常用的行為事件,創建交互圖像行為,操作如下:
1.在文檔中插入一幅圖像,
2.通過幀面板新建第二幀,插入另一幅圖像
3.選中該圖像,創建切片
4.選中生成的切片,單擊“Behaviors”面板中的“Add Action”按鈕,選擇“Swap Image”命令,打開“Swap Image”對話框
5.選擇“Frame No”單選按鈕,輸入“Frame 2”
6.單擊“Ok”,完成交互輪替效果的設置
7.在預覽窗口預覽。
在學會這些基本行為的創建後,可以制作出更復雜的交互行為來。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved