湖北职晚计算机科学与技术理论课教案一《网页设计》 教学项目四动态效果网页设计 【教学内容】讲解 FrontPage中网页动态效果 【教学目的】1.掌握常见动态效果网页的设计方法 2.掌握插件的使用 3.学会制作动态效果网页 【教学重点】网页动态效果的设计 【教学难点】插件在网页中的应用 【教学方法】案例教学法、快乐教学法 【教学参考】 1.《 OFFICE2000中文版》 孙慧 清华大学出版社 2.《 Front Page2002案例教程》 李辉 海洋出版社 3.《 Front Page2000中文版网页提高》黄敏如清华大学出版社 4.HML网页制作教程 林义证铁道出版社 5.HIML基础与实例 程耀 电子工业出版社 【新课】 、案例设计:滚动字幕设计 a G: \FrontPage\sample\tcheshi, ht:- icrosoft Internet Explorer 件①)辑①查看①收④)工具①)助Q0 ⊙m的 m少收的媒体的③,品图,回 地址①)G:raru 转到链接 经典音在线 步骤:
湖北职院计算机科学与技术系理论课教案—《网页设计》 教学项目四 动态效果网页设计 【教学内容】讲解 FrontPage 中网页动态效果 【教学目的】1.掌握常见动态效果网页的设计方法 2.掌握插件的使用 3.学会制作动态效果网页 【教学重点】网页动态效果的设计 【教学难点】插件在网页中的应用 【教学方法】案例教学法、快乐教学法 【教学参考】 1．《OFFICE2000 中文版》 孙慧 清华大学出版社 2．《FrontPage2002 案例教程》 李辉 海洋出版社 3．《FrontPage2000 中文版网页提高》 黄敏如 清华大学出版社 4．HTML 网页制作教程 林义证 铁道出版社 5．HTML 基础与实例 程耀 电子工业出版社 【新课】 一、案例设计：滚动字幕设计 步骤:
湖北职院计算机科学与技术糸理论遝教案—《网页设计》 (1)新建站点新建主页,并将音乐文件复制到站点目录下 (2)使用表格布局网页 (3)设定“好日子”为“滚动字幕”,并设定超级链接 (4)设定“常回家看看”、“彩云伴海鸥”等各不相同的滚动效果,并设定超级链 (5)在浏览器中预览网页效果 说明:“好日子”三个字自左向右滚动,其速度、区域、方式均可自由设定,由学生 反复修改参数,得到不同的显示效果。本案例可以激起学生的浓厚兴趣,便于 课程的进一步展开。(采用快乐教学法) 、背景音乐的设定 Copyright icrosoft Internet Explore 文件①)①)查看①收霭0工具①)帮助Q ·2的现索古收藏夹的体份③, 地址@包 G:\FrontPage\xan12\ dex.htn 曰转到链 背景音乐的设定步骤 (1)打开“文件”-“属性”-“常规”-“背景音乐”,按“浏览”,选择一个音频 文件(*Wav,*mid,*,ram,m,*aif,*au); (2)设定“循环次数”的值,或者选定“不限次数”复选框。 三、 FLASH插件的使用
湖北职院计算机科学与技术系理论课教案—《网页设计》 (1) 新建站点,新建主页,并将音乐文件复制到站点目录下； (2) 使用表格布局网页； (3) 设定“好日子”为“滚动字幕”，并设定超级链接； (4) 设定“常回家看看”、“彩云伴海鸥”等各不相同的滚动效果，并设定超级链 接； (5) 在浏览器中预览网页效果; 说明：“好日子”三个字自左向右滚动，其速度、区域、方式均可自由设定，由学生 反复修改参数，得到不同的显示效果。本案例可以激起学生的浓厚兴趣，便于 课程的进一步展开。（采用快乐教学法） 二、背景音乐的设定 背景音乐的设定步骤: （1）打开“文件”-“属性”-“常规”-“背景音乐”，按“浏览”，选择一个音频 文件（*.wav,*.mid,*.ram,*.ra,*.aif,*.au）； （2）设定“循环次数”的值，或者选定“不限次数”复选框。 三、FLASH 插件的使用
湖北职晚计算机科学与技术亲理论课教案一《网页设计》 收微的体份品·□ )但)0:、 FrontPage\san12mnht 转到 中央电视中国教阻联合 计科系商分 关于等级考试考场安排的通知NM 资队伍 mau hE 特色专业 计算机软件专业水平考试介绍Nw 在页面的右上角插入一个 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动画,视频及 Front Page内置动态
湖北职院计算机科学与技术系理论课教案—《网页设计》 在页面的右上角插入一个 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 内置动态 效果