选择显示字体大小

frontpage教程-动态网页

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

1、使用dhtml的基本步骤

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

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

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

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


(点击查看原图)

2、dhtml的事件

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

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

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

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

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

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

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

3、dhtml的小技巧

dhtml兼容性

  利用frontpage2000制作的dhtml网页只能被inte.netexplorer4.0或以上版本完全正常浏览。对于图片的dhtml效果.netscape communicator 4.0或以上版本也可以浏览。

禁止dhtml

  如果想禁用dhtml效果,点选菜单工具/网页选项,在打开的对话框里选择兼容性标签,取消动态html前的复选框里勾,这样dhtm效果被禁用。

快速使用dhtml

  一般情况,在你没有选定某一个对象的情况下,你只需要把鼠标移动到对象的左边或者右边单击一下就可以使用dhtml效果了。

4、网页过渡

  网页过渡是指当你进入或者离开一个网页的时侯所产生的效果的这个过程。比如你从某一页进入另一页,你会发现当前页慢慢向中间合拢,同时出现了另一个新的页面,直到当前页合拢消失而最后出现新的页面。如果你想使用网页过渡,可以按照以下步骤:

1).打开想使用过渡效果的页面,或者新建立一个页面。点选菜单格式/网页过渡,打开网页过渡对话框;

2).在事件下拉列表里选择一个事件,我们选择进入网页。大家要注意,当你为某页和站点都设置了过渡效果时,网页将比站点过渡效果优先;

3).在周期文本框里输入持续的时间,然后在过渡效果列表框里点选一个效果,单击确定。利用浏览器打开该页面,因为我们选择的网页过渡是进入网页,所以当你打开该页时你就能看到过渡效果了。

  利用dhtml效果的确是吸引访问者的有力利器,但如果你不愿意和复杂的代码打交道,那么frontpage2000为你预设了许多dhtml的效果。你要做的仅仅是选定需要动态效果的对象,比如文字,图片,然后利用“傻瓜”式的操作就可以让你的网页动起来。


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons