当前位置:首页 >> 其它课程 >> 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.总结与评价 开展同学间的互助,检验其链接完成情况,推荐优秀同学做展示。引导学生分类总结本 节课的知识点。


更多相关文档:

免费发链接的十大网站

下面我就介绍一下十个可以免费做链接的网站.供大家...发帖可以带超级链接,我破解的,http://www.baixing....7.天涯问答 天涯问答.虽然权重没有百度知道高.但也...

《网页设计与制作》试卷A答案

文字 E—mail 超链接 17、 在 Dreamweaver 中在网页中设置文本在图像的右侧...7 C 17 A 27 D 8 A 18 D 28 D 9 A 19 C 29 C 10 D 20 C 30...

10-2 制作网站(1)

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

10级的《网页制作》

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

网页制作基本代码

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

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

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

西工大17春《网页设计与制作》在线作业

西工大17春《网页设计与制作》在线作业_远程、网络...VFScript C 7. 在一个框架组的属性面板中,能设置...链接外部 CSS 样式文件 BC 10. 常用的样式表定义...

网页设计与制作上机试卷

网页设计与制作上机试卷(一)操作题一: 1、建立并...7、超级链接的建立与框架目标的指定:创建左边 Index...列表的选项为 1-2 小时、3-5 小时、5-10 小时...

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

( 1 ) 10、在 Dreamweaver CS5 中,网站目录中,仅仅用来保存以后制作的网页(...首页.htm 7、Dreamweaver 中,创建网页内部链接可以使用( A、超级链接 B、按钮 ...

10超链接李超精彩

新闻网页贴吧知道音乐图片视频地图百科文库 搜 试试 7 帮助 全部 DOC PPT TXT...上的“超链接”文档, 仔细阅读,回答问题 师:要做成这样一个链接,首先要做什么...
更多相关标签:
网站地图

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