很多网友喜欢在自己的网上家园里“悬挂”上自己的照片。应该说,单纯地将照片静静地放在网页上,已经是过去的事情了。现在,人们喜欢让照片带上一些特别的效果。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 Files\Anfy Team\Anfy Java\Applet\bookflip中找到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效果横向居中显示在浏览器窗口中,所以适合在Java效果的上面或者下面添加一些文字形成主页或者其它具有引导性的网页。
添加文字或者其它图像的时候,使用Netscape Composer或者FrontPage Express将effect1.htm或者effect2.htm直接打开插入即可。
最后将photo文件夹中的所有文件上传到主页所在的服务器,设置好相应的链接,他人便可以看到相应的效果了。