JAVA基礎:動態網頁巧製作

　　每一個網頁製作的初學者，都想讓自己的網頁更漂亮，看起來更專業。要想製作出聲形兼俱的動態網頁，您需要了解動態網頁製作技術，它是建立在動態HTML語言(即DHTL語言)之上的一種新技術，它包括CSS文字效果，層技術，框架結構，push技術，JavaScript、Java和ASP等。(聽不懂，太專業了！)，聽不懂沒關係，您只要清楚，要使用Dreamwave3.0以上製作網頁，因為Dreamwave3.0內置以上大部分技術，您所要做的僅僅是插入層，拖動，複製，粘貼。也就是把動態網頁腳本插入到原來網頁的HTML中。

　　下面的動態網頁製作技術可能是您需要的：

　　推(push)技術，讓您網頁上的新聞自動更新；Java小應用程序(Java applet)，如讓您網頁中的圖像模擬水滴落在預製圖像文件上，水面上激起層層漣漪，給人一促寧靜致遠的感受；Java Script腳本，讓您的網頁每次進入都播放不同的音樂，如你第一次進入該網頁播放《泰坦尼克號主題曲》，第二次進入則播放《999朵玫瑰》，第三次進入……；ASP中的ADO的技術，讓用戶在瀏覽器畫面中輸入、更新和刪除網站伺服器的資料庫信息。
　　以上是目前國際上非常流行的技術，使用起來也不困難，不用編程，只需從網上下載相應的腳本(即程序)，將其添到您的網頁上即可，任何稍微懂得一點網頁製作的初學者都可以做到，怎麼樣？心動了吧，且聽我慢慢道來。

　　一、使用Java動態小應用程序

　　利用Java可以在您的網頁上加入各式各樣的動態效果，它可是製作動態網頁的好工具，代表了新一代的Web技術。
　　Java於1995年問世，是一種由美國Sun公司開發的新一代編程語言，其目標是在網路環境中開發軟體。由於Java是一種編程語言，要想掌握它，需要有一定的計算機程序設計基礎。然而對於網上的Java小應用程序(Java Applet)，即網頁中小巧可愛的Java程序。你無須學會Java就可以使用，只要稍作改動就可放在網頁上使用。因此，怎麼將現成的Java小應用程序嵌入自己的網頁中，如何改動參數，讓小應用程序變成你自己的東西可是個關鍵。
　　也許，大家對什麼是「Java小應用程序」有些摸不著頭腦。事實上是伴隨網頁而來的Java程序有一個特別的名字，叫Applet，可以把它想像成是一個個小巧可愛的程序，這主是「Java小應用程序」名稱的由來。
　　　捷徑：要將Java小應用程序嵌入網頁

　　1.將Java applet腳本複製到網頁的html文件中

　　首先複製Java源程序， 進入Dreamwave3中，在網頁的某個位置插入新圖層，並確定層在html中的位置。即按菜單插入/圖層，點按菜單窗口/html源文件，出現html源文件窗口，定位新加的層在html文件中的位置，如：將滑鼠放到新圖層中打幾個字母mmm，則html源文件也應該出現mmm，滑鼠定位到html源文件中的mmm后，將html源文件中的mmm刪除。
按粘貼，將Java程序粘貼在html源文件中游標所在位置。

　　2.注意還要將java程序所需的*.class文件，*.gif背景文件複製到網頁文件*.htm所在的同一目錄下。按＜F12＞鍵預覽。

　　3.參數修改：

　　下面是一個Java applet的源文件：比較重要的兩行width="128" height="128"表示動畫的寬和高，value="imfad1.gif"表示背景文件名。
＜applet archive="AnWater.jar" code="AnWater.class" width="128" height="128"＞
動畫的寬和高
…
＜param name="image" value="imfad1.gif"＞ ; 載入圖像
…
　　Java動畫的背景圖片是一些JPG或GIF的靜態圖片，動態效果是Java程序加在背景圖片上產生的，如水波效果。假如要將Java動畫的背景圖片改成另一圖片，則可將另一圖片複製到*.htm所在的同一目錄下，在html源文件中修改背景文件名，修改寬和高的值即可。新圖片寬和高的值若不知道是多少，可在ACDSee的中打開該新圖片，在其底下的狀態行有圖片的寬和高的信息。
　　假如你想讓新圖片的大小與原Java applet圖片的大小一致，可以用Photoshop對新圖片進行放大或縮小。

