网页设计与制作超链接教案设计

（完整版）《网页设计与制作》课程教案

（完整版）《网页设计与制作》课程教案《网页设计与制作》课程教案一、课程定位本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。

本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。

二、课程总目标掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。

（一）知识目标：1.熟悉网页制作的基本元素；2.掌握Dreamweaver CS6软件的基本操作方法；3.掌握在网页中插入文字、图片、声音、flash等的方法；4.掌握常见的网页布局方法，学会使用CSS美化网页；5.掌握在网页中使用表单和制作网页特效的方法；6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。

7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。

（二）职业能力培养目标1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。

（三）素质目标1.具有勤奋学习的态度，严谨求实、创新的学习精神；2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。

（四）职业技能证书考核要求：可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。

网页设计与制作项目7超链接

步骤7 单击“预览”按钮，当鼠标指向文本“黄山”图片时，单击即可跳转到“黄山” 页面上。步骤8 按照相同的操作，可以完成图片 “苏州园林”、“桂林”的超级链接。
7.2 网页制作
7.2.3 创建图像映像超链接步骤1 在“目的地”页面上单击“地图”图片，在【属性】面板单击“矩形热点工具”按钮，在地图上的 “北京”处绘制“矩形”，如图所示。步骤2 在【属性】面板上单击“链接（L）”右侧的 “浏览文件”按钮，或直接输入超级链接的目标文件名，如图所示。
选择原始图像
7.2 网页制作
步骤5 在【插入鼠标经过图像】对话框中单击“按下时，前往的URL” 右侧的“浏览” 按钮，选择超级链接的目标文件。
选择目的地原始图像
7.2 网页制作
步骤6 重复以上操作，执行【插入】|【图像对象】 |【鼠标经过图像】菜单命令，在图像名称的文本框中输入“目的地”，分别单击“原始图像”及“鼠标经过图像” 右侧的“浏览”按钮，选择所需要的图像，如图所示为选择原始图像；在【插入鼠标经过图像】分别单击对话框中的参数设置如图所示。
7.3.1 超链接 4．设置文本超链接的属性
执行【修改】|【页页属性】菜单命令，或在【文件名】属性面板上单击“页面属性”按钮，在弹出的【页页属性】对话框中设置文本超链接的属性，如图所示。
设置“文本”链接属性
7.3.2 内部超链接
1．创建文本或图像超链接创建文本或图像超链接后，单击该文本或图像便可以打开链接所指向的目标网页。创建文本与图像超链接的方法相同，下面仅以文本超链接为例，讲述文本或图像超链接的几种方法。方法一：步骤1 在文档中选中超链接源端点的文本 “欢迎您的光临”，如图所示。
在页面左上角定位光标

《第1章美丽家乡——网站设计与制作第4节建立网页间的超链接》教学设计

《建立网页间的超链接》教学设计方案（第一课时）一、教学目标1. 理解超链接的基本观点和作用。

2. 掌握在网页中创建超链接的方法。

3. 学会在不同网页之间建立链接，实现网页间的跳转。

二、教学重难点1. 教学重点：学会创建文本超链接和图片超链接。

2. 教学难点：正确选择链接目标，避免无效链接的出现。

三、教学准备1. 教材、课件和相关素材。

2. 网络环境、电脑设备和教学软件。

3. 教室、黑板和粉笔等基本教学工具。

四、教学过程：本节课主要内容是在网站建立好之后，将网站的各个部分之间建立超链接。

这个知识点主要分成了四个步骤：理解超链接、学会应用“超链接”工具、创建文字超链接、创建图片超链接。

1. 导入新课：起首回顾上一节课的内容，简单介绍什么是超链接，并展示一些网页中的超链接，引起学生的兴趣。

2. 新课讲解：(1) 理解超链接：教师详细诠释超链接的观点，让学生了解超链接是如何工作的，以及为什么它们对于一个网站来说是如此重要。

