网页设计与制作教学课件汇总全书电子教案（全）.ppt

11.4.3 Spry折叠式构件 Spry折叠式构件是一组类似于QQ面板的一组可折叠的面板，可以将大量内容存储在一个紧凑的空间中。 左图 Spry折叠式构件示例 右图 Spry折叠式构件的操作界面 11.5 实践演练 11.5 实践演练 11.5.1 制作问卷调查网页界面 【目的要求】 要求创建一个如图所示的问卷调查页面，应用单选项组、复选框、选择菜单/列表等多种表单对象。本任务的实践目的是掌握各种表单对象的应用及属性设置。 11.5 实践演练 11.5.2 制作注册页面 【目的要求】 要求创建一个如图11-40所示的注册页面，使用DIV布局，CSS样式表美化页面。主要应用的Spry具有验证功能的表单构件。本任务中已经设置好了CSS样式表文件，实践目的是掌握表单页面的制作过程及Spry验证构件的创建和属性设置。 11.5 实践演练 11.5.3 制作网页教程页 面的目录 【目的要求】 要求使用“Spry折叠式”面板制作“网页设计教程”主页左侧框架中的知识点目录。要求目录中的项目与右侧框架中的教程内容实现链接，例如在左侧目录中单击“Spry菜单栏”，在右侧主框架中显示该节的相关内容，如图所示。该任务的目的是综合运用Spry构件、链接、框架等知识，设计有一定实用性的页面。 网页设计与制作 第12章 网页动画制作 12.1 Flash CS6简介 12.2 利用Flash CS6制作网页动画 12.3 在网页中加入Flash 动画 12.4 实践演练 Flash CS6 是Adobe公司推出的矢量图形编辑与交互式动画制作的专业软件。利用它可以将音乐、声效、影片、动画以及其他富有创意的界面融合在一起，制作出高品质的网页动画、演示文稿、应用程序以及支持用户交互的其他内容。 12.1.2 Flash CS6工作界面 12.1 Flash CS6简介 Flash CS6工作界面 1. “时间轴”面板 “时间轴”面板用于创建动画和控制动画的播放进程。 2.“工具”面板 “工具”面板是绘制矢量图形最重要的元素，可以用于绘制、选择、填充、编辑图形等。 3.“属性”面板 “属性”面板是实用而又特殊的面板，用来设置工作中所用元素的属性。“属性”面板有特定的参数选项，会随着选择对象的不同而出现不同的参数。 4. “颜色”面板 “颜色”面板是绘制图形的重要部分，主要用于设置笔触颜色和填充颜色。 5. “库”面板 “库”面板可以看作是一个仓库，所有元件都会被自动载入到当前文档的“库”面板中，方便制作动画时调用。 12.1.2 Flash CS6工作界面 10.2.1 调用JavaScript行为 调用JavaScript行为的方法： （1）选择一个对象，打开“行为”面板。 （2）点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“调用JavaScript”命令。 （3）在“调用JavaScript”对话框中输入要执行的自定义函数名称或者JavaScript代码。 （4）点击“确定”按钮，则给选择的对象调用了JavaScript行为。有些函数或者JavaScript源代码需要修改、调试以后才能正确使用。 （5）查看上面附加的事件是否是需要的事件。如果不是需要的事件，可以修改事件。 查看行为参数是否合适。如果不合适，也可以修改行为参数。 10.2 行为的应用 10.2.2 打开浏览器窗口行为 “打开浏览器窗口”行为的方法： （1）选择一个对象，打开“行为”面板。 （2）点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“打开浏览器窗口”命令。如图10-7所示。 （3）打开“打开浏览器窗口” 对话框，如图所示。 （4）单击“确定”按钮。 （5）查看附加的事件是否是需要 的事件。查看行为参数是否合适。 10.2 行为的应用 10.2.3 弹出信息行为 使用“弹出信息”行为将显示JavaScript警告和一个确定按钮。 10.2.4 显示-隐藏元素行为 “显示-隐藏元素”行为可以显示、隐藏或者恢复一个或多个页面元素的默认可见性。主要用于在用户与页面进行交互时显示信息。 10.2 行为的应用 10.2.6 交换图像行为 “交换图像”行为通过改变img标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像效果，也可以一次交换多幅图像。 10.2.5 预先载入图像行为 使用“预先载入图像”行为可以将暂时不在页面上显示的图像加载到浏览器缓存中。在使用含有较多图像的对象时，可以将所用的图片预先下载到浏览器缓存中，以提高显示的速度和效果。 10.2 行为的应用 10.2.7 转到URL行为 “转到 URL