注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> FrontPage >> 网页设计正文

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

文章来源:IT.COM.CN 作者:小鱼 更新时间:2006-4-21 9:42:00 【 】 【加入收藏

  在制作网页的时候,如果给网页增加一些实用的小技巧,那一定会给你的网站增色不少,下面就介绍几个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
  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     FrontPage设计网页禁用JavaScript
     设计网页FrontPage2000的一些基础问答
     分享FrontPage制作网页的几个技巧
     轻松利用FrontPage做站内搜索
     网页字体在Frontpage2000制作网页中的讲解
     制作网页使用FrontPage
     Frontpage制作网页初学问题解答
     教你用Frontpage制作网上电影的发布
     用Frontpage手把手教你制作网上电影的发布
     网页制作小技巧:隐藏网页的滚动条的方法
    相 关 文 章

    CSS教程:CSS中的定位(position)
    JavaScript教程:onmouseover控制图片
    HTML教程,认识optgroup元素
    动态修改框架(frame)src属性的方法
    FrontPage设计网页禁用JavaScript
    关于Ajax responseText 的一点阐述
    css里expression实现界面对象的批量控制
    Opera下cloneNode的bug
    用纯Flash Actionscript做的火柴棍小人跑的…
    关于clientHeight、offsetHeight、scrollHe…

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用