(2) 学会应用“超链接”工具：教师详细介绍并示范如何应用Word中的“超链接”工具。

包括如何添加、如何编辑、如何删除等。

(3) 创建文字超链接：教师引导学生尝试自己创建文字超链接，通过实际操作来掌握这一技能。

(4) 创建图片超链接：教师展示如何将图片添加到超链接中，并诠释为什么这个方法无意候比直接链接文字更好。

3. 实践操作：学生根据教师提供的素材，尝试将各个部分之间建立超链接。

教师巡视指导。

4. 作品展示：请学生展示自己的作品，并分享他们的经验和学习感受。

教师给予反馈和鼓励。

5. 教室小结：教师总结本节课的内容，并再次强调超链接的重要性。

6. 安置作业：让学生在课后自己尝试创建一个完备的网站，并在这个过程中继续完善和添加超链接。

教学设计方案（第二课时）一、教学目标1. 学生能够掌握在网页中建立超链接的方法。

2. 学会在不同网页之间建立链接，理解链接的观点和作用。

3. 培养学生对网页进行编辑和管理的技能。

“网页超链接”教学设计新部编版

精选教课教课方案设计| Excellent teaching plan教师学科教课方案[ 20–20学年度第__学期]任教课科： _____________任教年级： _____________任教老师： _____________xx市实验学校作者：佛山市第十四中学黄韶君一、教材剖析本次教课方案是选自佛山市《信息技术》编委会编写的《信息技术》初中版第二册第三单元第六课《网页超链接》。

教材目的是让学生熟习超链接的功能，能娴熟操作文本超链接的方法，初步掌握图片超链接的方法，能利用“超链接”的功能实现简单的交互，内容量比许多，可是希望经过学生自主研究学习，让基础好的学生能全面掌握网页中信息链接实现的方法，让基础一般的学生能对Frontpage 软件中创立超链接的几种方法全面认识，能掌握此中的部分内容，学会学习方法，让一课时中不可以完整掌握的内容经过自己的后续学习也能所有掌握，为此后制作更精巧的网站打好基础。

并且网页超链接的教课内容对已掌握了必定网页制作技术的初二学生来说其实不难，并且也是学生十分感兴趣的东西，所以在讲堂上只要坚持精讲多练的原则，重难点知识则经过学生自学教材内容、自学教课课件网页演示、小组学习沟通议论以及教师适合点拨等方式帮助学生理解掌握。

二、教课目的1、知识与技术：理解网页超级链接的作用；掌握超级链接的使用方法；认识不一样对象的超级链接是怎么制作的。

（文字超链接、图像超链接、热门超链接、邮件超链接）2、过程与方法：经过教课课件网页的帮助，学生以自主研究的方式达成对知识点的学习与掌握，增强主动学习、研究的意识。

培育学生自我研究、自主学习的能力和自我创新、集体协作的能力。

3、感情目标让学生自我展现、自我激励，体验成功，勇于试试，激发求知欲。

经过对别人作品的赏识和评论，培育学生的审盛情识。

三、教课重难点重点：掌握超链接的方法，能利用超链接功能实现简单的交互难点：正确运用超链接，超链接的属性设置育人如同春风化雨，授业不惜蜡炬成灰四、教课策略讲堂教课以学生为主体，充足发挥学生的主体性。

教案精选高中信息技术网页制作的超链接教学设计

教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教课方案教课方案优选：高中信息技术《网页制作的“超链接”》教学设计整体设计思路：*导言* 学习目标*提示* 学习资源* 随堂练习* 评论* 拓展与思虑* 教课反省导先期，我们学习了上网的有关内容，此刻为止，我们所制作的网页都是孤立存在的，还没有形成一张互相联系的网，因为我们没实用到“超链接”的功能，今日我们就一同来学习怎样经过“超链接”让我们的网页奇特起来。

那什么是“超链接”呢？言我们在阅读网页时，常常会发现当鼠标指针挪动到某些文字或图片刻，它就会变为一只“手”，这时单击鼠标就能够翻开另一网页了或转到另一个地点。

