巧用多种网页制作工具职教新干线个人简介

摘要：该文介绍了如何运用网页制作工具来制作职教新干线个人简介的方法，并给出了一个实例来具体讲解这种方法的使用。

关键词：html代码；flash；firework；职教新干线

中图分类号：TP311文献标识码：A文章编号：1009-3044(2012)17-4156-03

随着中国网络的不断发展，计算机网络的应用已经越来越普及到职业教育的各个领域了，现在职教新干线网络平台已经慢慢成为职院进行各种评估、教学交流的基本的平台，职业技术学院的教师，每个人都已经拥有了自己的一个用户，拥有了美化这个平台的权限，如何拥有一个个性化的个人简历，是设计一个理想的个人主页的重要组成部分。该文章主要讲解了如何使用我们的网页制作工具来美化我们的职教新干线主页面制作一个个性化的个人简历的方法。

1需求分析

如何来美化我们的新干线平台的主页面，让浏览者第一感觉就吸引眼球，已经成为了当前职教教师的一个重大任务。很多用户由于不懂flash技术或者html代码，所以不知道如何进行比较美观的文章图文混排，最多只能到网上下载现成的动画文件点缀主页，该文给出了一个实例来具体讲解一个原创个人简历来装饰职教新干线主页上应用的方法。

2前提条件

在职教新干线拥有自己的一个账号，拥有修改权限，开通空间，准备好一些图片素材。

3现在以作者自己的职教新干线空间为例

如图1所示，制作一个个性化的个人简历，通过这一动画来讲述通过网页制作工具和html代码来在制作一个动态个性个人简历，重点讲述以flash制作的方法。主要的制作方法有如下两种：

第一种方法：通过flash 8.0软件的消失动画来制作动态个人简历。

图1

第一步：安装好flash 8.0甚至更高的版本的flash软件，准备好两张照片和一段自己的个人简介文字。

第二步：布局好照片背景和文字，通过矩形工具绘制外框，加粗外边框，在照片放置区绘制一个蓝色底纹的矩形。

第三步：照片切换动画的制作：新建图层，导入照片，如下图2所示，添加动画补间，在动画补间的属性中将透明度设置为0，生成照片的消失动画，再新建图层导入另一张照片，按照第一张照片的制作方法制作一个消失和显示相反的显示-消失动画。

图3

第四步：场景、关键帧以及图层的布置如上图3所示。适当调节场景背景的大小，导出为洪钟.swf文件，

第五步：上传个人简介动画，获取动画的源地址代码：在职教新干线上发表一篇新的文章，将洪钟.swf动画文件在附件中上传到新干线空间，然后打开该文件，通过网页显示的地址栏获得飞机动画的源地址。

第六步：输入html代码，将飞行动画显示在新干线的主页上：进入居民信息管理页面，点击个人爱好子页面如下图4所示；由于在职教新干线工具中没有css样式表工具，所以我们只能使用style=“”写入的方式来代替css样式工具。

3小结

以上我们通过一个实例来分别详细讲述了通过html语言结合flas制作软件和firework图片处理软件来制作一个拥有动态图片切换图文混排的充满个性化的个人简历，第一种方法主要是利用了补间动画关键帧的alpha属性制作消失动画来生成照片渐变切换，第二种方法主要通过firework的帧的添加和时间设置来形成照片切换，将动画文件放入新干线主页中主要通过style=“”代码来产生css样式，通过EMBED代码来显示和控制网页动画。Gif图片显示新干线主页主要是通过img代码产生。

参考文献：

[1]姜楠.dreamweaver 8完美网页设计与制作[M].北京:中国青年出版社,2006.

[2]张晓景.DIV+CSS网页布局商业案例精粹[M].北京:电子工业出版社,2007.

[3]胡海,ADOBE FLASH CS3 PROFESSIONAL标准培训教材[M].北京:人民邮电出版社,2008.