《个人主页》的制作方法
【实例说明】:
本例制作一个个人主页的效果。具体效果为打开网页后,有漂亮的鼠标跟随动画,同时伴有美妙的音乐。单击相应按钮或文字后即可打开相应的网站。
本主页的教程编写时,只是把教学的重点放在按钮及文字的URL链接语言编写,这主要是为了降低初学时的难度。主页的制作也尽量使用简单的线条,除了有降低维度外,还有另外一层考虑,为了增加在网络上传播的流畅性。对于其中的难点,本书中会有善意的提示,你可以进一步参照相应部分学习。
【操作步骤】:
〖一〗、新建文档
- 单击“文件”/“新建”命令,创建一个新文档;
- 单击“修改”/“文档”命令;在“文档属性”对话框中设置“尺寸”为800×600,背景色为白色或黑色都可以;单击“确定”按钮。
〖二〗、制作背景层
- 用选择工具双击“图层1”,将其命名为“背景层”;
- 执行“文件/导入/导入到库”命令;此时会弹出一个“导入到库”对话框;如下图所示:

- 在上面对话框的“查找范围”项找到图片存放的位置,然后单击鼠标左键选中一幅图片,最后单击“打开”按钮。
- 在flash文档编辑窗口,按 “Ctrl+L”打开库面板;用选择工具单击选中库中的该图片;在库中图片上按下左键不放将其拖到舞台的上方放开;
- 选用工具栏中的选择工具选中舞台上方的图片;执行“窗口/对齐”命令,打开对齐面板;如下图所示:

- 在上图中,首先用选择工具单击一下“相对于舞台”按钮(一定要保证该按钮处于被激活状态,上图中就处于被激活状态,如果你打开的对齐面板中它已经处于激活状态就不要再单击它了);然后再单击一下“匹配大小”项下面的“匹配宽和高”按钮,即“
”图标;再分别单击“对齐”项下面的“水平中齐”按钮(即 图标)和“垂直中齐”按钮(即 图标)各一次;这样图片就刚好与舞台大小完全一样了。这是一种快速并且绝对准确的使某个对象刚好匹配屏幕大小的方法,望读者熟练掌握。
- 进行以上操作后,舞台上面的图片的效果如下:

- 单击时间轴“背景层”三个文字后面的“锁定”按钮(即
图标),将该图层锁定;锁定该图层后的效果如下:

- 单击时间轴左下角的“添加新图层”按钮(即
图标)从而新建一个“图层2”;双击该文字,然后将其命名为“内容层”;对照下图绘制如下文字或按(下图为了清晰,已经去掉了上面的背景图片,实例制作中你却需要在上面的图片上进行哦)。

提示:如果绘制不好上面的图形,就只输入好上面的文字就可以了。
实际效果图如下:

- 单击一下工具栏中的文本工具;打开属性面板;按下图进行设置即可;

- 然后在舞台上面的小矩形中输入“首页”、“作品区”、“上传区”、“闪客榜”文本信息。如下图所示:

〖二〗制作文字按钮:
- 选中上图中的“首页”文字;按F8键打开“转换为元件”对话框;名称中输入“首页”,单击“按钮”单选项;单击“确定”按钮;双击该按钮进入其编辑区;选中“指针经过”帧,按F6键插入“关键帧”;再选中“点击”帧,按F5键插入“帧”;再选中“指针经过”帧中的“首页”文本;单击工具栏中的填充色按钮,在弹出的
- 本部分省略了较大部分的操作步骤 查看详情
- 哦,对了,你如果想把该网页上传到互联网上动怎么办?很简单,按以下步骤进行操作就可以了。
- 第-步,打开“个人主页.fla”源文件;第二步,单击“文件”;单击“另存为”命令;文件名后面输入“index”;第三步,按键盘上的F12键发布成网页;第四步,在保存文件的位置,找到以下几个文件(“index.html”和“index. swf”),将这两个文件上传到互联网上就可以了。
- 最终效果如下图:

〖八〗、最后按“Ctrl+Enter”组合键测试影片
|