文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计DreamWeaver → 用Dreamweaver插入Java特效方法

用Dreamweaver插入Java特效方法

时间:2008/11/3 9:08:00来源:本站整理作者:我要评论(0)

 

  利用 Java 技术制作网页特效,可以使网页生动美观,然而, Java 命令并不是那么容易掌握的,很多读者看到编程语句就头晕。本实例将为读者介绍一个好东西 ——Anfy Java ,有了它,可以不用编写 Java 命令,就能轻松实现各种网页特效。

  效果说明

  在一张雪景图片上生成飘雪特效,同时伴随着飘雪还会有文字自下而上地运动,形成一个冬季雪景的动画,并将该动画插入到网页中的任意位置上,如图 62-1 所示。

不写代码用Dreamweaver轻松插入Java特效

  创作思想

  首先利用 Anfy Java 软件生成特效,然后将该软件自动生成的代码复制到网页中相应的位置,就可以轻松完成特效的制作了。

  操作步骤

  ( 1 )安装并启动软件。双击本实例源文件夹中的【 Anfysetup 】可执行程序安装软件。安装完成后双击桌面上的【 Anfy 】图标启动程序,如图 62-2 所示。

不写代码用Dreamweaver轻松插入Java特效

  ( 2 )设置特效类型。在界面中的【类型】栏下有 6 个单选按钮,代表 6 种不同的特效类型。在这里选择第三种类型【图像效果】,并在下拉菜单栏中选择【 SNOW 】,然后单击【下一步】按钮进行下一步的设置,如图 62-3 所示。

  ( 3 )选择背景图像。在【背景图像】下的文本框中输入图片的路径和文件名,也可以单击右边的【浏览】按钮选择图片,其他选项按照默认设置即可。单击【预览】按钮进行预览,如果觉得不满意,还可以单击【上一步】按钮返回上一步进行修改。然后单击【下一步】按钮,如图 62-4 所示。

不写代码用Dreamweaver轻松插入Java特效

 

  ( 4 )设置滚动文本。图像特效设置好了,接着要进行的是文本效果的设置。在【卷动文字】下的选择框中选择【 Vertical 】类型,使文字垂直运动;在【文字】下面的文本框中输入要在图片中显示的文字内容。除了这些设置外,还可以在右上角的【字型】框中设置字型及文字的大小、颜色和阴影等参数,设置完各选项参数后单击【下一步】按钮,如图 62-5 所示。

不写代码用Dreamweaver轻松插入Java特效

  ( 5 )对效果进行优化设置。如图 62-6 所示,这时出现的选项主要是对效果进行优化设置,在这里选择【依速度最佳化】,然后单击【下一步】按钮。

  ( 6 )此时弹出的窗口是一个注册窗口,如图 62-7 所示。在该窗口中可以不做任何选择和设置,直接单击【下一步】按钮。

不写代码用Dreamweaver轻松插入Java特效

  ( 7 )复制代码到剪贴板。这时弹出的窗口是代码窗口,在该窗口中单击【复制到剪贴簿】按钮,然后在 Dreamweaver 中打开要插入特效的网页,这里打开的是本实例素材文件夹中的 texiao.htm 文件,将光标置于要插入特效的单元格中,如图 62-8 所示。

不写代码用Dreamweaver轻松插入Java特效

  ( 8 )将代码复制到网页中。切换至代码视图窗口,按下键盘上的 Ctrl+V 键,将在 Anfy 软件中生成的代码复制到页面的相应位置上,如图 62-9 所示。

不写代码用Dreamweaver轻松插入Java特效

 

  ( 9 )保存所有档案。如果此时按下 F12 键进行预览,是看不到正确结果的,因为还缺少了使特效运行的类文件,必须手工将类文件加入到与网页路径相同的文件夹中。在 Anfy 软件中选择【复制所有档案到】按钮,在弹出的对话框中进行页面文件的保存设置,如图 62-10 所示。

不写代码用Dreamweaver轻松插入Java特效

  提示:由于这里只是需要用到该软件生成的类文件,所以可直接将该文件保存到桌面上一个新建的文件夹中,当拷贝了其中的类文件后,就可以将该文件夹删除了。

  ( 10 )拷贝桌面上新建文件夹中的相关类文件(后缀名为 .class 的文件)和文本文件到保存了要应用特效的网页的文件夹下,就可以在网页中的任意位置插入特效了,如图 62-11 所示。读者可参考本实例素材文件夹中的 texiaook.htm 效果文件。至此,本实例制作完成。

不写代码用Dreamweaver轻松插入Java特效

  能善于发现和使用有效的辅助工

相关视频

    没有数据

相关阅读 dreamweaver怎么把图片成代码 dreamweaver图片生成代码教程Adobe Dreamweaver CC for Mac汉化教程巧用dreamweaver模板批量制作网页Dreamweaver8掌握网页代码基本格式利用Dreamweaver合理优化网页元素布局教您深入了解新的Dreamweaver CS3 CSS布局用Dreamweaver CS3制作下拉菜单去除Dreamweaver中表格宽度辅助线的方法

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 CSS优雅的公布栏源码高级CSS选择器的使用 将网站(主页)变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介

人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度