这就是我们将要讲述的网页”超链接”方式。

没有链接就没有网的生命力，正是因为有了”超链接”，因特网才会变得这样奇特，这样富裕魅力！下边，我和同学们一同来感觉“超链接”的美好！学知识和技术：进一步认识网络，能经过登录网站独立收1 / 6教课方案优选：高中信息技术《网页制作的“超链接”》教课方案发邮件；掌握网上注册电子信箱的往常步骤，能够对知识概括、总结。

说明：本节课要求同学们能够娴熟的使用各样形式的“超链接”，最后制作一个操作方便、适用、雅观的网页。

习过程和方法：能读懂软件的操作指导；经过疑问——察看——试试——交流——总结来提升学生自主学习、合作学习的能力，逐渐形成优秀的学习习惯和学习方法。

目感情态度和价值观：要培育学生乐用、善用网络资源；激励学生踊跃思虑、主动研究、勤于着手、勇于创新的意识；增强学生网络安全意识，养成文明上网的美德。

教课内容：标从文字（或图片）链接到另一个网页文件。

从文字（或图片）链接到某个网站地点。

从文字（或图片）实现网页内部的链接——“书签”。

学习要点：各样不一样形式的超链接的实现方法。

学习难点：书签学习“超链接”时，先要弄清楚几个基本的观点。

提 1、链接源：本网页中已经存在的元素，能够是文字、图片等多种对象形式。

创建超链接和网页模板教案

教师巡视
指出操作要点：建立文字超链接时需要选中制作超链接的文本！
提问：超链接制作的方法？
提问：超链接的对象是什么呢？
二、设置超链接颜色
让同学们观察建立文字超链接后文字有什么变化？我们能够修改超链接的颜色吗？
按照书本上的图示，讨论、探究超链接制作的方法。
学生尝试制作超链接
小组发言并演示超链接的建立方法
3．该班级学生对超链接这部分内容还不熟悉，对于超链接及超链接热区的创建的实际操作能力有待提升。
四、教学策略选择与设计
直观演示与自主学习相结合，合作练习与教师的讲授相结合
五、教学环境及资源准备
多媒体教室、自制教学课件
六、教学过程
教学过程
教师活动
学生活动
设计意图及资源准备
质疑导入
首先，老师演示自己制作的网站，用超链接预览所有的网页，让学生仔细观察。然后，让学生按照老师的方法，演示自己的作品，看能不能进行，为什么？
情感态度与价值观：1．完成文字和图片超链接的创建，使学生感受成功的喜悦和快乐。
2．培养学生勤于思考和自己动手探索新知识的良好学习品质。
三、学习者特征分析
1．该班级学生基础知识比较扎实，思维活跃，学习兴趣浓厚，课堂参与积极、主动。
2．该班级学生能熟练掌握电脑的基本操作，能够在网络环境下顺利的开展自主和合作探究活动。
学生回答超链接的对象可以是网页、文件、网址、电子邮件等
学生通过观察后回答并按照书上尝试改变超链接文字的颜色
小组成员间合作练Байду номын сангаас掌握超链接文字的颜色的的设置方法
培养学生的自学能力、他人交流合作的能力、语言表达能力
让学生动手制作、体验超链接，提高学生的动手操作能力。

网页设计与制作第5章超链接

<br><br><hr><br><br><br><br> <h3><a id="T1">数据库</a> </h3> <p>《数据库》是……。</p> <a href="#top">返回页首</a>
<br><br><hr><br><br><br><br> <h3><a id="T2">计算机基础</a> </h3> <p>《计算机基础》是……。</p> <a href="#top">返回页首</a>
_blank：在新窗口载入文档，可同时打开多个相同窗口。但如无特殊需要请勿滥用。
_self：在被点击的同一框架中打开被链接文档（默认）。 _parent：在父框架集中打开被链接文档。 _top：在窗口主体中打开被链接文档。 new：在新窗口载入文档，但只打开一个窗口（受浏览
器限制）。说明：_self、_parent 和_top 这三个值大多数时候与iframe一起使用。
<br><br><hr><br><br><br><br> <h3><a id="T3">计算机网络</a> </h3> <p>计算机网络是……。</p> <a href="#top">返回页首</a>