　　4.注意事項：

　　要將java程序所需的*.class文件，*.gif背景文件複製到網頁文件*.htm所在的同一目錄下。
　　Java applet的效果十分華麗，但將大降低瀏覽器的刷新速度，因此不可太貪多。一個頁面有一兩個Java Applet即可。
　　　注意*.class文件的大小寫。筆者就遇到這樣的情況：有時提供的AnWater.class寫成了ANWATER.CLASS，這時Java Applet在本機上能運行，上傳至伺服器中，該有Java效果的位置只顯示一塊灰板，開始以為上傳過程中出錯，造成文件缺損，但用CuteFTP上傳了幾次還是這樣，用滑鼠點擊灰色方塊，狀態行提示找不到AnWater.class，當時一看就明白了：伺服器肯定是Unix的，它對大小寫非常敏感，它認為ANWATER.CLASS與AnWater.class不是同一文件，所以才找不到，將ANWATER.CLASS文件名改成AnWater.class並上傳后，問題解決。

Java動態小應用程序集錦：

　　下載推薦網站：http://www.anfyteam.com的Anfy 1.4.5 中文版 - 包括 41 個特殊效果的applet。
您只要到一些提供這些應用程序的網站下載些小程序，很方便的就可以使自己的網頁，桌面牆紙或屏幕保護上添加魔術般的效果，有菜單樹、焰火、水面、湖面、橫幅/幻燈片放映 、Anfy網路攝影機、文字捲動等效果。為讀者提供展示創造性的無限空間。下面是部分程序效果介紹。

　　1.Water 此applet可以在任意GIF或JPG圖像上模擬水的波動。此applet是完全參數化的，因此您可以產生許多水的波動效果。
除了要背景圖像，還需上傳如下3個「.class＂文件：AnWater.class ，Lware.class，anfy. class 另外，上傳AnWater.jar可以在最新的瀏覽器中加快載入速度。
　html文件：anwater.html
　參數說明文件：anwater.txt

　　2.Book Flip 可以在多幅同樣大小的GIF或JPG圖像間實現「書本翻頁＂的動態變換效果。非常漂亮!
必需的文件：除了書本反轉圖像和一個隨意的遮蓋圖像，還需上傳如下3個「.class＂文件：bookflip.class，Lware.class，anfy.class 另外，上傳bookflip.jar可以在最新的瀏覽器中加快載入速度。

　　3.Lake 網上流傳甚廣的湖中倒影特技，效果非常動人，佔用內存比其他幾個類似的程序更少，讀者可以任意設定風速，風力和波浪強度等參數
　必需的文件：除了要一個背景圖像，還需上傳如下3個「.class＂文件：AnLake.class ， Lware.class，anfy class。另外，上傳AnLake.jar 可以在最新的瀏覽器中加快載入速度。

　　二、使用JavaScript動態程序

JavaScript是解釋型語言，其源代碼文件直接在運行時解釋執行，適用於較小任務的程序，比Java簡單。
JavaScript的出現在很大程度上就歸功於Java，雖然兩者的功能以及編程風格大不相同，但JavaScript的語法和基本結構與Java是相似的。JavaScript最初是作為瀏覽器Netscape本身臨其境的腳本編寫語言以LiveScript為名，但在1995年末，Sun公司認可了該語言，且更名為JavaScript。雖然JavaScript比Java簡單，但仍然需要具備計算機編程知識以及面向對象的技術知識。因此，在這裡只介紹如何將現成的JavaScript腳本嵌入HTML文件的方法。
　　　捷徑：要將Java小應用程序嵌入網頁

　　將Java applet腳本複製到網頁的html文件中即可。方法同Java應用小程序。
　　腳本下載推薦網站：http://java2000.wol.com.cn
　　此網站是中文網站，有大量的JavaScript源文件，分類非常詳細：有按鈕和連接控制，瀏覽器窗口控制，客戶端表單控制，多媒體音樂控制，背景效果處理，日期與時間腳本，Frame幀控制，圖形圖象處理，菜單與頁面導航，站內搜索引擎，Password腳本，樹型摺疊菜單，頁面文字特效。此網站還有一個最大的優點：大部分腳本都可以在網上預覽，看了預覽后，你就會知道此腳本是否是你需要的，是否值得下載。

