FLASH网站制作(实验报告).docVIP

学 生 实 验 报 告 课程名称 电子商务网站设计 实验成绩 实验项目名称 FLASH网站制作 批阅教师 代四广 实验者 孙迪 学号 20510811135 专业班级 电商1111 实验日期 11月11，18日 一、实验预习报告（实验目的、内容，主要设备、仪器，基本原理、实验步骤等）（可加页） 1．实验目的： 通过实例 学习 Flash 实际应用技巧。从创建一个小型 Flash 迷你网站入手，实例中将涉及到构建Flash 网站的基本要素的基本制作方法，涉及到网站Logo、导航按钮等方面的制作技巧。 2．内容: 文字特效绘制； 按钮制作； 脚本应用。 3. 主要设备、仪器：计算机，flash软件 4. 实验步骤： 实验过程记录（包括实验过程、数据记录、实验现象等）（可加页） 步骤一：制作网站背景 创建网站一般从创建背景入手，确定网站整体色彩风格，背景的制作是静态效果，主要是一些装饰图形，包括以下六个部分： 在菜单栏中选择 “文件”∣“新建”命令， 在弹出的 “新建文档”对话框中单击 “Flash 文档”命令，建立一个新 Flash 文档。 在菜单栏中选择“修改”∣“文档”命令，在弹出的“文档属性”对话框中将文档尺寸改为 760x600 像素。 背景设置：画一个与背景一样尺寸的矩形，并填充为“深蓝（#333399）—蓝（#3333FF） ”线性渐变效果。 顶部图形设置：使用椭圆工具在舞台上画一个黄色（#FFCC00）椭圆，并使用箭头工具选择上半部分按 Delete键删除椭圆的上半部。 左边图形设置：使用铅笔工具中“平滑”模式画出基本形，使用箭头工具修整形状。并将其填充深蓝色。 星星图形设置：使用铅笔工具中“伸直”模式手绘一个“五星”形状，使用箭头工具单击选中“五星”图形，按快捷键 F8 弹出“转换元件”对话框，选择类型：影片剪辑，命名为：星星，单击“确定”按钮。接着使用“编辑”菜单中“复制”和“粘贴”命令获得多个“星星”元件实例，并把它们移到合适的位置上装饰舞台。 步骤二：制作网站 Logo Logo 是网站中最基本的要素。 1. 创建静态元素。 制作步骤如下： （1）单击“插入图层”按钮新建图层，双击图层名称处重新命名为： “Logo” 。在工具箱中选择“文字工具”在舞台中分别输入文字“Web”、“之”、“星”三组文字。对于文字大小尺寸、颜色、字体的设置在本章 8.4.2节文字操作中已有讲解。使用箭头工具选中文字，打开属性面板调整文字属性。 （2）接着要把“星”字做成特效文字。使用箭头工具选中“星”字，使用快捷键 Ctrl+B 把 “星”字打散成普通矢量图形（ “星”字布满麻点）。 （3）在工具箱中单击“套索工具”按钮，在选项区域中单击“多边形”模式按钮，围绕“星” 字图形头部“日”字形中间的横线进行套索，选中后按键盘上 Delete 键删除。 （4）使用箭头工具单击“星”字图形，在菜单栏中选择“修改”∣“形状”∣“扩展填充” 命令，弹出“扩展填充”对话框，设置扩展 3px，单击“确定”按钮。 在工具栏中单击 “墨水瓶” 按钮， 在属性面板中设置线条尺寸： 2px； 颜色： 黄色 （#FFFF00）。 然后为“星”形边缘处单击。 选中整个“星”字图形使用快捷键 Ctrl+G转换成组合图形。 使用快捷键 Ctrl+L打开“库”面板，把“星星”元件从库中拖到舞台上，应用“星星”件实例，并使用箭头工具把“星星”元件实例移动到“星”字的头部。 （8）在工具箱中单击“矩形工具”按钮，在舞台中画一个长条矩形。在工具箱中单击“箭 头”按钮，在不选中矩形的情况下，把鼠标指针移到矩形上边缘，指针显示为时，单击拖动边 缘线向下，把边缘调整为曲线。同样方法调整下边缘。 （9）使用箭头工具单击选中矩形边缘线，在菜单栏中选择“修改”∣“形状”∣“将线条 转换成填充”命令把边框线条转换为填充。在“混色器”面板中设置填充样式为：线性渐变，调 整效果为： 黑—白—黑—白—黑—白。 （10）分别选中舞台上每一个元素使用 Ctrl+G 组合命令进行组合，可以在菜单栏中选择“修 改”∣“排列”∣“上移一层” 、 “下移一层”命令调整每个元素的上下次序。 2. 制作动态效果。 在完成了 Logo 静态图形后，为“星”字加上动态效果可以使整个 Logo 获得更好的视觉效果。 制作步骤如下： （1）使用箭头工具单击选中“星”字图形，按 F8 弹出“转换元件”对话框，设置名称：星 光，类型：影片剪辑，把“星”字图形把转换为元件。 （2）使用快捷键 Ctrl+L 打开“库”面板，在库中双击“星光”元件，进入“星光”元件内，在标题栏显示