创建超链接教案

（2）、将“济宁1.htm”中的“人民生活”；链接到外部/jngk-ls-rmsh.aspx
成果体验：
1、览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：5、创建发送电子邮件的超链接；完成任务五。
1、超链接的作用
2、超链接的类型
3、如何创建超链接
教学
方法
1、网络下的任务驱动法—Webquest
2、讲练结合法
3、自学探究法
教学过程
授课思路与方式方法
教师活动：
引言：
同学们，现在是春季，在这个美丽的季节里，我们经常看到漂亮的花儿。你知道现在那些花正在盛开吗？我知道，有一种洁白的花正在盛开，那就是梨花，谈到梨花，不由的使我想起我的家乡的一个特殊节日“梨花节”，那么大家跟随我通过网络“回家”看看！我的家乡很美丽吧，我们的金乡也很美丽！大家来看看……
（2）、将“济宁1.htm”中的“综合实力”；链接到“jnsl.doc”
成果体验：
1、预览的方式体验自己制作的超链接。
2、在保存网页后，通过打开网页的方式体验成果。
教师活动：
根据学生活动情况，亲自示范点评或者让学生示范。
学生活动：
阅读：4、创建链接外部站点的超链接；完成任务四。
任务提示：
（1）、使用FrontPage打开“练习”文件夹中的“济宁1.htm”
如果，你能快速的完成任务，请进入高手加油站。
高手加油站：
1、通过网页属性，设置链接的翻转效果、文字的颜色、访问后的链接文字颜色等。
2、在超链接属性窗口中，可以设置超链接屏幕提示信息。
成果体验：

《网页超链接》教学设计

《网页的超链接》教学设计教材分析教材分析睛的作用。

在前面几节课的学习中睛的作用。

在前面几节课的学习中,,学员已根据学校网站的素材建立了多个子网页立了多个子网页,,但这些网页内部的目录和正文、网页之间都是相对独立的对独立的,,还没有形成有机的整体。

建立超链接能让各个独立的网页形成一个有机的整体页形成一个有机的整体,,同时将本网站链接到其他的网站同时将本网站链接到其他的网站,,这样可以获取更多的信息。

所以超链接这部分内容以获取更多的信息。

所以超链接这部分内容,,是网页制作中的重点。

: : ⒈了解超链接的基本概念⒈了解超链接的基本概念⒈了解超链接的基本概念;2.;2.;2.掌握同一站点内网掌握同一站点内网页间超链接的制作页间超链接的制作;;⒊掌握与站点外的内容建立超链接的方法⒊掌握与站点外的内容建立超链接的方法;;⒋掌握同一页面中超链接的制作方法。

掌握同一页面中超链接的制作方法。

: 1.: 1.通过设置超链接的操作通过设置超链接的操作通过设置超链接的操作,,学员掌握网页中超链接的制作方法接的制作方法;2.;2.;2.总结操作规律总结操作规律总结操作规律,,培养学员自主学习和探究学习的能力。

能力。

:1.:1.设置超链接将独立的网页串成一个有设置超链接将独立的网页串成一个有机整体机整体,,使学员感受成功的喜悦使学员感受成功的喜悦;2.;2.;2.在动手制作的过程中体会作品在动手制作的过程中体会作品的内在美的内在美,,给学员以美的熏陶。

给学员以美的熏陶。

:超链接、链接载体、链接目标的含义。

超链接、链接载体、链接目标的含义。

:书签的链接及对应链接位置的设定。

书签的链接及对应链接位置的设定。

