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

來源:互聯網
上載者:User
程式|網頁

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效果橫向置中顯示在瀏覽器上。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。