【网页设计教案】动态效果网页设计.docVIP

教学项目四 动态效果网页设计 【教学内容】讲解FrontPage中网页动态效果 【教学目的】1.掌握常见动态效果网页的设计方法 2.掌握插件的使用 3.学会制作动态效果网页 【教学重点】网页动态效果的设计 【教学难点】插件在网页中的应用 【教学方法】案例教学法、快乐教学法 【教学参考】 1．《OFFICE2000中文版》 孙慧 清华大学出版社 2．《FrontPage2002案例教程》 李辉 海洋出版社 3．《FrontPage2000中文版网页提高》 黄敏如 清华大学出版社 4．HTML网页制作教程 林义证 铁道出版社 5．HTML基础与实例 程耀 电子工业出版社 【新课】 一、案例设计：滚动字幕设计 步骤: 新建站点,新建主页,并将音乐文件复制到站点目录下； 使用表格布局网页； 设定“好日子”为“滚动字幕”，并设定超级链接； 设定“常回家看看”、“彩云伴海鸥”等各不相同的滚动效果，并设定超级链接； 在浏览器中预览网页效果; 说明：“好日子”三个字自左向右滚动，其速度、区域、方式均可自由设定，由学生反复修改参数，得到不同的显示效果。本案例可以激起学生的浓厚兴趣，便于课程的进一步展开。（采用快乐教学法） 二、背景音乐的设定 背景音乐的设定步骤: （1）打开“文件”-“属性”-“常规”-“背景音乐”，按“浏览”，选择一个音频文件（*.wav,*.mid,*.ram,*.ra,*.aif,*.au）； （2）设定“循环次数”的值，或者选定“不限次数”复选框。 三、FLASH插件的使用 在页面的右上角插入一个Flash动画，步骤如下： （1）“插入”-“Web组件”-“高级控件”-“Flash影片”； （2）在磁盘上选择一个SWF文件； （3）SWF文件插入后还可通过鼠标右键的“影片属性”来调整其各种属性。 四、Windows Media Player插件的使用 在页面中插入一个Windows Media Player视频片断，步骤如下： （1）“插入”-“Web组件”-“高级控件”-“ActiveX控件”，点击“下一步”，找到“Windows Media Player”，按“完成”； （2）Windows Media Player对象插入后，通过鼠标右键的“ActiveX属性”来调整其各种属性，包括视频文件名。 【课后小结】 通过本节的学习,熟练掌握在网页中插入声音,FLASH动画,视频及FrontPage内置动态效果. 湖北职院计算机科学与技术系理论课教案—《网页设计》