用Dreamweaver輕鬆插入Java特效

　　利用 Java 技術製作網頁特效，可以使網頁生動美觀，然而， Java 命令並不是那麼容易掌握的，很多讀者看到編程語句就頭暈。本執行個體將為讀者介紹一個好東西 ——Anfy Java ，有了它，可以不用編寫 Java 命令，就能輕鬆實現各種網頁特效。

　　效果說明

　　在一張雪景圖片上產生飄雪特效，同時伴隨著飄雪還會有文字自下而上地運動，形成一個冬季雪景的動畫，並將該動畫插入到網頁中的任意位置上，如圖 62-1 所示。

　　創作思想

　　首先利用 Anfy Java 軟體產生特效，然後將該軟體自動產生的程式碼複製到網頁中相應的位置，就可以輕鬆完成特效的製作了。

　　操作步驟

　　( 1 )安裝並啟動軟體。雙擊本執行個體源檔案夾中的【 Anfysetup 】可執行程式安裝軟體。安裝完成後雙擊案頭上的【 Anfy 】表徵圖啟動程式，如圖 62-2 所示。

　　( 2 )設定特效類型。在介面中的【類型】欄下有 6 個選項按鈕，代表 6 種不同的特效類型。在這裡選擇第三種類型【映像效果】，並在下拉式功能表欄中選擇【 SNOW 】，然後單擊【下一步】按鈕進行下一步的設定，如圖 62-3 所示。

　　( 3 )選擇背景映像。在【背景映像】下的文字框中輸入圖片的路徑和檔案名稱，也可以單擊右邊的【瀏覽】按鈕選擇圖片，其他選項按照預設設定即可。單擊【預覽】按鈕進行預覽，如果覺得不滿意，還可以單擊【上一步】按鈕返回上一步進行修改。然後單擊【下一步】按鈕，如圖 62-4 所示。

　　( 4 )設定滾動文本。映像特效設定好了，接著要進行的是文字效果的設定。在【捲動文字】下的選擇框中選擇【 Vertical 】類型，使文字垂直運動;在【文字】下面的文字框中輸入要在圖片中顯示的文字內容。除了這些設定外，還可以在右上方的【字型】框中設定字型及文字的大小、顏色和陰影等參數，設定完各選項參數後單擊【下一步】按鈕，如圖 62-5 所示。

　　( 5 )對效果進行最佳化設定。如圖 62-6 所示，這時出現的選項主要是對效果進行最佳化設定，在這裡選擇【依速度最佳化】，然後單擊【下一步】按鈕。

　　( 6 )此時彈出的視窗是一個註冊視窗，如圖 62-7 所示。在該視窗中可以不做任何選擇和設定，直接單擊【下一步】按鈕。

　　( 7 )複製代碼到剪貼簿。這時彈出的視窗是代碼視窗，在該視窗中單擊【複製到剪貼簿】按鈕，然後在 Dreamweaver 中開啟要插入特效的網頁，這裡開啟的是本執行個體素材檔案夾中的 texiao.htm 檔案，將游標置於要插入特效的儲存格中，如圖 62-8 所示。

　　( 8 )將代碼複製到網頁中。切換至程式碼檢視視窗，按下鍵盤上的 Ctrl+V 鍵，將在 Anfy 軟體中產生的程式碼複製到頁面的相應位置上，如圖 62-9 所示。

　　( 9 )儲存所有檔案。如果此時按下 F12 鍵進行預覽，是看不到正確結果的，因為還缺少了使特效啟動並執行類檔案，必須手工將類檔案加入到與網頁路徑相同的檔案夾中。在 Anfy 軟體中選擇【複製所有檔案到】按鈕，在彈出的對話方塊中進行分頁檔的儲存設定，如圖 62-10 所示。

　　提示：由於這裡只是需要用到該軟體產生的類檔案，所以可直接將該檔案儲存到案頭上一個建立的檔案夾中，當拷貝了其中的類檔案後，就可以將該檔案夾刪除了。

　　( 10 )拷貝案頭上建立檔案夾中的相關類檔案(尾碼名為 .class 的檔案)和文字檔到儲存了要應用特效的網頁的檔案夾下，就可以在網頁中的任意位置插入特效了，如圖 62-11 所示。讀者可參考本執行個體素材檔案夾中的 texiaook.htm 效果檔案。至此，本執行個體製作完成。

　　能善於發現和使用有效協助工具輔助，不僅可以使得設計更加精彩，更能夠提高工作效率，可謂事半功倍。

        注：更多精彩教程請關注三聯網頁設計教程 欄目，