　　JavaScript動態程序集粹：

　　與Java小應用程序相比，JavaScript有很多的優點，如簡單適用，短小，運行速度快等等，這裡推薦三個動態的JavaScript程序給讀者。再次提醒，以下腳本不用編寫，從http://java2000.wol.com.cn下載即可。

　　1. 隨機的MIDI播放控制台腳本--酷!隨機播放《泰坦尼克主題曲》，《999朵玫瑰》等背景Midi音樂－刷新頁面能聽到不同的音樂，源程序：
＜script LANGUAGE="JavaScript"＞
song = new Array(5); //與Midi樂曲數量對應＝樂曲數量-1
title = new Array(5); //與Midi樂曲數量對應＝樂曲數量-1
song[0] ='xfile.mid'
song[1] ='007.mid'
song[2] ='0072.mid'
song[3] ='999dmg.mid'
song[4] ='yongxinliangku.mid'
song[5] ='titanic.mid' //泰坦尼克主題曲的MID文件名
title[0] = 'X-檔案主題曲' //Midi曲目
title[1] = '007主題曲1'
title[2] = '007主題曲2'
title[3] = '999朵玫瑰'
title[4] = '用心良苦'
title[5] = '泰坦尼克主題曲泰坦尼克主題曲等的MID文件'
＜/script＞

　　　注意事項：

　　泰坦尼克主題曲等的MID文件都要複製到網頁文件*.htm的同一目錄下。
　　泰坦尼克主題曲等的MID文件在哪可找到呢？在網站預覽聽到這些歌曲后，其實在你的硬碟中的Temporary Internet Files目錄已有泰坦　　尼克主題曲等的MID文件，只不過文件名有了一點小變化，如成了titanic[1].mid，按開始/查找/文件或文件夾，tit*.mid，即可找到，雙擊聽一下看是不是，是則將文件名改為titanic.mid，並複製到網頁*.htm的同一目錄下。

　　2．自動彈出式窗口

　　一進入某個頁面，立該會彈出一個窗口，用這個腳本就可以實現，而且窗口大小可以定製，裡面的內容可以是你想說明的任何內容。作為歡迎窗口效果非常cool。

三、推(push)技術

　　讓您的網頁上的新聞自動更新。
　　使用方法同JavaScript，將動態腳本插入HTML中即可。
　　腳本下載推薦網站：http://www.howshine.com/

　　四．ASP中的ADO的技術

　　ASP是Active Server Pages的英文縮寫，中文意思叫——動態伺服器主頁，ASP是微軟公司1999年11月推出的Web應用程序開發技術。
　　ADO(ActiveX Data Objects) 是一個ASP內置的ActiveX組件，用於資料庫訪問，可把它與ASP結合起來，建立提供資料庫信息的網頁內容，對資料庫進行查詢、插入、更新、刪除等操作，可用來製作電子商務網站。
　　　捷徑：用Dreamweaver UltraDev製作基於NT伺服器的帶有資料庫查詢功能的網頁，因為ADO的技術已內置於Dreamweaver UltraDev之中。
　　使用ADO技術要安裝NT的IIS(Internet Information Server)網際網路信息伺服器，或者win98的PSW(Personal Web Server)個人主頁伺服器來提供Internet服務，(如WWW服務，FTP服務等)，並且，在Dreamweaver UltraDev中，儘管大部分腳本可自動生成，但操作的步驟較多，因此這裡不再詳述，感興趣的讀者可查看相關的介紹Dreamweaver UltraDev書籍。

　　後記

　　假如大家對動態網頁的印象還僅僅是停留在紙面上，想得到一些感性認識的話，請下載http://www.anfyteam.com的Anfy 1.4.5 中文版 - 包括 41 個特殊效果的applet。。
　　安裝an145chs.exe，裡面包含有40種Java小應用程序和腳本。注意，每種程序幾乎都有幾種不同的變化，點按Version即可看到。
　　為了讓自己的主頁儘快動起來，快去下載吧！

Tags: linux system 內核