第8课 自由穿梭——利用锚记实现局部链接 教案

第8课
自由穿梭——利用锚记实现局部链接
教案
教学目标
1.知识与技能:
通过学习,学会插入命名锚记以及创建锚点链接;
通过学习,熟练使用“鼠标经过图像”是做按钮。
2.过程与方法:
通过演示讲解、任务驱动、交流评价,培养学生分析信息、利用信息和信息创新能力,以及对已学知识进行规划管理的能力。
能够通过教师指导、动脑思考、交流实践操作学习过程,体验和感悟探究的一般过程。
3.情感态度价值观:
通过个人思考、独立创新、交流评价,让学生有所成就感,增强自信,激发学习积极性。
学情分析
学生已经学习掌握了网站站点建设,并了解了Dreamweaver的基本操作,通过网站实例演示,学生理解了超链接,本节课的页面内部超链接,难度不大,学生能够较好地掌握知识技能。
重点难点
重点:
插入命名锚记,创建锚点链接。
难点:
创建锚点链接。
教学课时
1课时
教学过程
(一)导入
使用超链接是网页区别于普通文档的一大特点,连接的目标可以使本站内的网页、文件,也可以是发布在因特网上网页或文件,还可以是电子邮箱地址、同一页面内的制定位置。
本课,我们通过制作一个诗歌集网页,来学习使用超链接链接同意网页内的制定位置。
(二)讲解演示
首先,我们回顾创建站点的操作。
(学生回答)
接下来,我们新建一个HTML文档,对页面进行简单布局,布局参数看黑板布局图示。
布局完之后,我们将诗歌的标题复制到导航单元格中,将诗歌内容复制到表格内容单元格中。
下面,我们看怎么点击链接连接到页面制定的位置
首先,我们先在诗歌内容单元格中的每首诗歌标题处插入命名锚记,执行“插入”->“命名锚记”,分别命名为
“s1”-“s5”。
接着,我们选中导航中每首诗歌对应的标题,邮件选中文本,在弹出的快捷菜单选择“创建超链接”,打开“选择文件”窗口,在URL参数中对应输入每首诗歌未知的命名锚记“#s1”-“#s5”。
我们测试预览效果。我们发现点击每首诗歌名称可以跳转到诗歌内容相应的位置,但是跳转下去我们怎么快速返回导航呢
我们在导航空白处同样插入一个命名锚记,命名为“top”,在每首诗歌内容下面制作一个返回按钮。执行“插入”->“图像对象”->“鼠标经过图像”,分别选择原始图像、鼠标经过图像,并注意在按下式的URL中输入“#top”。
我们再次测试预览效果,实现我们本节课的操作目标。
(三)学生实践操作
下面,同学们实践操作。
任务:
创建站点à新建html文档并用表格布局à命名锚记à插入锚点链接à插入鼠标经过图像à保存à测试预览à上交作业