分享
 
 
 

动态网页巧制作

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有