:学员都能独立的完成单个网页的制作学员都能独立的完成单个网页的制作,,所以对frontpage 的操作界面已很熟悉的操作界面已很熟悉;;同时在建网站时有过规划同时在建网站时有过规划,,学员对站点内页面的关系有所了解站点内页面的关系有所了解;;在powerpoint 学习中学员已学习过超链接。

网页中的超链接教案

任务驱动法：
在教师演示结束之后，教师设置一个在网页中建立超链接的任务，学生通过在教师指导、学生相互探究下完成该任务，能够掌握网页中建立超链接的知识技能，并能熟练运用该项技能。
情境法：
教师首先通过展示前几节课所做的无超链接的网页和建立有超链接的网页比较，，让学生主动探索自己的网页和网站的不同，从而导入新课。通过学生相互间讨论、师生讨论的方式使学生掌握相关知识。
导入新课
2分钟
1、创设情景，导入新课。
教师打开一些没有使用超链接的网页，每次要看的网页都要重新打开。
提问同学们：这样的网页看起来是不是非常凌乱而且不方便，那么如何让网站使用起来整洁而有序呢？
多媒体画面广播
分析任务
2分钟
2、提出任务，分析任务
教师展示与刚才同样的网页，唯一不同的是已经做好了超链接。让同学们讨论分析两次打开网页的不同，试着说出要做到这样需要用到什么知识。
知识与技能目标：
1、掌握创建文本超链接、图像超链接、锚点超链接的方法；
2、知道常见的网站链接结构有哪些，各自的优缺点是什么；
3、会根据需要设计网站的链接结构；
过程与方法目标：
1、通过任务的实战演练，体验实现超链接的方法
2、通过学习网页中的超链接，学会将知识与方法迁移到其他软件中。
情感、态度与价值观目标：
教师：本节课的任务就是把这几个网页通过超链接连接起来，接下来我就教大家几个超链接的方法。
多媒体画面广播
演示
4分钟
3、演示两个超链接方法：
文本超链接以及图像超链接，并且提出问题供学生解决
多媒体画面广播
学生练习
5分钟
4、练习所学的超链接方法并思考解决问题
演示
4分钟
5、演示锚点超链接方法，并且提出问题供学生解决。

网页中超链接教学设计

链接对象
链接目标
益阳市第一中学

校园风貌.htm
yzxb2006@
实战练习二：
“奔向2008”，2001年7月13日那一刻，北京成了一片欢乐的海洋，大家欢笑着、拥抱着，祝福北京，祝福祖国，祝福奥运！现在距离2008，已只有二年，“绿色奥运、科技奥运、人文奥运”已深入人心。请同学们制作“2008，我们的奥运”为主题的网页，向大家介绍一些你所知道的“北京2008奥运”的相关信息。
综合练习
四、练习与实践
依据自已的个人爱好和知识基础、理解程度、操作水平，可选以下任务中的一个或多个完成。亦可与2^3同学合作完成。
实战练习一：
母校百年校庆来临之际，请同学们制作一个以“百年一中”为主题的网页，向大家介绍你心目中的一中，网页中有文字与图像，并建立相关的超链接。
操作建议：可先登陆到一中网站（),再自由下载图片保存到文件夹中，再插入到网页中进行超链接的建立。（下为参考设置）
（3）单击“确定”按钮。
（4）切换到预览模式（单击预览按钮），这时计算机会打开默认的邮件编辑器，并自动在“收件人”中填上这个邮件地址。
三、给图像对象创建超链接
（刚才同学们都用心体会了用文字对象创建到网站、本地机上的网页和发送电子邮件超链接的方法，那么现在请同学们运用你们的能力，发挥你们的聪明才智，用图像对象创建到不同的超链接目标，将以下任务完成。）
操作建议：可以先利用搜索引擎如（)搜索2008北京奥运会的相关信息，再选择你感兴趣的网页地址收藏起来、并将合适图片保存到文件夹中，再将相关信息组织到你的网页中。（下为参考设置）
链接对象
链接目标
北京2008奥运
/olympic.html
jixiangwu.htm
实例：

