巧用透明flash装扮职教新干线个人空间|智慧职教

时间：2019-05-03 03:16:42　来源：雅意学习网本文已影响人

　　摘要：该文介绍了如何运用flash动画制作技术和网页的html代码来装扮职教新干线的方法，并给出了一个实例来具体讲解这种方法的使用。　　关键词：html代码；透明flash文件；职教新干线
　　中图分类号：TP391文献标识码：A文章编号：1009-3044(2012)15-3705-03
　　随着中国网络的不断发展，职业教育的发展越来越离不开网络的环境，职教新干线网络平台已经慢慢成为职院进行各种评估、教学交流的基本的平台，现在职业技术学院的教师，已经每个人都拥有了自己的一个用户，拥有了美化这个平台的权限，如何将我们的职教新干线布置的漂漂亮亮，如何来美化我们的新干线平台的主页面，已经成为了当前职教教师的一个重大任务。该文章主要讲解了如何使用我们的flash工具和html代码来美化我们的职教新干线主页面的方法。
　　1需求分析
　　如何来美化我们的新干线平台的主页面，让浏览者第一感觉就吸引眼球，已经成为了当前职教教师的一个重大任务。很多用户由于不懂flash技术或者html代码，所以不知道如何进行比较美观的文章图文混排，最多只能到网上下载现成的动画文件点缀主页，该文给出了一个实例来具体讲解一个原创透明动画来装饰职教新干线主页上应用的方法。
　　2前提条件
　　在职教新干线拥有自己的一个账号，拥有修改权限，开通空间，准备好一些图片素材。
　　现在以作者自己的职教新干线空间为例，如图1所示，制作主页上的小飞机飞来飞去的动画，通过这一动画来讲述一透明flash在职教新干线文章编辑中的应用，重点讲述以html代码应用的方法。
　　3具体操作步骤
　　
　　图1
　　第一步：安装好flash 8.0甚至更高的版本的flash软件，准备好一张飞机图片如图2所示。
　　第二步：套选出飞机的翅膀，新建名称为飞机的元件所示，在元件中导入飞机图形，将飞机图形打散，通过flash的套索工具将飞机的两个翅膀选择出来，如图3所示，将选出来的两个翅膀分别置放于flash的两个层中，即，翅膀一个层，飞机的身子部分一个层，并且在置放到底层。
　　
　　第三步：制作飞机翅膀摆动的逐帧动画：如图3所示，通过F6产生新建关键帧，通过变形工具对关键帧的修改让飞机翅膀摆动起来。
　　第四步：制作飞机飞舞的动画：将飞机摆动的元件拖入场景，新建引导层使用铅笔工具制作飞机飞行的引导路径，如下4所示，通过属性调节好飞机飞行的路线和状态。
　　
　　第五步：透明flash的导出：将场景中的背景颜色全部取消，导出动画如上图5所示设置，导出为“飞机.swf”。按照相同的方法制作一个飞行轨迹有区别的文件，取名为“飞机2.swf”。
　　第六步：上传飞机动画，获取飞机飞行动画的源地址代码：在职教新干线上发表一篇新的文章，将飞机动画以附件的形式上传到新干线空间，然后打开飞机飞行的文件，通过网页显示的地址栏获得飞机动画的源地址。
　　第七步：输入html代码，将飞行动画显示在新干线的主页上：进入居民信息管理页面，点击个人爱好子页面如下图6所示；由于在职教新干线工具中没有css样式表工具，所以我们只能使用style=“”写入的方式来代替css样式工具。
　　在自述模块里面输入如下代码：
　　
　　
　　解释：4小结
　　以上我们通过一个实例来详细讲述了通过html语言以及flash动画制作软件来给职教新干线主页制作一个原创动画，这里我们主要是使用了flash动画的逐帧动画和引导动画来形成飞机飞行轨迹，通过通过style=“”代码来产生css样式，通过EMBED代码来显示网页动画。结合html语言和flash动画可以实现千变万化的动画效果，这里更漂亮的东西留给我们读者去认真思考！
　　参考文献：
　　[1]姜楠dreamweaver 8完美网页设计与制作[M].北京:中国青年出版社,2006.
　　[2]张晓景DIV+CSS网页布局商业案例精粹[M].北京:电子工业出版社,2007.
　　[3]胡海.ADOBE FLASH CS3 PROFESSIONAL标准培训教材[M].北京:人民邮电出版社,2008.

推荐访问:职教新干线巧用装扮

巧用透明flash装扮职教新干线个人空间|智慧职教

最新文章

热门文章