frontpage动态html效果,FrontPage基础教程特效按钮的制作

您可能感兴趣的话题:

FrontPage

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

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

特效按钮的制作

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

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

d5052ec1b752e1e26a09d22c32e08277.png

图1

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

0e945fbada963594e155aa88bcc41fac.png

图2

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

495aa53b5118ecdba8ff51c679a41dad.png

图3

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

20a0db8486eb66bd72629d3a91b3b3c9.png

a403c94ca674885c94bf2a6dbd2f396f.png

点击前 点击后

网页过渡效果的制作

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

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

4c336c1cac5efba00e56eca5ec2c1402.png

图6

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

2ab8e5cff4ec8314859dc84acb9c5328.png

图7

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

bdd1ad4a17c2d5356a18bcc250b2b0dd.png

图8

制作会动的文字

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

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

c0261b9fed3d367c83c0d8f9136b39d1.png

图9

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

463b997d7ac5963a20fa26329d126db2.png

图10

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值