辽师大版信息技术八上《用导航栏与超链接组织网页》ppt说课稿（共26张ppt）讲义课件

用导航栏与超链接组织网页说课稿 Contents 教材分析 学情分析 教学目标 教学重 难点 教学方法 设计思路 教学过程 教学反思 教材分析 学情分析 本节内容选自 江苏省普通高中信息基础网络 第六章第三节 超级链接是网页组成中的重要元素 正是因为超链接的作用 使得因特网上丰富的信息资源构成了开放互动 相互连接的知识网络 以便我们在阅读时灵活地选择和转化内容 主动而迅速地获得很多相关信息 高一学生好奇心强 求知欲旺盛 又具备了一定信息素养 大部分同学都上过网 有过浏览网页的体验 对信息技术充满了兴趣 能设计制作一个网站更是学生心中的梦想 当学生在进入前期的建立站点 网站设计 规划 信息收集与整理 网页内容的初步设计后 如果能把独立的网页联系起来 以便能随心所欲 自由自在的在自己的网站上遨游 那是多么快乐的事 超链接的学习 正是让学生实现了心愿 更是体验到网页开发的乐趣 学习的兴趣也在内心被唤起 教学目标 教学重 难点 知识与能力 了解超链接 链接载体 链接目标的概念 能够明确链接载体和链接目标的区别 了解什么可以做链接载体 什么可以做链接目标 过程和方法 掌握如何使用图像 文字 图像热区建立超级链接 掌握如何链接到内部文档 外部文档 电子邮箱地址 情感态度和价值观 培养学生对网页制作的浓厚兴趣 激发学生的学习积极性 培养学生对信息查询 处理的能力 提高学生的信息素养 教学重 难点 了解超链接 链接载体 链接目标的概念 明确超链接的含义为文字 图片及图片热区 外部网站 本地文件和邮箱地址三类超级链接建立超级链接 教学方法 设计思路 运用案例教学法 让学生了解超链接的特点 明确超链接的特点 明确超链接的意义 结合实例 让学生了解热区域的概念在教学过程中 除了我们教会学生 怎么做 还有一点非常的关键就是要让学生了解 为什么这么做 所以我们在课堂不仅仅要简单演示操作 学生也不是简单模仿教师的操作 我们要通过有效的方法 让学生有趣的 迅速的了解操作背后的相关概念和术语 达到举一反三的目的 本实例的操作过程中 高中学生完全有自学能力 能让在探究过程中有困难的学生得到帮助 让基础好的学生有自我挑战的余地 探究更多的技术 更好发展不同层次学生的能力 体验成功的快乐 这些都是基础 最关键的是 怎么用 所以我在课堂上给学生一个空间让学生去发挥 自己设计超级链接的应用 然后展示 让学生从别人的创意中得到启发 教学过程 一 新课导入 体验超级链接 老师 我们平常在浏览网站时 会注意到 在网页上都有一些热文字或图片 当鼠标指针移动到文字或图片上时 就会变成一只手掌 的样子 单击可以打开其他网页 这是什么原因呢 学生 因为在网页中使用了超链接老师 对 回答的很正确 我们通过单击网页中热文字或图片 就可浏览到其中的详细内容 其实是链接到一个新的页面上 这就是我们今天将要讲述的网页 超链接 方式 这节课 我们就来学习一下在Frontpage中制作超链接的方法 二 讲述新课在网页里 我们把这种点击后会进行页面切换的网页界面元素叫超链接 超链接是从一个网页指向另一个目的端连接关系 用来超链接的对象可以是另一个网页 也可以是一张图片 一个电子邮件地址 一个文件 一个书签甚至是一个应用程序 一个完整的超链接包含 链接载体和链接目标 当浏览者单击已经链接的文字或图片后 链接对象将显示在浏览器上 并且根据对象的类型来打开或运行 按照链接路径的不同 网页中超链接一般分为以下3种类型 内部链接 锚点链接和外部链接 如果按照使用对象的不同 网页中的链接又可以分为 文本超链接 图像超链接 E mail链接 多媒体文件链接 空链接等 创建超链接 1 创建文本超链接 1 创建一个指向站点内其他网页的超链接 选择 插入 菜单的 超链接 命令 在文件列表框内选择 页面1 htm 文件 注意在URL文本框中显示了该文件的地址 单击 确定 按钮 文本超链接完成 我们也可以将超链接指向其他站点的网页 在 创建超链接 对话框里 在URL地址栏直接输入要连接的网页或网站的地址 如果不清楚要作超链接的地址 只要单击URL地址框后面的放大镜就可以用浏览器在Internet上查找要链接的网页 FrontPage会自动记录你找到的地址 单击 确定 按钮 我们还可以改变已经设置好的超链接 在普通模式页面 在要改变的超链接下单击鼠标右键 选择 超链接属性 命令 输入新的URL地址就可以了 要想取消超链接 删除所有URL地址框里的内容就可以了 2 创建图片超链接具体操作步骤如下 1 在网页中选择要创建超级链接的图片 2 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 3 在 查找范围 下拉列表中选择要链接的网页 4 单击 确定 按钮 图片超链接完成 3 创建电子邮件超链接网友通过Email及时与你联系 也是网站站长和网友交流的重要手段 创建电子邮件超链接的具体方法如下 1 选中要建立超链接的文本 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 2 单击 信封 按钮 输入你的邮箱地址 在 主题 文本框中输入主题 3 单击 确定 按钮 这时超链接就建立好了 这样OUTLOOK被激活了 现在就可以发Email了 4 创建书签超链接书签即锚点 1 创建书签书签 是网页中被标记的位置 文本或图像 是网页的某个局部区域的代表名字 通过建立到书签的超链接 可以实现浏览内容的快速定位 被定义为标签的文本看起来和别的文本没有什么区别 而仅仅是被做上一个标记 而这种标记只能在编辑网页时看到 对访问者来说 书签标记完全是隐藏的 在这些标记的帮助下 才能在使用超链接时进行精确定位 我们选中 默认名称 四个字 选择 插入 菜单 书签 命令 书签名称就是选择的文本名称 在这里 我们可以直接修改书签名称 当你的书签名为空时 你还要自己输入一个名称 现在我们单击 确定 按钮 在普通视图里 默认名称 被加了下划虚线 表示这儿有一个书签 现在我们讲讲光标位置书签的表示 完成以后 你看 一个小旗 2 使用书签创建链接书签创建超级链接的操作步骤 选中要创建超级链接的文本 单击工具栏中的 插入超链接 按钮 打开 插入超链接 对话框 单击 书签 按钮 弹出 在文档中选择位置 对话框 选择要链接的书签 单击 确定 按钮 完成书签的链接 修改书签 选择 插入 菜单的 书签 命令 在对话框中选中你要修改的书签 选择 转到 跳到相应位置 这时可以直接修改书签名称 也可以单击 清除 按钮删除书签 在浏览器上 超链接有三种状态 一般状态 已访问状态和当前状态 对应地有三种颜色 超链接颜色 已访问的超级链接颜色和当前超链接颜色 5 编辑超级链接 我们可以改变这些颜色 首先在网页上单击鼠标右键 选择 网页属性 进入 网页属性 对话框 选择 背景 选项卡 你可以改变一般的 已访问的和当前的超链接的颜色 这里我们单击 超链接 下拉列表框 选择绿色 单击 确定 按钮 超链接的颜色就改变了 6 图形地图 我们在FrontPage里还可以建立图形地图 使一个图形指向多个链接目标 图形地图是什么意思呢 当我们单击图片的不同部分时 就可以跳到页面的不同部分 这里一个图形链接了多个书签 可是 怎么制作图形地图呢 首先 要在图形上绘制热点 我们选中OFFICE图形 图形上有一个个的小框框 这就是热点 当我们浏览时单击他们就可以链接到别的地方 图片工具栏有按钮可以添加热点 这个可以添加矩形热点 我们用的就是它 这个用来添加圆形热点 这个可以添加不规则热点 接下来我们按下 矩形热点 按钮 在图片的上拖一个框 接着就会弹出 创建超链接 对话框 选择事先建立好的书签 按 确定 按钮 根据具体情况 我们可以创建链接到其他网页的链接 还可以拖动热点框调整位置 也可以拖动热点框的小黑点改变框的大小 如果我们单击图形中没有热点覆盖的地方 在默认情况下不会发生跳转 有时我们也可以设置一个默认跳转位置 这样单击图形的任何地方都会跳转 单击图形 选中OFFICE图片 单击鼠标右键 选择 图片属性 命令 在 常规 选项卡中单击 默认超链接 中的 浏览 按钮 选择 OFFICE全新亮相 书签 单击 确定 按钮 再在 图片属性 窗口中选择 确定 单击没有热点的地方就会自动跳到 OFFICE全新亮相 书签的位置 在Internet上超链接应用非常广泛 可以说整个Internet就是一个由无数个超链接连接起来的网络 要想制作好网页就一定要掌握如何使用超链接 教学反思 技术的学习在信息技术课中是一项很重要的内容 今天我们学习了各种超链接的使用方法 同学们都做的非常好 通过本节课的学习应该能够使自己的网页更加神奇 美妙 本节课学习的是FrontPage的超级链接 前面学生已经学习了通过Internet浏览网上的信息 对超级链接已经有了感性的认识 对于超链接的一般运用 学生也非常熟悉 由于学生的水平参差不齐 通过小组合作学习 学生之间互相帮助 既保证更多地同学掌握知识 完成任务 同时也培养了学生的合作学习的能力 要留给学生交流和展示自我的时间 设计自己的作品 他们看到其他同学优秀的作品会使他们备受鼓舞 学习的主动性会有很大的提高 综合练习 1 做一个书签式的超链接 2 做一个两相已有页面间的超链接 3 建立一个指向Internet上的链接 4