使用Java小程式為網頁上的照片添加效果

程式|網頁

1.準備源檔案

選擇要放置到網頁上的照片，用掃描器掃描得到照片的影像檔，再用PhotoShop等影像處理軟體處理成大小為300×300象素的映像，最後儲存為或者使用ACESee等映像查看軟體轉換為.jpg格式，儲存到建立的檔案夾photo中（注意千萬別使用漢字為這個檔案夾命名）。現在假設這些照片映像分別為photo1.jpg、photo2.jpg、photo3.jpg。其中photo1.jpg為主要照片，photo2.jpg和photo3.jpg為輔助照片，最好選擇不同時期的照片以反映個人的全貌。為了讓別人瞭解你，還可以製作一個HTML格式的說明檔案，包含一些必要的說明資訊。這裡設這個檔案為note.htm，同樣也要將這個檔案儲存到photo檔案夾中。

2.準備HTML編輯器

古語云：工欲善其事必先利其器。

為了使用Java代碼來編製網頁，需要有一個HTML代碼編輯器。推薦使用Web Weaver 98。這個程式可以從網上下載，這個程式是於1999年2月1日上網的1.02版本，下載絕對路徑名為ftp://ftp.simtel.net/pub/simtelnet/win95/html/webwv982.zip，下載大小約為3.7M。大家也可以到Download網站(http://www.download.com)中，利用上面提供的搜尋功能，以Web weaver為關鍵詞搜尋得到Web Weaver 98的下載連結，下載結束後將程式安裝好，工具就算備齊了。

3.製作帶有不同效果的Java小程式的網頁檔案

製作帶有Java小程式網頁的過程比較簡單，只要將相應的Java代碼輸入到HTML編輯器中，而後將文檔存為HTML格式(這裡設以下兩種效果的HTML檔案分別為effect1.htm和effect2.htm),儲存到photo檔案夾中即可。

(1)有位佳人在水的一方

“碧草蒼蒼，白霧茫茫，有位佳人，在水一方…”

歌中的境界其實也可以在網頁上實現。現在假設照片上的你就是一位佳人，通過下面的代碼即可使你在水中若隱若現。

<center>　　<applet archive="AnWater.jar" code="AnWater.class" width="300" height="300">　　<param name="credits" value="Applet by Fabio Ciucci (www.anfyjava.com)">　　<param name="res" value="1">　　<param name="image" value="photo1.jpg">　　<param name="light" value="YES">　　<param name="minlight" value="0">　　<param name="maxlight" value="100">　　<param name="autodesign" value="YES">　　<param name="density" value="5">　　<param name="fishnum" value="0">　　<param name="cross" value="NO">　　<param name="crossfactor" value="30">　　<param name="rainsize" value="0">　　<param name="rainfactor" value="10">　　<param name="srainsize" value="0">　　<param name="srainfactor" value="10">　　<param name="fixdrop" value="NO">　　<param name="fixdropX" value="0">　　<param name="fixdropY" value="0">　　<param name="fixdropS" value="0">　　<param name="fixdropF" value="0">　　<param name="pressure" value="400">　　<param name="fluidmode" value="water">　　<param name="interactive" value="YES">　　<param name="overimg" value="NO">　　<param name="overimgX" value="0">　　<param name="overimgY" value="0">　　<param name="textscroll" value="NO">　　<param name="regcode" value="NO">　　<param name="reglink" value="NO">　　<param name="regnewframe" value="NO">　　<param name="regframename" value="_blank">　　<param name="statusmsg" value="Water applet">　　<param name="memdelay" value="1000">　　<param name="priority" value="3">　　<param name="MinSYNC" value="10">　　Sorry, your browser doesn't support Java.　　</applet>　　</center>

(2)顯示3張不同時期的照片

將下面的Java代碼插入到網頁的HTML代碼中，即可實現3幅照片輪流翻開，單擊任何一個都將連結到photonote.htm網頁進而閱讀其中的說明資訊。

<center>　　<applet archive="bookflip.jar" code="bookflip.class" width="300" height="300">　　<param name="credits" value="Applet by Fabio Ciucci (www.anfyjava.com)">　　<param name="res" value="1">　　<param name="image1" value="photo1.jpg">　　<param name="link1" value="note.htm">　　<param name="statusmsg1" value="anfy 1">　　<param name="flip1" value="4">　　<param name="image2" value="photo2.jpg">　　<param name="link2" value="note.htm">　　<param name="statusmsg2" value="anfy 2">　　<param name="flip2" value="2">　　<param name="image3" value="photo3.jpg">　　<param name="link3" value="note.htm">　　<param name="statusmsg3" value="anfy 3">　　<param name="flip3" value="7">　　<param name="speed" value="4">　　<param name="pause" value="1000">　　<param name="extrah" value="80">　　<param name="flipcurve" value="2">　　<param name="shading" value="0">　　<param name="backR" value="64">　　<param name="backG" value="96">　　<param name="backB" value="160">　　<param name="overimg" value="NO">　　<param name="overimgX" value="0">　　<param name="overimgY" value="0">　　<param name="regcode" value="NO">　　<param name="regnewframe" value="NO">　　<param name="regframename" value="_blank">　　<param name="memdelay" value="1000">　　<param name="priority" value="3">　　<param name="MinSYNC" value="10">　　Sorry, your browser doesn't support Java.　　</applet>　　</center>

以上是兩種效果的Java小程式代碼。記得將插入這些代碼的HTML檔案儲存到photo檔案夾中。

4..獲得其餘必要的支援檔案

到網路上下載一個叫做Anfy Java 1.4的工具軟體。下載的絕對路徑名為ftp://ftp.digital.com/pub/micro/pc/simtelnet/win95/java/anjava14.zip，下載大小是3227K。也可以到Download網站以anfy java為關鍵詞搜尋得到其下載連結。將這個工具軟體安裝好以後，到檔案夾C:Program FilesAnfy TeamAnfy JavaAppletookflip中找到Bookflip.class、Anfy.class、Lware.class、Bookflip.jar以及AnWater.class、AnWater.jar等.class檔案將其拷貝到photo檔案夾中。支援檔案也準備好了。

5.測試與使用相應的網頁

用支援Java效果的瀏覽器開啟製作出來的effect1.htm檔案和effect2.htm，就會看到Java小程式構造出來的奇妙效果了。如果對效果不很滿意，可以用HTML編輯器重新開啟HTML檔案，調整相應相應程式碼片段中的各種參數，直到滿意為止。

如果在帶有Java小程式的網頁中添加一些其它必要的內容，即可形成自己的富有特色的網頁。至於是用來做首頁還是做從頁，就看你的需要了。由於上述的Java代碼沒有考慮分區效果，而只是將Java效果橫向置中顯示在瀏覽器上。