信息技术《设置超链接》教学设计(通用6篇)

信息技术《设置超链接》教学设计（通用6篇）信息技术《设置超链接》教学设计 1一、教学目标学生能够复述出超链接的定义，并设置超链接及动作按钮。

通过小组合作及自主探究的方式，能够总结出设置超链接的方法，自主学习动作按钮的设置。

进一步养成交流合作学习的习惯，乐于与同学分享知识。

二、教学重难点设置超链接、动作按钮。

独立完成设置超链接以及设置动作按钮。

三、教学方法任务驱动法、自主学习、小组讨论四、教学过程1、教师提问：当你在上网的过程当中如果鼠标指向某一个地方出现了一个小手，点击之后呢就跳到了另外一个地方，大家知道是什么吗?学生经过思考会给出答案。

——超链接。

教师再次引导，“想不想让你的幻灯片也可以像网页哪样呢?”学生会积极的配合老师，给出回答。

引出新课——设置超链接2、任务一：畅所欲言，认识超链接教师向学生展示带有超链接的幻灯片，教师点击超链接的地方，学生进行观察。

并且提问：什么是超链接，超链接的目的是什么。

将学生分成几个小组进行讨论，在讨论的过程当中教师进行巡视指导。

讨论完成后，请小组代表进行回答。

并根据各小组的回答进行总结讲解。

通过这样的方式学生对于超链接就了更加深入的认识。

任务二：设置文字超链接学生对超链接有了认识之后。

教师首先完整的演示文字超链接的设置步骤，并请学生认真观察教师的操作。

教师操作完成之后，按照原来的分组，各组分别进行超链接的设置。

并提出三点要求：1、用前面我们做的“骆驼与羊的故事”幻灯片来做，指定第1张为当前幻灯片2、指定为“尺有所短，寸有所长”设置超链接3、总结设置超链接的步骤。

学生做的过程中，发现问题后，教师进行实时点拨。

学生做完之后，请几个小组进行展示，并说出设置超链接的步骤。

