边做边学——Flash CS3动漫制作案例教程 贾楠 07新.pptVIP

本章简介： 应用Flash技术制作的网页打破了以往静止、呆板的网页形式，它将网页与动画、音效和视频相结合，使其变得丰富多彩并增强了交互性。本章以多个主题的网页为例，介绍了网页的设计构思和制作方法，读者通过学习可以掌握网页设计的要领和技巧，从而制作出不同风格的网页作品。 * 第7章　网页应用 课堂学习目标 了解网页的表现手法 掌握网页的设计思路和流程 掌握网页的制作方法和技巧 案例分析 设计理念 操作步骤 相关工具 7.1 制作房地产网页 7.1.1　案例分析 房地产网页的功能是让客户便捷地浏览楼盘项目，了解楼盘新闻、建设和装饰等信息。除了界面效果要达到吸引客户注意力的目的，还要注意房地产网页的行业特点和构成要素。通过页面的布局设计和动态交互，使客户更加容易地了解项目的特点和价值。 7.1.2　设计理念 在设计制作过程中，先对界面进行合理的布局，将导航栏放在网页右上侧区域，有利于客户单击浏览，将楼盘效果图放在中间位置，表现项目的现代感，将项目介绍文字放在效果图的下侧区域，方便用户的阅读。界面设计要突出楼盘的实景效果，着力表现项目的特色，并且要通过按钮图形和文字动画的互动，体现出房地产项目的科技感。 房地产网页效果图 7.1.3　操作步骤 1 2 3 4 7.1.4　相关工具 1.按钮事件 将“库”面板中的按钮元件拖曳到舞台窗口中，选中按钮元件，选择“窗口 开发面板 动作”命令，弹出“动作”面板，在面板的左上方将脚本语言版本设置为“ActionScript 1.02.0”，在面板中单击“将新项目添加到脚本中”按钮，在弹出的菜单中选择“全局函数 时间轴控制 on”命令。在“脚本窗口”中显示出选择的脚本语言，在下拉列表中列出了多种按钮事件。 “press”（按下） “release”（弹起） “releaseOutside”（在按钮外放开） “rollOver”（指针经过） “rollOut”（指针离开） “dragOver”（拖曳指向） “dragOut”（拖曳离开） “keyPress”（键盘按下） 2.制作交互按钮 　　按钮的“弹起”状态 　按钮的“指针经过”状态 　按钮的“按下”状态 7.1.5　实战演练-制作端午节网页 使用新建元件按钮创建按钮元件，使用创建补间动画命令制作云彩动画效果，使用遮罩层命令制作文字遮罩效果，使用影片剪辑制作叶子飘落效果。 效果图 案例分析 设计理念 操作步骤 相关工具 7.2 制作会员登录页面 7.2.1　案例分析 旅游度假已经成为现代人生活休闲的重要内容，在忙碌的工作过后，人们会选择去旅游度假村放松心情、享受假期。本例是为度假村设计的会员登录界面，网站会员可以享受多重优惠，并且网站会为会员提供便捷的网络预订体验。 7.2.2　设计理念 在设计制作过程中，使用蔚蓝色的天空图片作为背景，充分体现度假村的自然风光。导航栏的内容结构清晰明确，下方的内容区域设计新颖独特，通过浅灰色的颜色块展示度假村的干净与品位，右上角的图片为度假村的写实照片，展示独特建筑形式。 会员登录页面效果图 7.2.3　操作步骤 1 2 3 4 7.2.4　相关工具 1.输入文本 选择“输入文本”选项，属性面板如图所示。 输入文本“属性”面板 “线条类型”选项：其中新增加了“密码”选项，选择此选项，当文件输出为SWF格式时，影片中的文字将显示为星号。 “最多字符数”选项：可以设置输入文字的最多数值。默认值为0，即为不限制。如设置数值，此数值即为输出SW