资源简介

备课时间：
上课时间：
第十四课 丰富网页效果——网站交互有声有色
教学内容：P109—P 113
教学目标：
（1）、知识与技能：掌握网页中创建超链接及添中图片热点。
（2）、过程与方法：通过任务让学生自主实践，培养学生自主学习能力、探索创新能力和综合运用知识的能力；
（3）、情感态度价值观：通过活动培养学生人际交往和团队协作等方面的能力。
教学重点与难点：
（1）、教学重点：掌握网页中创建超链接及添中图片热点。
（2）、教学难点：在网页中制作滚动字幕及设置背景音乐。
新课标教学要求：
教学课时：2课时 （第2课时，学生上机练习）
教学方法：采用案例情境、任务驱动、启发式教学法，引导学生学以所用。
教学过程
一、新课引入
一个网站，除了要求网页的内容精彩之外，还要有动静相宜、有声有色的效果来衬托，才能增加网页的观赏性，吸引更多浏览者访问。网页上多彩的图像、交互的超链接、活力的动画、漂亮的背景、美妙的音乐、滚动的字幕等，都是丰富美化网页的首选。
二、讲授新课
web网页的强大之处就在于其超链接，使用超链接能够将Intemet中的信息有机地组织起来，使人们在丰富多彩的Internet世界轻松漫游。在浏览器中，将鼠标移动到有超链接的图片或文字上方时，鼠标指针会变成手形。使用超级链接，不仅可使站内的网页成为一个有机整体，还可使不同的站点之间建立联系。
（一）、创建超链接
【例】对首页导航栏文字设置超链接。
操作步骤：
①选中要设置超级链接的文字→右键点【超链接】。
②弹出“插入超链接”对话框，选择链接到“原有文件或网页”并选择超链接到的网页，如：bjfq．htm。
单击【确定】按钮。
（二）、为图片添加热点
热点可以是图片上具有某种形状的一块区域，在FrontPage 2003中，热点的形状可以是长方形、圆形或多边形，当用户单击该区域时，就会产生超链接。
操作步骤：
①选择要添加热点的图片。
②在“图片”工具栏中，单击长方形、圆形或者多边形和地图区域相匹配的形状。
③在图片上，采用鼠标拖动操作画出所选形状。
④释放鼠标，弹出“插入超链接”对话框，输入超链接的页面或地址。
重复以上步骤，在图片上依次创建超链接到其他网页。当鼠标移动到热点区域时，光标变成手形，单击鼠标，超链接的目标网页就会打开。
（三）、制作欢迎字幕
在制 在制作网页时，可以将网页中的某一段文字做成由左至右，或由右至左移动的动态效果，使网页更加形象生动。
制作步骤：
①将插入点设置在要插入移动字幕的位置或者选中作为移动字幕的文本，单击【插入】菜单→“web组件”命令。
②弹出“插入web组件”对话框，在对话框的“组件类型”列表框中选择“动态效果”，在“选择一种效果”列表中选择“字幕”，单击【完成】按钮。
（四）、让网页“有声有色”
能否给网页插入悦耳的背景音乐，让我们的网页“有声有色”更有吸引力呢
操作步骤：
①“网页属性”对话框中→选择“常规”标签。
②单击【浏览】按钮，弹出“背景音乐”对话框→选择背景音乐文件(格式可有：．MID、．MP3等，可设置播放次数)→单击【确定】按钮。
三、课后作业：
1、复习本课，完成P112页思考练习1、2、题。
2、知识拓展：学习发布网站。
四、本课小结（回顾与思考）
1．超链接的对象可以是图片、文字、动画等，不可以是表格、声音。
2．超链接的目标可以是网页、站点、电子邮箱、文件。
板书设计：

展开更多......

收起↑