网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > FrontPage > 用FrontPage2000作DHTML动态网页  

用FrontPage2000作DHTML动态网页

2007-02-11  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

 DHTML是动态网页的意思,它其实并不是一个标准的术语。事实上没有一种技术叫作DHTML.DHTML是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页。比如在动态网页里,当访问者单击了某一张图片后,这张图片会自动的移动,这就是DHTML效果。也就是说,当网页下载完毕后,它无需再与服务器连接就能产生变化了。FrontPage2000提供了一套容易制作动态网页的方法,你可以建立起属于自己特色的动态网页。

网管网www.bitscn.com

  使用DHTML的基本步骤

网管下载dl.bitscn.com

  1.在页面点选需要使用DHTML的对象,比如文本,图片。对于文本需要拖曳鼠标选定;

网管bitscn_com

  2.在DHTML工具栏,选择通过开启的下拉列表选择一种事件,文本和图片所具有的事件是不同的;接下来再应用下拉列表选择一种效果;最后选择该效果的的实现方法; 中国网管联盟bitsCN.com

  3.当你为对象使用了DHTML后,保存该页面并预览,你会发现你选定的对象按照你设置的DHTML的效果出现;

中国网管联盟bitsCN.com

  4.如果想删除某一个对象的DHTML效果,先选定该对象,然后单击DHTML工具栏上的删除效果图标即可。(图1)

中国网管论坛bbs.bitsCN.com

  frontpage 网管联盟bitsCN@com

  图1

中国网管论坛bbs.bitsCN.com

  DHTML的事件 网管联盟bitsCN_com

  在DHTML制作中,我们听得最多的是“事件”这个术语。什么是“事件”呢,顾名思义,就是发生的一件事情,比如你用手打开门,那么这就是一个事件。换到网页制作中,开门变成了单击,也就是说,访问者单击了一个链接,那么出现了事件的结果,门被打开了。

网管联盟bitsCN_com

  在FrontPage2000中,当我们打开DHTML效果工具栏后,点选文本或者图片会产生不同事件。但它们的施用方法是一样的,下面我们以文本举例:

网管网www.bitscn.com

  我们先在编辑器里输入一段文本,比如:网页陶吧,然后继续下面的三个步骤:

网管u家u.bitsCN.com

  事件-(图2)

网管联盟bitsCN@com

  frontpage

中国网管论坛bbs.bitsCN.com

  图2 网管u家u.bitsCN.com

  选定一段需要产生DHTML效果的文本,这里是:网页陶吧。从DHTML效果工具栏的开启下拉列表选择一个事件。这里对于文本我们只有“网页加载”这个事件。“网页加载”就是当网页第一次装入的时侯发生的事件,它不需要用户利用鼠标去触发它,而只需要访问者利用浏览器打开它的时侯就会产生预设的动态效果。 网管联盟bitsCN@com

  应用-(图3) 网管联盟bitsCN@com

  frontpage 网管联盟bitsCN@com

  图3 网管联盟bitsCN@com

  选择好事件后,我们要在应用下拉列表里选择一个该事件的应用效果。在该列表下有七种可以采用的效果,我们选择飞入。

网管下载dl.bitscn.com

  方法-(图4) 网管网www.bitscn.com

  frontpage

中国网管联盟bitsCN.com

  图4 网管联盟bitsCN@com

  对于应用效果会有不同的方法产生。比如当你选择的应用效果是“飞入”的时侯,文本可以从底部飞入,可以从左边飞入,也可以从右边飞入,这些就是方法。在这个下拉列表里并没有注明这个术语。有的应用效果是没有方法的,比如波动。我们这里选择从底部飞入。

网管网www.bitscn.com

  最后保存该页面并预览,你会发现网页陶吧这个四个字在网页第一次加载后从底部飞入。当然,你也可以尝试其它DHTML效果。对于选定图片,你会在DHTML效果工具栏的开启下拉列表看到新的事件,单击和鼠标悬停,它们会有各自的应用效果和实现方法。你可以每一个尝试一下,这样你就能明白这些事件和应用效果和方法之间的关系。 网管u家u.bitsCN.com

网管网www_bitscn_com


TAGs   网页   动态   效果   DHTML   事件   选择   一个   可以   过渡   文本      
 上一篇:使用Pages(页面)面板制作网页   下一篇:如何在Frontpage中定义CSS样式
用FrontPage2000作DHTML动态网页 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: