点击这里给我发消息 点击这里给我发消息

动态网页巧制作

添加时间:2010-1-5
    相关阅读: 开发软件 网页 设计 软件 开发 技术 页面

每一个的初学者都可以做到,怎么样?心动了吧,且听我慢慢道来。

  一、使用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文件,只不过文件名有了

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册