当前位置:首页 >> 其它课程 >> 10.7网页超链接的制作

10.7网页超链接的制作


网页超链接的制作 教学目标: 1.知识与技能 (1)了解超级链接的含义及链接源和链接目标的含义,掌握同一站点内以及不同 站点间网页超级链接的创建方法。 (2)掌握网页内书签的作用及创建书签链接方法,掌握交互式按钮、框架网页内 超级链接的设置方法。 (3)理解热区链接的含义及创建方法。 2.过程与方法 (1)通过创建网页超级链接的操作,使学生了解网页中创建超级链接的基本方法, 破除

对网页链接的神秘感。 (2)通过对不同对象设置超级链接的操作,使学生总结出操作的规律,培养学生 自主学习与操作的能力。 (3)通过网页不同的超级链接方法,拓展学生思维,创建多种形式的网页链接。 3.情感态度与价值观 (1)通过链接我国主要自然保护区网页,激发学生热爱祖国、热爱自然、热爱生 命的激情。 (2)完成超级链接,使学生感受成功的喜悦和快乐。 教学重、难点: 1.教学重点: (1)超级链接的含义及链接源和链接目标的含义。 (2)超链接的制作方法——给文字、图片制作超链接,制作书签链接,给交互式按钮 制作超链接,框架页面内的超链接,图片区域制作超链接等。 2.教学难点 (1)书签链接中名称及对应链接位置的设定。 (2)在框架页面中制作超链接时,目标对象所选择的显示窗口形式。 教学方法与教学手段: 任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。 教学准备: “动物——人类的朋友”站点,包括未链接的网页,如欢迎页、表格页、框架页, 表单页等。 教学过程: 1.引入 展示两个主页,一个已经创建了链接,一个没有创建链接,让学生进行比较并找出 区别,引出本课课题——超级链接。 提出: 我们在先前的学习中, 哪个软件中的相关操作与它类似?什么是超级链接?找一 个例子,分析链接源和链接目标分别是什么? 学生展开交流,通过对比找出不同点,并积极思考,回答老师的问题。 设计意图:通过对比操作、交流,再辅以知识迁移,明确本节课教学内容。 2.新授 (1)站内超级链接 引导学生回顾 PowerPoint 中超链接的制作方法(教师提示:右击链接源,利用快

捷菜单制作超链接) ,辅以教材中的内容,让学生自行探究并完成以下操作: 任务 1 同一站点内不同页面之间的链接 ○1 制作首页(欢迎页)到表格页的超链接。 ○2 给表格页内交互式按钮设置超级链接,链接到相关页面。 ○3 给框架页内交互式按钮设置超级链接,链接到相关页面。 教师巡视,及时指导,安排学生示范操作并讲解如何制作超链接。 交互式按钮的超链接制作要求在框架网页中演示操作。 老师可以提问学生: 演示者 操作的对吗?有没有问题? 引导学生发现问题:超链接制作完成后需要检验(保存后预览) 。 教师讲解,突破难点,再交由学生操作。 以上是同一站点内不同网页之间的链接, 有时一个页面中内容过多, 需要不断拖动 滚动条实现阅读,能否实现快速跳转呢? 任务 2 同一站点内同一页面内的跳转(链接) :在“动物趣闻”页面内制作书签链接。 教师讲解:由生活中的书签引入,介绍“书签链接”的概念,然后再演示如何操作。 提示:书签链接的双向性问题(返回) 。 学生认真听讲后模仿制作,教师巡视进行指导并反馈学生的完成情况。 (2)站间超级链接 仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题, 此时我们还可以借 助超链接,链接到因特网上的其他网站,以丰富我们的内容。 任务 3 借助热区链接,为“友情链接”页面制作超链接,链接我国一些自然保护区网 站。 有了以上基础, 可安排学生自学教材中有关热区链接的相关内容, 学生探究操作后 教师再安排学生进行演示,辅助以提问的形式检验学生的自学情况。 3.总结与评价 开展同学间的互助,检验其链接完成情况,推荐优秀同学做展示。引导学生分类总结本 节课的知识点。


更多相关文档:

网页制作基本代码

(在原始窗口打开) 7、超链接的种类 1) 电子邮件链接:mailto:jone@example.com...网页制作效果常用代码 8页 3下载券 网页制作的中的一些工具... 10页 1下载...

10级的《网页制作》

7页 免费 网页制作-在线作业 48页 免费 第2章 网页制作 25页 1下载券 网页...(10 分) 4.站点内的网页超链接链接(10 分) 5.创建表单使网页具有一定的...

网页制作2011.10.13

7页 免费 2011年10月《电子商务网站... 12页 10财富值 2011网页制作题目要求...简单地说,多个网页通过超链接构成了整个 网站。 三、基于 Web 的客户端与服务...

网页设计(考试参考答案)

”标示,每题 1 分,共 10 分) (1)GIF 格式的...其中一个框架的网页中设置超链接,则超链接的 目标...D.PSD 格式 7、下面关于网站制作的说法哪些是不...

网页制作考试参考答案

网页制作》模拟试卷 1 第 1 题 判断正误(10 ...(5)在给图象指定超链接时,默认情况下总是会显示...(7)在 Flash 中填充渐变有两种形式分别是__线性_...

10 HTML基础知识_图文

制作出自适应的网站,也就是说它的 显示风格会根据...有提示的这个超级链接 上的时候,网页就会将 title ...size 它只能设置 1-7 和-1 到-7 (中国很少用...

网页制作-在线作业_B

OL>标记产生有序列表 知识点: 7.3 无序列表 7....网页可以指定一幅图片作为超链接的目标 网页中可以...10.1 制作表格|10.3 行标〈TR〉属性|10.4 单元...

网页设计与制作样卷及答案

√ 7、 在网页中创建超链接,其中 URL 可以是相对地址或绝对地址。√ 8、 在...10页 免费 《网页设计与制作》试卷... 6页 免费 《网页设计与制作》试卷.....

创建超级链接教案

任务二:完成上海交通页中八 种进出上海的方式与页面中具 体介绍的链接。(10 ...例演示,学生很容 易就掌握脚本链 接的作用与制作 步骤。 7 三、 课堂练习 ...

2014-2015上学期网页制作期末试题

( 1 ) 10、在 Dreamweaver CS5 中,网站目录中,仅仅用来保存以后制作的网页(...首页.htm 7、Dreamweaver 中,创建网页内部链接可以使用( A、超级链接 B、按钮 ...
更多相关标签:
网页制作超链接 | 记事本网页制作超链接 | 网页制作超链接代码 | 如何制作网页超链接 | 怎么制作超链接到网页 | 静态网页制作超链接 | 网页制作超链接怎么做 | win7网页制作 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com