动态网页制作技术四则小技巧

动态网页制作技术四则小技巧 每一个网页制作的初学者，都想让自己的网页更漂亮，看起来更专业。要想制作出声形兼俱的动态网页，您需要了解动态网页制作技术，它是建立在动态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即可看到。

 

为了让自己的主页尽快动起来，快去下载吧！