您的位置: 首页 > 软件教程 > FrontPage教程专题 > FrontPage基础教程特效按钮的制作

FrontPage基础教程特效按钮的制作

8.5分
出处:it.com.cn 时间:2011-07-01

您可能感兴趣的话题: FrontPage  

核心提示:在制作网页的时候,如果给网页增加一些实用的小技巧,那一定会给你的网站增色不少

  在制作网页的时候,如果给网页增加一些实用的小技巧,那一定会给你的网站增色不少,下面就介绍几个FrontPage的小技巧,希望能对你有帮助。

  特效按钮的制作

  用一般的方法制作网页中的按钮,一点也不好看,还是用个FrontPage来制作一个特效按钮吧。

  1、打开FrontPage,点击菜单“插入-Web组件”。 (图1)

FrontPage基础教程特效按钮的制作
图1

  2、在弹出的对话框中选择组件类型为“动态效果”,效果为“悬停按钮”。(图2)

FrontPage基础教程特效按钮的制作
图2

  3、然后就可以来设置这个按钮了,输入按钮的名称、链接到的地址、按钮的效果、大小和颜色等设置,这里就是选择的“发光”效果,完成点击“确定”按钮。(图3)

FrontPage基础教程特效按钮的制作
图3

  这样一个会发光的按钮就轻松的制作出来了。(图4)(图5)

FrontPage基础教程特效按钮的制作FrontPage基础教程特效按钮的制作

点击前 点击后

  网页过渡效果的制作

  有时候我们在浏览网站的时候,会看见在打开网页的时候有个过渡效果,很不错,其实用FrontPage也可以实现。

  1、打开FrontPage,把需要添加过渡效果网页打开,点击菜单“格式-网页过渡”。(图6)

FrontPage基础教程特效按钮的制作(2)
图6

  2、在弹出的“网页过渡”事件中来设置过渡的效果,先选择效果出现的时候,可以选择“进入网页”或者“离开网页”,如果选择“进入网页”,那么这个效果就是在进入该网页的时候显示;接着设置一下效果的显示周期,一般为6~8秒,这个可以根据自己的情况设置;然后就是选择过渡效果了,找个自己喜欢的就可以了,如选择“垂直遮蔽”。(图7)

FrontPage基础教程特效按钮的制作(2)
图7

  下面就是“垂直遮蔽”的过渡效果,怎么样不错吧^_^ 。(图8)

FrontPage基础教程特效按钮的制作(2)
图8

  制作会动的文字

  想给你的网页来点动态效果吗?如一串会动的文字。

  1、打开FrontPage,点击菜单“格式-动态HTML”效果,使前面的勾打上。(图9)

FrontPage基础教程特效按钮的制作(3)
图9

  2、接着在编辑区域中输入文字,选中它,然后在刚才弹出的“DHTML效果”工具栏中进行设置,如设置在“网页加载”是,应用“弹起”效果,“从右侧”开始弹起。完成后就可以点击“预览”按钮看效果了。(图10)

FrontPage基础教程特效按钮的制作(3)
图10

网友评论
多特网友 2013-11-08 16:53:24 回复
没有有用
多特网友 2013-11-08 16:53:24 回复
没有有用
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]