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

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