《网页的超链接》教学设计-2019年文档

1、网页的超链接教学设计教材分析? 唇 ?链接这部分内容在网页制作这一章中起到了画龙点睛的作用。在前面几节课的学习中, 学员已根据学校网站的素材建立了多个子网页, 但这些网页内部的目录和正文、网页之间都是相对独立的, 还没有形成有机的整体。建立超链接能让各个独立的网页形成一个有机的整体, 同时将本网站链接到其他的网站, 这样可以获取更多的信息。所以超链接这部分内容 , 是网页制作中的重点。?萄 ?目标?识与技能 :了解超链接的基本概念;2. 掌握同一站点内网页间超链接的制作 ; 掌握与站点外的内容建立超链接的方法; 掌握同一页面中超链接的制作方法。?程与方法 : 1.通过设置超链接的操作, 学员掌

2、握网页中超链接的制作方法;2. 总结操作规律 , 培养学员自主学习和探究学习的能力。?楦小 ?度与价值观 :1. 设置超链接将独立的网页串成一个有机整体 , 使学员感受成功的喜悦;2. 在动手制作的过程中体会作品的内在美 , 给学员以美的熏陶。?萄 氐?: 超链接、链接载体、链接目标的含义。?萄 ?难点 : 书签的链接及对应链接位置的设定。?情分析 : 学员都能独立的完成单个网页的制作, 所以对Frontpage 的操作界面已很熟悉; 同时在建网站时有过规划, 学员对站点内页面的关系有所了解 ; 在 powerpoint 学习中学员已学习过超链接。?萄 ?程1. 情景导入 , 激发兴趣1.1感

3、观体验?鲜 胙 毙郎鸵桓鐾 ?站, 这是以前学员在培训时自制的优秀作品。 学员感受到该网站把多个子网页连接成一个有机整体, 形成了一个真正意义上的网站。1.2设置疑问? 泵撬伎荚诟詹配 ?览网站时各个不同的网页是如何实现跳转的 ?1.3 引出课题?页的超链接。“在frontpage中如何设置超链接呢 ?”接下来我们就一起来学习吧。设计意图 : 通过网站来导入 , 激发学员的兴趣。同时 , 引起学员思考自己的网站如何设置超链接。2. 课件展示 , 学习新知? 鲜 灾瓶渭 ?, 课件内容是本节课的教学重点 , 即超链接的基本概念。?杓埔馔 ?: 用课件展示教学重点 , 可以让学员很好地理解超链接的

4、含义以及分类 , 为下一步的教学打好基础。3. 讲解演示 , 巩固提高?鲜 舳?frontpage,打开站点 , 前面我们在设计网站时,希望把“目录”这张网页中的每一项与已有的网页建立超链接,即在同一站点内部建立超链接。如: 我们希望单击目录中的“学校简介”这几个字, 能够迅速跳转到“学校简介.htm ”这张网页,这里涉及到两个对象 , 一是链接载体 , 二是链接目标。 ( 提问 ) 从字面上来理解 , “学校简介”这几个字是链接 , 页面“学校简介.htm ”是链接 , 下面我们具体来看是如何实现跳转的 :( 操作) 选中链接载体 , 右击快捷菜单选 " 超链接 ", 出

5、现 " 创建超链接 "对话框 , 确定链接目标 , 在统一资源定位符URL框中显示的就是我们刚刚选中的链接目标。?杓埔馔 ?: 通过操作 , 一步一步达到目标。 采用任务驱动教学法 , 教师及时演示反馈, 完成教学任务 , 突破教学重点。4. 自主探究 , 举一反三?鲜 醚 弊约豪闯砸幌 ?, 实现从“目录”到“优秀图片展 .htm ”、“横幅广告 .htm ”、“优秀作文.ht m”的链接。?杓埔馔 ?: 让学员自主探究 , 举一反三 , 可以提高学员学习的主动性和积极性。5. 拓展创新 , 知识迁移5.1前面大家已经学会了与我们本网站的网页建立超链接,但作为一个学校网站

6、, 还想了解更多的信息, 如在“目录”网页中键入“友情链接”几个字, 请大家完善它与pep( 人民教育出版社) 的链接。?杓埔馔 ?: 让学员自己探索完成, 因为前面在完成各种超链接时 , 让学员观察了URL框中显示的内容 , 学员能理解 URL框中显示的就是各个超链接的链接目标, 所以在此让学员对照网址很自然的就想到把需要链接的网址直接输在URL框中。5.2 同时 , 我们也需要了解浏览者的反馈信息以便更好的维护我们的网站 , 怎样才能让浏览者给本网站写信提供方便 , 这就要靠 E-mail 来实现。请大家完善它的链接 , 使之链接到学校的E-mail地址 :pyxjsjxxtom。?杓埔馔

7、?:根据以往的经验不少学员会把E-mail地址直接写在 URL框中 , 这里让学员尝试 , 让他们发现问题并自己解决问题 , 体验到成功的乐趣。这一活动让学员掌握与站点外的内容如何建立超链接。6. 由易到难 , 知识延伸?梦颐亲邢腹鄄臁坝判阕魑?.htm ”这张网页, 发现页首列出了作文一至作文五, 下面是作文内容 , 查看起来还需拖动滚动条, 很不方便 , 有没有什么快捷的方法 ?可不可以用我们今天学到的超链接来解决这一问题 ?学员们很快就找到了链接载体 , 但链接目标不好确定。 老师提示 : 在同一网页中建立超链接时 , 需要插入书签来作为链接的目标。 在操作过程中演示作文一是如何插入书签 , 同时注意 URL框中显示的内容。让学员练习作文二至作文五的超链接。 ( 总结 ) 通过书签式链接我们可以实现同一页面间的跳转。?杓埔馔 ?: 书签的链接是本节课的教学难点, 采取由易到难, 即由一般网页的链接 , 延伸到同一网页中的超