选修课动态网页制作教案.docxVIP

选修课《动态网页制作》教案 执教班级 高一（ 1） 时间 2014.12.25 教学内容 教学目的 重点难点 教学准备  《动态网页制作》 认知目标：⑴掌握横幅广告管理器的使用方法； ⑵掌握悬停按钮的制作方法； ⑶掌握滚动字幕的制作方法。 能力目标：⑴培养学生在研究中学习，在学习中探索的意识； ⑵提高学生的审美能力。 『教学重点』 横幅广告、悬停按钮、滚动字幕等动态网页元素的插入方法及其属性设置。 1、硬件环境 多媒体 Internet 网络微机房（ Win2K 服务器、教师机、学生机、液晶投影仪）。 2、软件环境 网络教学软件（如 Lanstar）， FrontPage2000，本课相关练习素材。 一、新课导入 师：因特网之所以这样流行，是因为我们可以在网上获取许多的信息、欣赏到各式各样精美网页。但是，贪心的我们已经不再满足于仅由文字、图片堆砌起来的纯静态网页，我们希望在获取信息的同时还能获得视觉甚至听觉上的冲击和享受，就像老师现在展示在大家面前的网页一样。 FrontPage2000 能帮助我们实现吗？答案当然是肯定的。 二、新授 （一）明确目标，布置任务 师：课前老师给大家准备了一个网站，叫“南通风情” ，已经发送到各位同学 D 盘了。这个网站制作得比较精美，但美中不足的是，所有网页都 教学过程 是纯静态的（展示没有修饰前的静态网站） 。 师：这堂课我们一起来给这个网站做做手术，让它动起来。 （二）任务驱动，渗透教学 ⑴横幅广告的实现 （运行 Frontpage2000，打开 南通风情 OLD\index.htm 文件） 单击“插入”菜单→单击“组件” ，打开级联菜单→单击“横幅广告管 理器”，打开“横幅广告管理器属性”窗口（如下图） 。 说明： 1、宽度、高度：用来控制横幅广告的大小，一般按照图片的实际尺寸进行设置。 2、过渡效果：设定多幅图片间相互交替时的显示效果。 3、每幅图片显示（秒） ：设定每幅图片停留的时间。 4、链接到：横幅广告可以作为链接源链接到其它网页或网站。 板书设计 课外作业 教学后记  5、 示 片区： ①“添加”按 ， 需要交替 示的 片 行 和添加； ②“ 除”按 ， 除某 片； ③“上移”“下移”按 ， 某 片的先后 示 序 行 整； 注意：建 每一 的 片的大小尺寸要一致， 做出来的横幅广告 才会 好看。 ??教 解，学生完成 首 Banner 条的修改?? ?? 照学生 情况，再安排学生完成首 景 片的修改?? ⑵ 停按 的 “插入” 菜 → “ 件”，打开 菜 → “ 停按 ” ，打开“ 停按 属性”窗口（如下 ） 。 注意：① “自定 ”按 ，可以插入自己 先定 的 片按 。 ②自定 停按 ，一定要注意修改 停按 的大小尺寸， 否 片按 可能 示不全。 ??教 解，学生完成 首 航文字的修改?? ⑶ 字幕的 “插入”菜 → “ 件” ，打开 菜 → “字幕” ， 打开“字幕属性”窗口（如下 ） 。 注意： “ 式”按 ，可以改 文字的字体、字号、 色 等。 ??教 解，学生完成 停按 上方 字幕的 建??（三）回 ，激 思考 ：本 我 一起来完善了“南通 情”网站， 一个静 网站 予 感， 是我 今天的第一个成就；在完善网站的 程中，我 学 掌握了如何在网 中插入横幅广告、 停按 、 字幕等 感元素， 是我 今天的第二个收 。下 我 将 完善“南通 情”网站， 首 添上 数器，并配上 美的背景音 。 无 无 在教学 程中不是一味地教学生如何去做 网 ，而是要教会他 如何把 些手段集合在一起，使自己的网 富有个性和 感。培养学生在研究中学 ，在学 中探索的意 ，提高学生的 美能力。