网页设计与制作项目十二 特效页面设计与制作.pptVIP

7.若要制作曲线轨迹的动画，需要在时间轴上添加关键帧。按住Ctrl键的同时,在时间轴适当帧序号处单击鼠标，然后在网页中拖曳层到适当的位置即可，效果如图12-1-6所示。 图12-1-6 曲线运动 8.用鼠标按住“时间”轴面板中的“播放” 按钮不放，在页面中预览动画效果，可以看到层以曲线方式运动，或者按F12键，也可以预览。 二、利用行为创建弹出窗口 【操作步骤】 1.创建网页，并保存内容 在站点下创建一个“window.html”，页面内容如图所示，保存并关闭此网页。 2.添加行为 新建一个页面，选择右边浮动面板中的“标签”“行为”，点击添加行为按钮。 选择“打开浏览器窗口”，在弹出的“打开浏览器窗口”对话框中进行如图所示的设 置点击“浏览”按钮，在弹出的“选择文件”对话框中选择文件“window.html”打开。 设置窗口宽度：220px,窗口高度：110px,一般不设置属性栏和窗口名称框,若在 属性栏中打勾，表示弹出的新窗口中有这些栏目。 3.点击页面的空白处，在行为面板中选择“Onload”事件。 4．F12保存预览。 在这里，一定要点击页面的空白处，在设置“Onload”事件，否则无法设置或无法达到预期效果。通过点击一个链接，才弹出一个定制的小窗口的做法。 先选择文字对象并做一个空链接。 用鼠标点击文字链接对象，再打开行为面板。添加一个打开浏览器窗口的事件，把事件设为Onclick即可。 项目活动十二 特效页面设计与制作 复习回顾: 怎样创建CSS样式？ 请为当前打开的网页文档创建一个嵌入式样式，要 求字的大小为9pt，行高为120%，样式名称为zhengwen。 主要教学环节 项目活动十二 特效页面设计与制作 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 任务小结 6 布置作业 7 反思感悟 8 项目活动十二 特效页面设计与制作 （一）项目背景 返回 网页特效是用程序代码在网页中实现的特殊效果或者特殊的功能的一种技术.它为网页活跃了网页的气氛,有时候会起到一定的亲和力，通过一些特效，如浮动的广告图片，弹出一些对话框，在网页的宣传上会起到一定的效果。 （二）项目分析 项目活动目标：通过本项目的学习，使学生学会浮动图片的制作、弹出窗口的制作。 返回 难点：理解行为及事件 重点：1.直线运动的制作 2.曲线运动的制作 3.弹出窗口的制作 （三）任务实施 根据所给素材，利用学过的层和时间轴，能够制作出直线、曲线轨迹动画， 制作出如下图所示的效果图。 【操作步骤】 1．新建网页文件，导入素材文件1.png，如图所示。 2.创建一个层，并在层中插入所给素材文件2.png，如图12-1-2所示。 图12-1-2 层中插入图片 ①将层直接拖曳到“时间轴”面板中，然后释放鼠标。 单击“时间轴”面板右上角的按钮，在弹出的菜单中选择“添加对象”命令。 ②选择“修改”“时间轴”“增加对象到时间轴”命令。 ③在“时间轴”面板中单击鼠标右键，在弹出的快捷菜单中选择“添加对象”命令。