其它组的`成员可以进行适当的补充，然后教师进行点评讲解，将设置链接的步骤展示在PPT上。

小组同学根据PPT上的步骤对先前的作品进行修改或补充。

任务二：设置动作按钮当我们用超链接从第1张跳转到其它的幻灯片时，如果想返回到第1张幻灯片或是它前面的幻灯片，可以通过设置“动作按钮”来实现。

4.3《网页制作—超链接设置》教学案

4.3《网页制作—超链接设置》
【教材分析】
本节教学内容选自广东教育出版社选修3《网络技术应用》中的第四章第三节网页制作中的插入超链接。

超链接是网页制作中相当重要的一个知识点，也是学业水平考试的考点，要求每位学生都要掌握，它可以实现网站中各个网页之间的相互连接，把网页构成整体。

【学情分析】
高一年级的学生已经拥有相当水平的计算机操作能力了，这一章的学习要求每个学生都完成一个网站作品，自己确定主题，确定风格，确定版面样式，选择素材进行网页制作，经过几节课的学习探究很多同学都完成了网站中的几个网页制作，并且也掌握了网页制作的基本知识点，他们都迫切希望能通过链接把网页构成一个整体，相互之间能够实现访问。

【教学目标】
1、知识与技能：掌握超链接的创建方法以及编辑超链接
2、过程与方法：通过学生自主学习和合作探究，学会创建超链接，编辑超链接
3、情感态度价值观：通过师生的相互交流和学生之间的协作学习，体验探究问题和学习的乐趣
【教学重点】
超链接的创建及编辑
【教学难点】
创建电子邮件超链接
【教学方法】
激发兴趣，任务驱动，自主探究
【教学准备】
多媒体网络教室，教学课件，导学案
【教学过程】。

网页设计与制作实用教程电子教案、教学建议第4章在网页中建立各种超级链接-31页精选文档

06.04.2020
第4章在网页中建立各种超级链接
11
设置链接颜色
在网页index.html中，设置链接颜色，效果如图 4.13所示。操作步骤见教程P59。
06.04.2020
第4章在网页中建立各种超级链接
返回
12
设计目标实训引导制作步骤
锚点链接应用实例
06.04.2020
第4章在网页中建立各种超级链接
06.04.2020
第4章在网页中建立各种超级链接
返回
16
设计目标页面分析实训引导制作步骤
热区链接应用实例
06.04.2020
第4章在网页中建立各种超级链接
17
设计目标
制作一个浏览效果如图4.18所示的效果。当鼠标移上图像的不同组成部分时，就会显示出相应的说明文字，单击鼠标将会跳转到对应的网页。
第4章在网页中建立各种超级链接
返回
6
制作步骤
在本地站点future中打开第3章制作的index.html 页面，依次按照下述内容在页面中创建各种超级链接。
1．创建内部超级链接； 2．创建外部超级链接； 3．创建空链接和脚本链接； 4．创建E-mail超级链接； 5．设置链接颜色。
06.04.2020
06.04.2020
第4章在网页中建立各种超级链接
返回
21
设计目标页面分析实训引导制作步骤
（2）页面效果请参见配套光盘 webcourse\chapter04\result文件夹下的 ex4_hotspot.html文件。
06.04
返回
20
制作步骤
为img4_map.jpg图像制作热区。操作步骤见教程P63。

信息技术《网页超链接的制作》教案

信息技术《网页超链接的制作》教案信息技术《网页超链接的制作》教案小学信息技术《网页超链接的制作》教案教学目标:1.知识与技能(1)了解超级链接的含义及链接和链接目标的含义,掌握同一站点内以及不同站点间网页超级链接的创建方法。

(2)掌握网页内书签的作用及创建书签链接方法,掌握交互式按钮、框架网页内超级链接的设置方法。

(3)理解热区链接的含义及创建方法。

2.过程与方法(1)通过创建网页超级链接的操作,使学生了解网页中创建超级链接的基本方法,破除对网页链接的神秘感。

(2)通过对不同对象设置超级链接的操作,使学生总结出操作的规律,培养学生自主学习与操作的能力。

(3)通过网页不同的超级链接方法,拓展学生思维,创建多种形式的网页链接。

3.情感态度与价值观(1)通过链接我国主要自然保护区网页,激发学生热爱祖国、热爱自然、热爱生命的激情。

(2)完成超级链接,使学生感受成功的喜悦和快乐。

教学重、难点:1.教学重点:(1)超级链接的含义及链接和链接目标的含义。

(2)超链接的制作方法--给字、图片制作超链接,制作书签链接,给交互式按钮制作超链接,框架页面内的超链接,图片区域制作超链接等。

2.教学难点(1)书签链接中名称及对应链接位置的设定。

(2)在框架页面中制作超链接时,目标对象所选择的显示窗口形式。

教学方法与教学手段:任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

教学准备:"动物--人类的朋友"站点,包括未链接的网页,如欢迎页、表格页、框架页,表单页等。

教学过程:1.引入展示两个主页,一个已经创建了链接,一个没有创建链接,让学生进行比较并找出区别,引出本课课题--超级链接。

提出:我们在先前的学习中,哪个软件中的相关操作与它类似?什么是超级链接?找一个例子,分析链接和链接目标分别是什么?学生展开交流,通过对比找出不同点,并积极思考,回答老师的问题。

设计意图:通过对比操作、交流,再辅以知识迁移,明确本节课教学内容。

网页超链接教案

题目建立超链接学校年级初二年级姓名教学目标知识与技能1、了解超链接的含义和链接目标的含义，掌握同一网站内以及不同站点间网页超链接的创建方法。

2、掌握网页内书签的作用及创建书签链接的方法。

3、理解热点的含义以及创建方法。

过程与方法1、通过创建网页超链接的操作，了解网页中创建超链接的基本方法。

2、通过对不同对象设置超链接的操作，总结出操作的规律，自主探究能力。

情感与态度价值观：完成超链接，感受成功的喜悦和快乐。

教学重难点教学重点：超链接的制作方法教学难点：书签链接名称以及对应链接位置的设定教学方法自主探究法演示法实践法教学过程教学阶段教师活动学生活动设计意图创设情境展示两个网页，一个创建超链接，一个没创建超链接。

进行比较，并找出区别。

创设情境引起学生兴趣自主探究任务一：同一网站内不同网页间超链接1、文字超链接（导航内的文字与响应的网页超链接）2、图片超链接（导航内的图片与响应的网页超链接）3、图片热点超链接（导航内的图片与响应的网页超链接）1、学生自主学习2、学生演示3、学生按小组操作4、检查学生学习效果提高学生自主探究能力自主探究任务二：同一网页内超链接（书签超链接）书签超链接步骤：1、插入书签2、建立书签超链接1、学生自主学习2、学生演示3、学生按小组操作4、检查学习效果提高学生自主探究能力启迪引导任务三:不同网站间超链接1、网站间超链接2、邮箱超链接1、学生自主学习2、学生演示3、学生按小组操作4、检查学习效果提高学生自主探究能力效果评价展示学生作品，完整填写并上交自我发展评价量规表。

观看其他同学的作品，在对比中反思自己本节课的收获；认真填写自我发展评价量规表。

反思本节课的学习与收获。

归纳总结1、掌握同一网站内以及不同站点间网页超链接的创建方法。

2、掌握网页内书签的作用及创建书签链接的方法。

3、理解热点的含义以及创建方法。

学生认识并体会。

清晰脉络，突出本节重、难点。

网页设计与制作之超链接

网页设计与制作之超链接
实验四在网页中使用超链接
【实验目的】
通过本实验，使学生熟悉如何在网页中通过超链接来使用多媒体的方法。

【实验要求】
[1] 掌握如何创建与各种对象的超级链接；
[2] 掌握编辑各种超链接的方法；
[3] 掌握利用站点地图管理超链接的方法。

【实验内容】
1、制作一个网页，并设置相应的超链接，如文本超链接、图片热区超链接、电子邮件超链接，如图1“校友录”所示。

2、使用布局表格制作如图2所示网页
图1“校友录”
图2 布局表格
“校友录”页面制作【实验步骤】
1、首先在制作出如下所示的表格：
2、页面属性如下：
3、添加相应图片及文本
4、在图片上设置热点链接，如下所示：
并制作相应地特点链接网页，示例如下：
5、设置文本空链接，如下所示：
6、在“联系”字样上设置电子邮件超链接，如下所示：
对“Send”图片设置电子邮件超链接，如下所示：
“布局表格”制作步骤
1、使用布局模式绘制布局表格和布局单元格进行布局，如图所示
2、将未来旅游中的图片设置为“鼠标经过图像”
3、将页面下方的“与我联系”设置为电子邮件超链接。

网页设计与制作--教案4.1(5--6节)

专业理论课教案首页
授课周次： 5 NO：
课题：第三章 HTML语言 3.5：超链接的应用
教学目的、要求：通过本节学习让学员掌握HTML语言超链接的应用
教学重点、难点： 1、网页内部的链接；2、网页外部的链接；3、网页外部的链接；4、图片超链接。

授课方法：讲解法、任务驱动教学法
教学参考及教具(含电教设备)：无
授课执行情况及分析（教学反思：本次课执教情况简评、存在的不足、今后教学改进的措施或方案）：
课后作业（要求：①写清题目，学生的作业必须要与教案上布置的题目一致；
②每两课时有一次作业，每次作业必须有40分钟以上的作业量；作业布置题型不能局限于简单的概念性抄书）
板书设计或授课提纲：
教案纸续页第页共页。