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

《选修课动态网页制作教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、选修课《动态网页制作》教案执教班级高一（1）时间2014.12.25教学内容《动态网页制作》教学目的认知目标：⑴掌握横幅广告管理器的使用方法；⑵掌握悬停按钮的制作方法；⑶掌握滚动字幕的制作方法。能力目标：⑴培养学生在研究中学习，在学习中探索的意识；⑵提高学生的审美能力。重点难点『教学重点』横幅广告、悬停按钮、滚动字幕等动态网页元素的插入方法及其属性设置。教学准备1、硬件环境多媒体Internet网络微机房（Win2K服务器、教师机、学生机、液晶投影仪）。2、软件环境网络教学软件（如Lanstar），FrontPage2000，本课相关练习素材。教学过程一、新

2、课导入师：因特网之所以这样流行，是因为我们可以在网上获取许多的信息、欣赏到各式各样精美网页。但是，贪心的我们已经不再满足于仅由文字、图片堆砌起来的纯静态网页，我们希望在获取信息的同时还能获得视觉甚至听觉上的冲击和享受，就像老师现在展示在大家面前的网页一样。FrontPage2000能帮助我们实现吗？答案当然是肯定的。二、新授（一）明确目标，布置任务师：课前老师给大家准备了一个网站，叫“南通风情”，已经发送到各位同学D盘了。这个网站制作得比较精美，但美中不足的是，所有网页都是纯静态的（展示没有修饰前的静态网站）。师：这堂课我们一起来给这个网站做做手术，让它动起

3、来。（二）任务驱动，渗透教学⑴横幅广告的实现（运行Frontpage2000，打开D:南通风情OLDindex.htm文件）单击“插入”菜单→单击“组件”，打开级联菜单→单击“横幅广告管理器”，打开“横幅广告管理器属性”窗口（如下图）。说明：1、宽度、高度：用来控制横幅广告的大小，一般按照图片的实际尺寸进行设置。2、过渡效果：设定多幅图片间相互交替时的显示效果。3、每幅图片显示（秒）：设定每幅图片停留的时间。4、链接到：横幅广告可以作为链接源链接到其它网页或网站。5、显示图片区：①“添加”按钮，对需要交替显示的图片进行选择和添加；②“删除”按钮，对删除某

4、张图片；③“上移”“下移”按钮，对某张图片的先后显示顺序进行调整；注意：建议每一张的图片的大小尺寸要一致，这样做出来的横幅广告才会协调好看。……教师讲解，学生完成对首页Banner条的修改…………对照学生练习情况，再安排学生完成首页风景图片的修改……⑵悬停按钮的实现单击“插入”菜单→单击“组件”，打开级联菜单→单击“悬停按钮”，打开“悬停按钮属性”窗口（如下图）。注意：①单击“自定义”按钮，可以插入自己预先定义的图片按钮。②自定义悬停按钮时，一定要注意修改悬停按钮的大小尺寸，否则图片按钮可能显示不全。……教师讲解，学生完成对首页导航文字的修改……⑶滚动字幕的

5、实现单击“插入”菜单→单击“组件”，打开级联菜单→单击“字幕”，打开“字幕属性”窗口（如下图）。注意：单击“样式”按钮，可以改变滚动文字的字体、字号、颜色等。……教师讲解，学生完成对悬停按钮上方滚动字幕的创建……（三）回顾总结，激发思考师：本节课我们一起来完善了“南通风情”网站，给一个静态网站赋予动感，这是我们今天的第一个成就；在完善网站的过程中，我们还学习掌握了如何在网页中插入横幅广告、悬停按钮、滚动字幕等动感元素，这是我们今天的第二个收获。下节课我们将继续完善“南通风情”网站，给首页添上计数器，并配上优美的背景音乐。板书设计无课外作业无教学后记这节课在教

6、学过程中不是一味地教学生如何去做动态网页，而是要教会他们如何把这些手段集合在一起，使自己的网页富有个性和动感。培养学生在研究中学习，在学习中探索的意识，提高学生的审美能力。