当前位置:首页 >> 其它课程 >> 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 三、 课堂练习 ...

10级网页试题B

7页 免费 网页制作二级考试大纲及... 21页 1下载券 计算机二级-网页设计与制...10.列不属于站点管理器的功能的是: A. 可以实现快速超级链接。 C. 可以自动...

10计算机网页制作基础教程试卷

7 8 9 10 (请同学们将选择题答案写在上面的表格中,谢谢! ) 一、选择题(...超链接 B.表单 C.导航栏 D.表格 () 2、下列网页中表示静态网页的是( ) ...

网页制作考试参考答案

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

大学网页制作课10年网页试题a卷

设计视图 7.如果在 Dreamweaver MX 2004 操作过程中改变工作区,应该选择( C )...Alt+Enter 14.在一个网站中,超链接的路径通常有( )种表示方式,分别是( A)...

10-2 制作网站(1)

10-2 制作网站(1)_互联网_IT/计算机_专业资料。...超链接 任务 作用与功能 编辑、修改、查看网页的...6、文字输入与排版: 方法:复制/粘贴 格式→字体 7...

北语17春《网页制作》作业3满分答案

以下哪个属性是用于设置网页中已访问过的超链接文本...forward D. back 满分:5 分 正确答案:D 10. ...北语15秋《网页制作》作... 26人阅读 7页 ¥2...

网页制作阶段测试题

F 5. F 6. T 7. F 8. T 9. F 10. F 第 2 题 单选题(20 分)...②框架是在同一个浏览器窗口中显示多个网页; ③框架可以通过指定超链接的目标框架...

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

以上都可以 10) 在 Dreamweaver 编辑环境下,下图中共有 超链接(文字、锚点和...自考网页设计与制作试卷... 7页 2下载券 《网页设计与制作案例教... 3页...
更多相关标签:
网站地图

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